/*---------------------------------------
DuSable Museum of African American History

media:		Screen
author:		WisdomGroup
website:	http://www.wisdomgroup.com
----------------------------------------*/

@import url(/?css=stylesheets/reset.css);
@import url(/?css=stylesheets/buttons.css);

/*---------------------------------------
	SITE FRAMEWORK
----------------------------------------*/

body {
	background: #efe4b0 url(/images/site/background.png);
	font: 62.5%/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}

#wrapper-one {
	background: url(/images/site/background-body.png);
	width: 100%;
	min-width: 940px;
	overflow: hidden;
}

#wrapper-two {
	background: url(/images/site/background-tile.png) repeat-x;
	min-height: 753px;
	width: 100%;
	min-width: 940px;
	overflow: visible;
}

/*---------------------------------------
	HEADER
----------------------------------------*/

#print-header { display: none; }

#header {
	width: 940px;
	height: 96px;
	margin: 0 auto;
	position: relative;
}

h1 a { 
	position: absolute;
	top: 10px;
	display: block;
	background: url(/images/site/logo.png) no-repeat;
	width: 166px;
	height: 0;
	padding-top: 63px;
	text-indent: -10000px;
	overflow: hidden;
} 

ul#nav-global {
	position: absolute;
	top: 13px;
	right: 0;
}

ul#nav-global li {
	float: left;
	padding-left: 11px;
}

ul#nav-global li:first-child { padding-left: 0; }

ul#nav-global li a {
	display: block;
	height: 0;
	padding-top: 22px;
	text-indent: -10000px;
	overflow: hidden;
	background-position: no-repeat;
}

ul#nav-global li a:hover { background-position: 0 -22px; }
ul#nav-global li.current a { background-position: 0 -44px; }

ul#nav-global li#nav-visit a { width: 89px; background-image: url(/images/site/nav-visit.png); }
ul#nav-global li#nav-exhibits a { width: 66px; background-image: url(/images/site/nav-exhibits.png); }
ul#nav-global li#nav-events a { width: 58px; background-image: url(/images/site/nav-events.png); }
ul#nav-global li#nav-research a { width: 74px; background-image: url(/images/site/nav-research.png); }
ul#nav-global li#nav-education a { width: 83px; background-image: url(/images/site/nav-education.png); }
ul#nav-global li#nav-membership a { width: 170px; background-image: url(/images/site/nav-membership.png); }
ul#nav-global li#nav-about a { width: 142px; background-image: url(/images/site/nav-about.png); }

ul#highlights {
	position: absolute;
	top: 50px;
	right: 250px;
}

ul#highlights li {
	float: left;
	padding-left: 20px;
}

ul#highlights li:first-child { padding-left: 0; }

ul#highlights a {
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	color: #876110;
	text-decoration: none;
}

ul#highlights a:hover {
	text-decoration: underline;
}

form#search {
	position: absolute;
	right: 5px;
	top: 46px;
	width: 222px;
}

form#search input[type=text] {
	border: 0;
	width: 159px;
	height: 18px;
	padding-left: 2px;
	background: #f8f3db url(/images/site/search-input.png) no-repeat;
	color: #7a5b1a;
	float: left;
	margin-right: 6px;
}

.iphone form#search input[type=text], .ipod form#search input[type=text] { width: 150px; height: 15px; }
.gecko form#search input[type=text] { width: 160px; padding-top: 3px; height: 16px; }
.win.gecko form#search input[type=text] { width: 160px; padding-top: 2px; height: 17px;}
.chrome form#search input[type=text] { width: 158px; }
.ie8 form#search input[type=text] { padding-top: 2px; height: 17px; }

form#search input[type=text]:focus {
	outline: 0;
}

form#search button {
	width: 54px;
	height: 20px;
	text-indent: -10000px;
	background: url(/images/site/search-button.png) no-repeat 0 0;
}

.iphone form#search button, .ipod form#search button { height: 19px; }

form#search button:hover { background-position: 0 -20px; }

/*---------------------------------------
	BODY
----------------------------------------*/

#body { 
	width: 940px;
	margin: 15px auto;
	overflow: hidden;
}

#body-wrapper {
	background: url(/images/site/body-wrapper-background.png) repeat-y 170px 0;
	padding-bottom: 5px;
	overflow: hidden;
}

#primary {
	width: 643px;
	padding: 10px 10px;
	border: 1px solid #f4ebd2;
	background-color: #FFF;
	overflow: hidden;
	float: left;
}

#navigation {
	width: 170px;
	float: left;
}

#navigation h2 {
	height: 0;
	padding-top: 10px;
	margin-top: 3px;
	margin-left: 3px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#navigation h2#navhead-visit { width: 66px; background-image: url(/images/site/navhead-visit.png); }
#navigation h2#navhead-exhibits { width: 46px; background-image: url(/images/site/navhead-exhibits.png); }
#navigation h2#navhead-events { width: 66px; background-image: url(/images/site/navhead-events.png); }
#navigation h2#navhead-research { width: 52px; background-image: url(/images/site/navhead-research.png); }
#navigation h2#navhead-education { width: 59px; background-image: url(/images/site/navhead-education.png); }
#navigation h2#navhead-membership { width: 129px; background-image: url(/images/site/navhead-membership.png); }
#navigation h2#navhead-about { width: 107px; background-image: url(/images/site/navhead-about.png); }

ul#nav-local { 
	border-top: 1px solid #dfd2a9;
	width: 160px;
	margin-top: 7px;
}

ul#nav-local li {
	border-bottom: 1px solid #dfd2a9;
	padding: 5px 4px;
}

ul#nav-local li.current a {
	color: #ab5740;
}

ul#nav-local li.current a:hover {
	text-decoration: none;
}

ul#nav-local li a {
	display: block;
	font-size: 1.3em;
	line-height: 1.3;
	margin: -1px 0;
	font-weight: bold;
	color: #3c3c3c;
	text-decoration: none;
}

ul#nav-local li a:hover {
	text-decoration: underline;
}

ul#nav-local li ul {
	display: none;
}

ul#nav-local li.active-menu ul {
	display: block;
}

ul#nav-local li ul.show-me {
	display: block !important;
}


ul#nav-local li ul {
	margin-top: 4px;
}

ul#nav-local li ul li {
	border-bottom: none;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 1.2;
	background: url(/images/site/nav-local-bullet.png) 1px 9px no-repeat;
}

ul#nav-local li ul li a {
	color: #4a4a4a !important;
	font-size: 1.1em;
	font-weight: normal;
}

ul#nav-local li ul li a:hover {
	text-decoration: underline !important;
}


ul#nav-local li ul li.current {
	background: url(/images/site/nav-local-arrow.png) 1px 8px no-repeat;
}

ul#nav-local li ul li.current a {
	color: #ab5740 !important;
	font-weight: bold;
}

ul#nav-local li ul li.current a:hover {
	text-decoration: none !important;
}

#content {
	margin-left: 181px;
	min-height: 775px;
}

#secondary {
	width: 255px;
	margin-left: 680px;
}

/*---------------------------------------
	SECONDARY
----------------------------------------*/

#hours-location {
	margin-top: -9px;
	position: relative;
	background: #f6e3ab url(/images/site/sidebar-bg-hours.png) no-repeat;
}

#hours-location-wrapper {
	padding: 13px 15px 0 15px;
	font-size: 1em !important;
}

#hours-location-bottom {
	width: 255px;
	height: 2px;
	background: url(/images/site/sidebar-bg-hours-bottom.png) no-repeat;
}

#hours-location h2#museum-hours {
	width: 96px;
	height: 0;
	padding-top: 11px;
	overflow: hidden;
	text-indent: -10000px;
	background: url(/images/site/sidebar-hours.png) no-repeat;
}

#hours-location h2#museum-location {
	margin-top: 13px;
	width: 115px;
	height: 0;
	padding-top: 11px;
	overflow: hidden;
	text-indent: -10000px;
	background: url(/images/site/sidebar-location.png) no-repeat;
}

#hours-location div {
	margin-top: 10px;
	color: #4a4a4a;
	font-size: 1.2em;
}

#hours-location div a {
	color: #4a4a4a;
	font-weight: bold;
	text-decoration: none;
	padding-right: 13px;
	background: url(/images/site/arrow-white-on-yellow-right.png) no-repeat right 4px;
}

#hours-location div a:hover {
	text-decoration: underline;
}

#newsletter {
	width: 255px;
	height: 95px;
	background: url(/images/site/newsletter-background.png) no-repeat 0 0;
}

#newsletter form {
	position: relative;
	top: 60px;
	left: 13px;
}

#newsletter form input[type=text] {
	border: 0;
	width: 160px;
	height: 18px;
	padding-left: 2px;
	background: #f8f3db url(/images/site/newsletter-emailbox.png) no-repeat;
	color: #7a5b1a;
	float: left;
	margin-right: 6px;
}

.gecko #newsletter form input[type=text] { width: 161px; padding-top: 3px; height: 16px; }
.win.gecko #newsletter form input[type=text] { width: 163px; padding-top: 2px; height: 17px;}
.chrome #newsletter form input[type=text] { width: 161px; }
.ie8 #newsletter form input[type=text] { padding-top: 2px; height: 17px; }

#newsletter form input[type=text]:focus {
	outline: 0;
}

#newsletter form button {
	width: 54px;
	height: 20px;
	text-indent: -10000px;
	background: url(/images/site/newsletter-signup.png) no-repeat 0 0;
}

#newsletter form button:hover { background-position: 0 -20px; }

.standard-sidebar {
	margin: 20px 0;
	background: url(/images/site/sidebar-background.png) repeat-y;
}

.standard-sidebar h2 {
	width: 255px;
	height: 0;
	padding-top: 25px;
	overflow: hidden;
	text-indent: -10000px;
	background-repeat: no-repeat;
}

#featured-exhibits h2 { background-image: url(/images/site/sidebar-exhibits.png); }
#featured-events h2 { background-image: url(/images/site/sidebar-events.png); }

.standard-sidebar .cycle {
	height: 175px;
	margin: 0;
	overflow: hidden;
}

.standard-sidebar img.feature {
	display: block;
	margin: 10px auto 7px auto;
	width: 230px;
	border: 1px solid #ceb467;
}

.standard-sidebar span {
	display: block;
	padding: 0 10px;
	width: 235px;
	text-align: center;
	line-height: 1.3;
	height: 40px;
}

.standard-sidebar a {
	display: block;
	cursor: hand;
	color: #4a4a4a;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.standard-sidebar a:hover {
	text-decoration: underline;
}

.sidebar-bottom {
	width: 255px;
	height: 25px;
	background: url(/images/site/sidebar-bottom.png) no-repeat;
}

.sidebar-bottom ul {
	float: left;
	position: relative;
	top: 8px;
	left: 6px;
}

.sidebar-bottom ul li {
	float: left;
	padding-left: 4px;
}

.sidebar-bottom ul li a {
	display: block;
	width: 7px;
	height: 0;
	padding-top: 7px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/circle-empty.png) no-repeat;
}

.sidebar-bottom ul li.active a {
	background: url(/images/site/circle-full.png) no-repeat;
}

.sidebar-bottom a.learn-more {
	right: 10px;
	display: block;
	float: right;
	width: 69px;
	height: 0;
	padding-top: 23px;
	padding-right: 10px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/learnmore-red.png) no-repeat 0 7px;
}

.sidebar-bottom a.learn-more:hover {
	background-position: 0 -32px;
}

/*---------------------------------------
	TYPOGRAPHY
----------------------------------------*/

#content p.top {
	margin-top: 2em;
	border-bottom: 1px dotted #dfd2a8;
}

#content a.return, #content a.top, #content p.top a {
	display: block;
	font: normal 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4a4a4a !important;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
	padding-left: 13px;
	background: url(/images/site/arrow-white-left.png) no-repeat left 2px;
	border-bottom: none !important;
}

#content a.return:hover, #content a.top:hover, #content p.top a:hover {
	text-decoration: underline;
}

#content a.top, #content p.top a {
	background-image: url(/images/site/arrow-white-top.png);
	margin: -10px 0 15px 0;
}

#content h2 {
	font: normal 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.3;
	margin-bottom: 5px;
	color: #00673f;
}

#content h3 {
	margin-top: 1.5em; 
	font: normal 1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.4;
	color: #00673f;
}

#content h4 {
	margin: 0 0 0.2em 0;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content h4 a {
	font-size: 1.1em !important;
}

h3 + h4 { margin-top: 1em !important; } 

#content h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	color: #928353;
}

h3 + h5 { margin-top: 1em !important; } 

#content {
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	color: #2f2c2d;
}

#content h3 + ul {
	margin-top: 0.4em !important;
}

#content p {
	line-height: 1.7;
	margin-bottom: 1.5em;
}

#content p.last-child { margin-bottom: 0; }

#content small {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	color: #928353;
}

#content small a {
	color: #928353 !important;
	border-bottom-color: #E4D7AC !important;
	background-position: right 2px !important;
}

#content small a.external {
	background-image: url(/images/site/external-yellow.png) !important;
}

#content small a:hover {
	border-bottom-color: #928353 !important;
}

#content blockquote {
	margin-bottom: 1.5em;
	padding-left: 4em;
	font-style: italic;
	background: url(/images/site/blockquote.png) no-repeat 13px 2px;
}

#content blockquote p {
	color: #8c7c4a;
}

#content ul, #content ol {
	margin-left: 2.5em;
	margin-top: -0.2em;
	margin-bottom: 1em;
	list-style: square;
	color: #524F50;
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.7;
}

#content ol { list-style-type: decimal !important; }

#content a:link, #content a:visited {
	color: #ab5740;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #f5bdae;
}

#content a:hover, #content a:active {
	border-bottom: 1px solid #ab5740;
}

#content a img {
	border-bottom: 0;
}

#content p a.external, #contact li a.external {
	margin-right: 2px;
	padding-right: 10px;
	background: url(/images/site/external-red.png) no-repeat right 4px;
}

#content hr { 
	border: 0;
	border-top: 1px dotted #dfd2a8;
	margin: -5px 0 10px 0;
	clear: right;
}

#content .description {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #666565;
}

#content .content-header {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #dfd2a8;
}

#content .content-header p, #content .content-footer p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	font-size: 0.95em;
	color: #807C7D;
	margin-bottom: 0.5em;
}

#content .content-header small, #content .content-footer small {
	font-size: 0.95em !important;
}

#content .content-footer {
	padding-top: 0.5em;
	border-top: 1px dotted #dfd2a8;
}

#content a.more {
	color: #b59a48;
	font: bold 0.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 3px;
	padding-right: 13px;
	text-transform: uppercase;
	border-bottom: none;
	background: url(/images/site/arrow-gold-right.png) no-repeat right 2px;
}

#content a.more:hover {
	text-decoration: underline;
}

#content form label { 
	display: block;
	color: #555;
	line-height: 1;
	font: bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content form label.inline {
	display: inline;
}

#content form .required { 
	font-weight: bold;
	color: #ab5740;
}

#content .required-note {
	margin-top: -1em;
	color: #ab5740;
	font: bold italic 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content span.description {
	color: #B6B6B6;
	font-weight: normal !important;
}

#content input.text, #content textarea {
	border: 1px solid #929292;
	background-color: #FFFBF0;
	font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	margin: 3px 0 15px 0;
	padding: 2px 1px;
}

#content input.text { 
	width: 250px;
}

#content textarea { 
	width: 98%;
}

#content .left {
	padding-top: 0.5em;
	padding-right: 1em;
	margin: 0 !important;
	line-height: 1 !important; 
}

#content .right {
	padding-top: 0.5em;
	padding-left: 1em;
	margin: 0 !important;
	line-height: 1 !important; 
}

table { 
	border-collapse: collapse;
	margin: 0.5em 0 1em 0;
}

table.wide {
	width: 100%;
}

th { 
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS";
}

th, td {
	padding: 0.2em 1.0em;
}

thead {
	border-top: 3px solid #984a34;
	background-color: #ac573f;
	color: #f8f3da;
}

thead th {
	padding-top: 0;
	text-transform: uppercase;
}

tbody { 
	border-top: 1px solid #e6d08f;
}

tbody tr { 
	border-bottom: 1px solid #e6d08f;
}

tbody th {
	background-color: #f6ebcf;
	border-right: 1px solid #e6d08f;
}

p.print-app {
	display: block;
	margin-top: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 20px;
	background: url(/images/site/form-print.png) no-repeat 0 4px;
}

p.online-app {
	display: block;
	margin-top: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 20px;
	background: url(/images/site/form-online.png) no-repeat 0 4px;
}

p.online-app + p.print-app { margin-top: -1em !important; }

p.lessonplan {
	display: block;
	margin-top: -1.3em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 20px;
	background: url(/images/site/download.png) no-repeat 0 4px;
}

p.download {
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 20px;
	background: url(/images/site/download.png) no-repeat 0 4px;
}

p.donate-now a {
	display: block;
	margin-top: 3px;
	width: 144px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	text-indent: -10000px;
	border: none !important;
	background: url(/images/site/donate-now-standalone.png) no-repeat 0 0 !important;
}

p.donate-now a:hover {
	background-position: 0 -27px !important;
}

p.donate-now a:active {
	background-position: 0 -54px !important;
}

.page-photo { margin-bottom: 0.5em; border: 1px solid #f4ebd2; line-height: 0 !important; }

/*---------------------------------------
	FOOTER
----------------------------------------*/

#footer { 
	background: url(/images/site/footer.png) repeat-x;
	min-height: 150px;
}

#nav-index {
	width: 94em;
	min-height: 125px;
	margin: 0 auto;
	position: relative;
	top: 10px;
}

#nav-index li  {
	float: left;
	line-height: 1.8;
	padding-left: 25px;
	background: url(/images/site/footer-divider.png) repeat-y 13px 0;
	min-height: 12.5em;
}

#nav-index li:first-child { padding-left: 0; background: none; }

#nav-index li a {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #8f3f36;
}

#nav-index li a:hover { text-decoration: underline; }

#nav-index li ul li  {
	float: none;
	line-height: 1.5;
	padding-left: 0;
	background: none;
	min-height: 0;
}

#nav-index li ul li a {
	font-size: 1.1em;
	font-weight: normal;
	color: #4a4a4a;
}

.ff2 #index-about, .iphone #index-about, .ipod #index-about {
	width: 200px;
}

#nav-index li ul#col1 {
	float: left;
}

#nav-index li ul#col2 {
	float: right;
	margin-left: 15px;
}

.iphone #nav-index li ul#col2, .ipod #nav-index li ul#col2 {
	float: right;
	margin-left: 0;
}

.ff2 #nav-index li ul#col2{ 
	margin-left: 5px;
}

.ff3 #nav-index li ul#col2 { 
	margin-left: 10px;
}

#nav-index li ul span:first-child { margin-left: 0; }

#fineprint {
	width: 940px;
	height: 3em;
	margin: 0 auto;
	position: relative;
	top: 25px;
	color: #a89a70;
	font-size: 1.1em;
}

#fineprint a {
	color: #a89a70;
	text-decoration: none;
}

#fineprint #copyright { float: left; }
#fineprint #credit { float: right; position: relative; padding-right: 88px; }
.win #fineprint #credit { margin-right: 10px; }
#fineprint #wisdomgroup a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 84px;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
	text-indent: -10000px;
	background: url(/images/site/wisdomgroup.png);
}
#fineprint #wisdomgroup a:hover { background-position: 0 -18px; }

/*---------------------------------------
	HOME
----------------------------------------*/

#page-home #primary {
	width: 665px;
	padding: 0;
	border: 0;
	background-color: transparent;
	overflow: hidden;
	float: left;
}

#flash-wrapper {
	width: 653px;
	height: 343px;
	border: 1px solid #f7e3aa;
	background-color: #faecc3;
	overflow: hidden;
}

#flash {
	width: 635px;
	height: 323px;
	margin: 9px auto;
}

.home-feature {
	float: left;
	margin: 22px 0 22px 1px;
	width: 314px;
	background: url(/images/site/home/home-featured-background.png) repeat-y;
}

#featured-home-events {
	margin-left: 26px;
}

#featured-home-exhibits h2 {
	width: 314px;
	height: 0;
	padding-top: 25px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/home/home-exhibits.png);
}

#featured-home-exhibits h3 {
	width: 314px;
	height: 0;
	padding-top: 22px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/home/home-more-exhibits.png);
}

#featured-home-events h2 {
	width: 314px;
	height: 0;
	padding-top: 25px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/home/home-events.png);
}

#featured-home-events h3 {
	width: 314px;
	height: 0;
	padding-top: 22px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/home/home-more-events.png);
}

.home-feature a.feature img {
	display: block;
	margin: 14px auto 7px auto;
	width: 280px;
	border: 1px solid #ceb467;
}

.home-feature span {
	display: block;
	margin: 0 auto 10px auto;
	padding: 0 10px;
	width: 270px;
	text-align: center;
	line-height: 1.3;
}

.home-feature a.feature {
	display: block;
	cursor: hand;
	color: #4a4a4a;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.home-feature a.feature:hover {
	text-decoration: underline;
}

.home-feature ul {
	margin: 10px 17px 0 17px;
}

.home-feature ul li {
	border-top: 1px solid #e1cd90;
	padding: 8px 0;
}

.home-feature ul li:first-child {
	border-top: 0;
	padding-top: 0;
}

.home-feature ul li a {
	color: #4a4a4a;
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	text-decoration: none;
}

.home-feature ul li a:hover {
	text-decoration: underline;
}

.home-feature .feature-container {
	padding-bottom: 1em;
}

.home-feature .dates {
	margin: 0.1em 0 0 -1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #928353;
	text-align: left;
}

.home-feature .feature-dates {
	display: block;
	width: 314px;
	text-align: center !important;
	padding: 0;
	margin: -0.6em 0 0 0 !important;
}

.home-feature-bottom {
	width: 314px;
	height: 2px;
	background: url(/images/site/home/home-feature-bottom.png) no-repeat;
}

#nohs-wrapper {
	width: 653px;
	height: 120px;
	border: 1px solid #f7e3aa;
	background-color: #FFF;
	overflow: hidden;
}

#att-grant {
	width: 446px;
	margin: 1.5em auto 0.5em auto;
}

#donate-now a {
	display: block;
	margin-top: 15px;
	margin-bottom: -5px;
	width: 255px;
	height: 0;
	padding-top: 62px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/images/site/home/donate-now.png) no-repeat;
}

#donate-now a:hover { background-position: 0 -62px; }

.home-sidebar {
	margin: 25px 0;
	background: url(/images/site/home/home-sidebar-background.png) repeat-y;
}

.home-sidebar h2 {
	width: 255px;
	height: 0;
	padding-top: 23px;
	overflow: hidden;
	text-indent: -10000px;
	background-repeat: no-repeat;
}

#latest-blog h2 { background-image: url(/images/site/home/latest-blog.png); }
#latest-news h2 { background-image: url(/images/site/home/latest-news.png); }

.home-sidebar-bottom {
	width: 255px;
	height: 2px;
	background: url(/images/site/home/home-sidebar-bottom.png) no-repeat;
}

.home-sidebar li {
	border-top: 1px solid #e1cd90;
	margin: 10px 15px;
	padding-top: 10px;
	color: #4a4a4a;
	font-size: 1.2em;
	line-height: 1.5;
}

.home-sidebar li:first-child {
	border-top: 0;
	padding-top: 0;
}

.home-sidebar li .date {
	color: #b59a48;
	font-size: 0.9em;
	padding-bottom: 2px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.home-sidebar li h3 {
	line-height: 1.3;
	padding-bottom: 1px;
}

.home-sidebar li a {
	font-weight: bold;
	color: #4a4a4a;
	text-decoration: none;
}

.home-sidebar li a.more {
	color: #b59a48;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 13px;
	text-transform: uppercase;
	font-size: 0.8em;
	background: url(/images/site/arrow-gold-right.png) no-repeat right 2px;
}

.home-sidebar li a:hover { text-decoration: underline; }

/*---------------------------------------
	MAPS & DIRECTIONS
----------------------------------------*/

#map { margin-bottom: 1em; width: 99%; height: 250px; line-height: 1.4; border: 1px solid #dfd2a8; }
#infowindow { font-family: "Helvetica Neue", Helvetica, Arial; font-size: 0.85em; }
#infowindow .museum-name { color: #ab5740; font-weight: bold;  }
#form-directions label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; width: 96px; vertical-align: middle; float: left; clear: left; font-weight: bold; padding-top: 2px; }
#form-directions label#saddr { position: relative; top: 2px; }
#form-directions label.inline { display: inline; float: none; font-weight: normal; clear: none; padding-right: 20px; }
#form-directions #transit-mode { margin: 0 0 7px 0; }
#form-directions #transit-times { margin: 4px 0 -10px 0; }
#form-directions #transit-times input.text { width: 70px;  }
#form-directions .button { margin-top: 15px; margin-left: 94px; width: 115px; height: 21px; text-indent: -10000px; background: url(/images/site/directions/get-directions.png) no-repeat 0 0; }
#form-directions .button:hover { background-position: 0 -21px; }
#form-directions .button:active { background-position: 0 -42px; }

#form-directions select#ttype { margin-right: 8px; position: relative; top: -1px; }
#form-directions label[for="start"] { padding-top: 4px; }
#form-directions label[for="dirflg"] { position: relative; top: -1px; }
.gecko #form-directions label.inline { position: relative; top: -4px; }
.webkit #form-directions label.inline { position: relative; top: -1px; }

/*---------------------------------------
	MUSEUM INFORMATION
----------------------------------------*/

#boa-logo { position: relative; left: 3px; top: 4px; }

/*---------------------------------------
	EXHIBITS
----------------------------------------*/

.exhibit-feature { border-bottom: 1px dotted #dfd2a8; overflow: hidden; padding-bottom: 1.5em; margin: 1.5em 0 1.5em 0; }
.exhibit-feature h4 { font-size: 1em; }
.exhibit-feature p { color: #524F50; }

.exhibit-image { width: 100%; background-color: #f6ebcf; text-align: center; padding: 10px 0 3px 0; margin: 10px 0 -6px 0; border-top: 1px solid #e6d08f; }
.exhibit-details { width: 100%; }
.exhibit-details tbody th { width: 100px; }

/*---------------------------------------
	EVENTS
----------------------------------------*/

#feature-header { margin-top: 1.3em !important; margin-bottom: -0.8em; }
#more-header { margin-bottom: -0.1em; }

.upcoming-feature { background-color: #FCF4DF; border: 1px solid #e6d08f; overflow: hidden; padding: 0.5em 0.6em 0.4em 0.5em; margin: 1.5em 0 1.5em 0; }
.gecko .upcoming-feature { padding-bottom: 6px; }
.upcoming-feature img { float: left; border: 1px solid #e6d08f; border-bottom: 1px solid #e6d08f !important; line-height: 0 !important; position: relative; top: 1px; }
.upcoming-feature .details { padding-left: 190px; margin-top: -2px; }
.gecko .upcoming-feature .details { padding-left: 190px; margin-top: -4px; }
.upcoming-feature .details h5 { margin-top: -1px; }
.upcoming-feature p { font-size: 0.9em; line-height: 1.6 !important; }

table.events { width: 100%; }
table.events #left { width: 50%; border-right: 1px dotted #dfd2a8; }
table.events tbody { border-top: 1px dotted #dfd2a8; }
table.events tbody tr { border-bottom: 1px dotted #dfd2a8; }
table.events td { padding: 0.6em 0.7em; }
table.events h3 { margin-top: 0 !important; margin-bottom: 0.2em; }
table.events p { margin-bottom: 0 !important; color: #524F50;  }
table.events .more { position: relative; left: -2px; }

.featured-event { overflow: hidden; margin-top: -1em; padding-bottom: 1em; border-bottom: 1px dotted #dfd2a8; }
.featured-event img { float: left; margin-right: 0.5em; border: 1px solid #e6d08f; }
.featured-event .more { position: relative; top: -1px; }
.featured-event h4 { margin-top: 1.9em !important; font-size: 1em; }
.featured-event h5 { color: #3c3c3c !important; font-weight: bold !important; }
.featured-event h5.event-category { position: relative; top: 25px; font-weight: normal !important;	color: #928353 !important; }

.featured-event p { color: #524F50; }

.event-image { width: 100%; background-color: #f6ebcf; text-align: center; padding: 10px 0 3px 0; margin: 10px 0 -6px 0; border-top: 1px solid #e6d08f; }
.event-details { width: 100%; }
.event-details tbody th { width: 60px; }

#rsvp_form { margin: 1.5em 0; }
#rsvp_form .button { width: 144px; height: 27px; text-indent: -10000px; background: url(/images/site/events/submit-rsvp.png) no-repeat 0 0; }
#rsvp_form .button:hover { background-position: 0 -27px; }
#rsvp_form .button:active { background-position: 0 -54px; }
.rsvp-submitted { margin-top: 18px; }
.error { color: #ab5740; }

/*---------------------------------------
	NEWS
----------------------------------------*/

.news-item { margin-bottom: 2em; }
h2 + .date { margin-top: -0.2em; margin-bottom: 0.5em; }

h4.news-archive-header { padding-top: 1em; padding-bottom: 0.5em; }

/*---------------------------------------
	BLOG
----------------------------------------*/

.blog-post { margin-bottom: 2em; }
.comment-icon { display: inline-block; position: relative; top: 4px; width: 14px; height: 14px; background: url(/images/site/blog/comments-gold.png) no-repeat 0 0; margin-left: 3px; }
.post-comment { margin-top: -1.5em; }

h2 + .meta { margin-top: -0.2em; margin-bottom: 0.5em; }

#comments h3 { margin-bottom: 1em; }
.comment { margin-bottom: 2em; }
.comment .comment-meta { margin-top: -1.5em; }
.comment-meta a.external { background-image: none !important; }

#comments h3 { padding-left: 22px; padding-bottom: 1px; background: url(/images/site/blog/comments-green.png) no-repeat 3px 5px; }
#add-your-comment h3 { padding-left: 22px; padding-bottom: 1px; background: url(/images/site/blog/comments-add-green.png) no-repeat 3px 4px; }

#add-your-comment { margin-bottom: 2em; }
#add-your-comment h3 { margin-bottom: 1.5em; }
.webkit #add-your-comment form { padding-left: 2px; }
#add-your-comment form input.text, #add-your-comment form textarea { width: 300px; }
	.gecko #add-your-comment form input.checkbox { position: relative; top: 2px; }
#add-your-comment form textarea { width: 98%; }
#add-your-comment form div.checkbox span { display: block; width: 280px; padding-top: 2px; }
#add-your-comment form input.submit { margin: 1em 0; }
#add-your-comment form .required-note { margin-top: 1em; }
#add-your-comment form .button { margin: 1em 0; width: 144px; height: 27px; text-indent: -10000px; background: url(/images/site/blog/post-comment.png) no-repeat 0 0; }
#add-your-comment form .button:hover { background-position: 0 -27px; }
#add-your-comment form .button:active { background-position: 0 -54px; }

/*---------------------------------------
	JOBS
----------------------------------------*/

#job-list { padding-bottom: 1em; }
.job { margin-bottom: 2.5em; }
.apply { margin-top: -1em; margin-bottom: 1.5em; }

/*---------------------------------------
	CONTACT US
----------------------------------------*/

#contact-form .button { margin: 1em 0 0.5em 0; width: 144px; height: 27px; text-indent: -10000px; background: url(/images/site/contact/send-message.png) no-repeat 0 0; }
#contact-form .button:hover { background-position: 0 -27px; }
#contact-form .button:active { background-position: 0 -54px; }

/*---------------------------------------
  SEARCH
----------------------------------------*/

div.paginate { border-top: 1px dotted #dfd2a8; padding-top: 1em; font-size: 1em; margin: 10px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
span.pagecount { color: #383838; margin-right: 20px; font-weight: bold; }
div.paginate a { padding: 2px 4px; border: 1px solid #F8EECD; border-bottom: 1px solid #F8EECD !important; }
div.paginate a:hover { color: #FFF !important; background-color: #ab5740; text-decoration: none !important; }

.refine-search { padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px dotted #dfd2a8; }
.refine-search label { float: left; color: #524F50 !important; font-weight: normal !important; margin-right: 10px; position: relative; top: 5px; font-size: 1.3em !important; }

form#searchagain { margin-top: 20px; position: relative; }
form#searchagain input.text { width: 250px !important; display: inline !important; float: left; }
form#searchagain button { position: relative; top: 2px; left: 10px; width: 70px; border: 1px solid #984a34; background-color: #ab5740; color: #FFF; }
	.ie form#searchagain button { height: 25px; padding-top: 2px; }
form#searchagain button:hover { background-color: #c25f42; }

/*---------------------------------------
  COLLECTIONS
----------------------------------------*/

#collections-search { border-top: 1px dotted #dfd2a8; padding-bottom: 1em; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px dotted #dfd2a8; }
#collections-search form { margin-top: 13px; position: relative; left: 15px; }
#collections-search form label { display: none; }
#collections-search form input.text { width: 250px !important; display: inline !important; float: left; }
#collections-search form button { position: relative; top: 2px; left: 10px; width: 168px; border: 1px solid #984a34; background-color: #ab5740; color: #FFF; }
	.ie #collections-search form button { height: 25px; padding-top: 2px; }
#collections-search form button:hover { background-color: #c25f42; }

.collection-category { margin: 1em 0; padding-bottom: 1em; border-bottom: 1px dotted #dfd2a8; }
.collection-category p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6; color: #666565; }

table#collections-display { width: 100%; }
table#collections-display tbody { border-top: 1px dotted #dfd2a8; }
table#collections-display tbody tr { border-bottom: none; }
table#collections-display td { border-bottom: 1px dotted #dfd2a8; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; padding: 1em 0; }
table#collections-display td.left-col { width: 50%; border-right: 1px dotted #dfd2a8; }
table#collections-display td img { display: block; margin: 0 auto; border: 1px solid #cfbc88; }
table#collections-display td span.title-wrap { padding-top: 0.2em; width: 180px; display: block; margin: 0 auto; }
table#collections-display td a span.title-wrap span { border-bottom: 1px solid #f5bdae; }
table#collections-display td a:hover span.title-wrap span { border-bottom: 1px solid #ab5740; }

.collection-photo { text-align: center; margin: 1em 0;  line-height: 0 !important; }
.collection-photo img { border: 1px solid #f4ebd2; }

.content-footer a.previous, .content-footer a.next {
	display: block;
	font: normal 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4a4a4a !important;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none !important;
}

.content-footer a.previous {
	float: left;
	padding-left: 13px;
	background: url(/images/site/arrow-white-left.png) no-repeat left 3px;
}

.content-footer a.next {
	float: right;
	padding-right: 13px;
	background: url(/images/site/arrow-white-right.png) no-repeat right 3px;
}

/*---------------------------------------
  PHOTOS
----------------------------------------*/

.photo-category { margin-bottom: 1em; }
.photo-category h3 { margin-bottom: 0.1em; }
.photo-category p.description { margin-bottom: 0 !important; }

.category { margin-left: 15px; }
.row { overflow: hidden; margin: 1em 0; }
.photo { width: 200px; text-align: center; float: left; margin-right: 25px; }
.photo a { border: none !important; }
.photo-last-column { margin-right: 0; }


/*---------------------------------------
  PRESS
----------------------------------------*/

table#press { width: 100%; }
table#press #type { width: 75px; }
table#press #date { width: 100px; }