/* Reset.css by Eric Meyer: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline;
background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* end hide from IE-mac */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ RESET DONE ~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ############################# */
/* ##### BASIC TYPOGRAPHY ###### */
/* ############################# */

body {
	font-family: georgia, serif;
}
p {
	font-size: 14px;
	line-height: 1.7;
}
a {
	color: #924e3d;
	text-decoration: none;
}
		a:hover {
			text-decoration: underline;
		}


/* ############################# */
/* ##### BASIC STRUCTURAL ###### */
/* ############################# */

body {
	background: white url(../images/bg/wood_pattern.jpg) repeat;
}
		.skipToContent {
			background: transparent;
			font-size: 1px;
			line-height: 1px;
			position: absolute;
			width: 10px;
			height: 10px;
			overflow: hidden;
			text-indent: -9999px;
		}


#page {
	width: 972px;
	margin: 0px auto;
	background: transparent url(../images/bg/header_globals.png) no-repeat top center;
/*	overflow: hidden; */
	}
#header {
	overflow: hidden;
	height: 81px;
	position: relative;
}
		#header h3 {
			text-indent: -9999px;
			line-height: 1px;
		}
		#albertSmall a {
			display: block;
			background: url(../images/links/albert_small.gif) no-repeat;
			width: 314px;
			height: 18px;
			position: absolute;
			bottom: 0;
			left: 178px;
		}
		#searchNav {
			width: 237px;
			position: absolute;
			top: 9px;
			right: 8px;
		}
				#searchNav label {
					background: url(../images/forms/search_label.gif) no-repeat;
					width: 44px;
					height: 10px;
					overflow: hidden;
					text-indent: -9999px;
					display: block;
					float: left;
					cursor: pointer;
					margin: 5px 8px 0 0;
				}
				#keywords {
					border: 1px solid #58423f;
					background: #51352f;
					width: 130px; /* 135 */
					font: normal 11px/1 arial, sans-serif;
					color: white;
					vertical-align: top;
					margin: 0;
					float: left;
					padding: 2px 0 2px 5px;
				}
				#goBtn {
					margin: 0 0 0 11px;
					float: left;
				}
		#nav {
			position: absolute;
			right: 0;
			bottom: 0;
		}
				#nav li {
					display: inline;
					float: left;
				}
				#nav a {
					text-decoration: none;
					display: block;
					background: red;
					height: 15px;
					overflow: hidden;
					text-indent: -999px;
					margin-left: 25px;
				}
						#navHome a {
							background: url(../images/links/nav_home.gif) no-repeat;
							width: 90px;
						}
						#navExhibitions a {
							background: url(../images/links/nav_exhibitions.gif) no-repeat;
							width: 74px;
						}
						#navVisit a {
							background: url(../images/links/nav_visit.gif) no-repeat;
							width: 29px;
						}
						#nav a:hover {
							background-position: 0 -15px;
						}


/* ############################# */
/* ####### STICKY FOOTER ####### */
/* ############################# */
/*  ryanfait.com/sticky-footer   */
/* ############################# */


html,
body {
	height: 100%;
}
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -108px;
/*	overflow: hidden; */ /* not sure why this was here... but was killing stickyfooter in ie6 */
}

#footer,
.push {
    height: 108px;
}
.push {
	height: 148px; /* the pre-defined height of .push and .footer, plus 40px of minimum spacing. */
}

#footer {
	clear: both;
	border-top: 1px solid #553633;
	background: #2b0400;
	overflow: hidden;
	background-image: none;
	width: 100%;
	height: 107px;
}

/* ~~~~~~~~ sticky footer ends ~~~~~~~~ */

#footerInset {
	width: 940px;
	margin: 16px auto 0;
	position: relative;
	background: transparent url(../images/bg/footer_logo.gif) no-repeat;
	height: 70px;
}
		#footerInset ul {
			list-style: none;
			width: 508px;
			position: absolute;
			right: 0;
			margin-top: 5px;
		}
				#footerInset li {
					display: inline;
					border-right: 1px solid #86665e;
					padding: 0 7px;
					float: left;
					line-height: 14px;
				}
				#footerInset li.first {
					padding-left: 0;
				}
				#footerInset li.last {
					padding-right: 0;
					border-right: none;
				}
				#footerInset ul a {
					color: #c9bebd;
					font-size: 12px;
					line-height: 14px;
					font-family: verdana, sans-serif;
					text-transform: uppercase;
					text-decoration: none;
				}
				#footerInset ul a:hover {
					color: #8e6561;
				}
		#footerSummary {
			display: block;
			position: absolute;
			background: transparent;
			width: 5px;
			height: 5px;
			text-indent: -9999px;
			font-size: 1px;
			line-height: 1px;
			overflow: hidden;
			left: -7px;
		}
		#footerLinkHome {
			display: block;
			width: 264px;
			height: 55px;
			position: absolute;
			text-indent: -9999px;
			overflow: hidden;
		}






/* ############################# */
/* ######## HOME ASSETS ######## */
/* ############################# */




#featuredExhibition,

#featuredExhibitionSub {
	
	background: url(../exhibitions/hear-my-voice/featured.jpg) no-repeat;
	
	display: block;
	
	width: 972px;
	
	height: 389px;
	
	margin: 75px 0 10px;
	
	position: relative;

}


.featuredExhibitionContent {
			
	text-indent: -9999px;
			
	line-height: 1px;
			
	overflow: hidden;
		
}
		

#featuredExhibition a,
		
#featuredExhibitionSub a {
			
	display: block;
			
	font-size: 1px;
			
	line-height: 1px;
			
	text-indent: -9999px;
			
	width: 972px;
			
	height: 348px;
			
	position: absolute;
			
	bottom: 0;
		
}
		

#featuredExhibitionSub {
			
	background-image: url(/documentsgallery/exhibitions/hear-my-voice/featured_small.jpg);
			
	width: 782px;
			
	height: 314px;
			
	overflow: hidden;
			
	margin: 0 0 28px 51px;
		
}


#featuredExhibitionSub a {
			
	width: 782px;
			
	height: 279px;
		
}

#feturedExhibitionPrint {
	display: none;
}

#coupons {
}
		#coupons div {
			float: left;
			margin-right: 10px;
		}
		#coupons div p {			
			font-size: 13px;
			line-height: 1.4;	
		}
		#coupons h2 {
			text-indent: -9999px;
			line-height: 1px;
		}
		#coupons .couponUpcoming {
			background-color: #c2a664;
			padding: 47px 35px 0 102px;
			width: 265px; /* 402 */
			height: 108px; /* 155 */
			position: relative;
		}
				.couponUpcoming a.thumbnail {
					display: block;
					background: transparent;
					width: 67px;
					height: 67px;
					text-indent: -9999px;
					overflow: hidden;
					position: absolute;
					top: 52px;
					left: 23px;
				}
				.couponUpcoming a.thumbnail:hover {
				}
				.couponUpcoming h3 {
					font-weight: normal;
					font-size: 20px;
					margin-bottom: 4px;
				}
				.couponUpcoming .name {
					color: black;
				}
		#coupons .couponVisit,
		#coupons .couponAboutUs {
			width: 275px;
			color: #e3dad2;
			padding-top: 48px;
			text-align: center;
			height: 107px; /* 155 */
		}
		#coupons .couponVisit {
			background: url(../images/home/coupon_visit.jpg) no-repeat;
		}
		.couponVisit p,
		.couponAboutUs p {
			width: 245px;
			margin: 0px auto;		
		}
		.couponAboutUs p {
			width: 222px; /* for more aesthetically pleasing word wrapping. */
		}
				#coupons .couponVisit a,
				#coupons .couponUpcoming a.viewAll {
					display: block;
					width: 112px;
					height: 10px;
					background: url(../images/links/plan_your_visit.gif) no-repeat;
					overflow: hidden;
					text-indent: -9999px;
					margin: 8px auto 0;
				}
				#coupons .couponUpcoming a.viewAll {
					width: 69px;
					background-image: url(../images/links/see_all.gif);
					margin: 6px 0 0 0;
				}
				#coupons .couponVisit a:hover,
				#coupons .couponUpcoming a.viewAll:hover {
					background-position: 0 -10px;
				}

		#coupons .couponAboutUs {
			background: url(../images/home/coupon_aboutus.jpg) no-repeat;
			margin-right: 0;
		}




/* ############################# */
/* ###### SUBPAGE ASSETS ####### */
/* ############################# */

#main {
	background: #eae6d7 url(../images/bg/canvas_body.gif) repeat-y top center;
	color: #010000;
	margin-top: 55px;
}
		#mainInner {
			background: transparent url(../images/bg/canvas_bottom.gif) no-repeat bottom center;
			padding-bottom: 36px;
			padding-left: 43px;
		}
		#mainTopper {
			background: transparent url(../images/bg/canvas_topper.gif) no-repeat top left;
			padding: 45px 0 0 43px;
		}

/* ############################# */
/* looks for canvas images in arias exhibition folder instead */
/* used in Arias: background color changed from eae6d7 to b0d5de */

#main-exhibit {
	background: #b0d5de url(../exhibitions/arias/canvas_body.png) repeat-y top center;
	color: #010000;
	margin-top: 55px;
}
		#mainInner-exhibit {
			background: transparent url(../exhibitions/arias/canvas_bottom.png) no-repeat bottom center;
			padding-bottom: 36px;
			padding-left: 43px;
		}

		#break-exhibit {
			width: 100%;
			clear:both;
		}


/* ############################# */


/* ############################# */
/* looks for canvas images in 50th exhibition folder instead */

#main-50th {
	background: #e2eced url(../exhibitions/50th/canvas_body.png) repeat-y top center;
	color: #010000;
	margin-top: 55px;
}
		#mainInner-50th {
			background: transparent url(../exhibitions/50th/canvas_bottom.png) no-repeat bottom center;
			padding-bottom: 36px;
			padding-left: 43px;
		}

		#break-50th {
			width: 100%;
			clear:both;
		}


/* ############################# */


h1 {
	text-indent: -9999px;
	overflow: hidden;
	height: 37px;
	margin-bottom: 29px;
}
		#main h1.exhibitions {
			background: url(../images/headlines/exhibitions.gif) no-repeat;
			width: 181px;
			margin-bottom: 0; /* no spacing, becauase the featuredExhibitionSub div begins right away */
		}
		h1.credits {
			background: url(../images/headlines/credits.gif) no-repeat;
			width: 116px;
		}
		h1.visit {
			background: url(../images/headlines/visit.gif) no-repeat;
			width: 262px;
		}
		h1.searchResults {
			background: url(../images/headlines/searchresults.gif) no-repeat;
			width: 877px;
			border-bottom: 1px solid #c5bfa1;
			padding-bottom: 20px;
		}
		
h6 {
margin-left: 48px;
color: #4e4600;
font-style: italic;
font-size: 20px;
font-weight: normal;
line-height: 1.45;
}

.titleUpcoming,
.titlePast,
.titleGallery,
.titleExhibitions,
.titleMuseumInformation {
	text-indent: -9999px;
	overflow: hidden;
	width: 877px;
	height: 18px;
	margin: 0 0 30px;
}
		.titleUpcoming {
			background: url(../images/titles/upcoming.gif) no-repeat;
		}
		.titlePast {
			background: url(../images/titles/past.gif) no-repeat;
		}
		.titleGallery {
			background: url(../images/titles/gallery.gif) no-repeat;
		}
		.titleExhibitions {
			background: url(../images/titles/exhibitions.gif) no-repeat;
		}
		.titleMuseumInformation {
			background: url(../images/titles/museum_information.gif) no-repeat;
		}

.exhibitionsList {
	width: 750px;
	margin-left: 53px;
}
		.exhibitionsList li {
			clear: both;
			float: left;
			width: 750px;
			padding-bottom: 43px;
		}
		.exhibitionsList img {
			width: 214px;
			float: left;
		}
		.exhibitionsList .details {
			width: 505px;
			float: right;
			margin-left: 28px;
		}
				.exhibitionsList .dates {
					color: #924e3d;
					font: normal 12px/0.7 verdana, sans-serif;
					text-transform: uppercase;
					margin-bottom: 7px;
				}
				.exhibitionsList .name {
					font-weight: normal;
					font-size: 24px;
					line-height: 1.1
				}
				.exhibitionsList p {
					line-height: 1.4;
					margin-top: 3px;
				}
				.exhibitionsList .jump a {
					display: block;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 8px;
					width: 88px;
					height: 10px;
					background: url(../images/links/learn_more.gif) no-repeat;
				}
				.exhibitionsList .jump a:hover {
					background-position: 0 -10px;
				}
						.exhibitionsList .name a {
							color: black;
						}
						.exhibitionsList .name a:hover {
							text-decoration: none;
						}

#creditsSummary {
	margin-bottom: 98px;
}
		#creditsSummary h3,
		#creditsSummary p,
		#creditsSummary ul {
			width: 460px;
			margin-left: 210px;
			text-align: center;
		}
		#creditsSummary ul {
			font-size: 14px;
			line-height: 1.7;			
		}
				#creditsSummary p {
					margin-bottom: 15px;
				}
				.roles {
					margin-bottom: 35px;
				}
				.roles span {
					font-style: italic;
				}
				.creditGroup {
					font-weight: normal;
					font-size: 18px;
					text-transform: uppercase;
					margin-bottom: 10px;
				}

		.note {
			font-style: italic;
		}

#searchResults {
	font-family: verdana, sans-serif;
	margin: 0 355px 75px 55px;
}

#galleryOverview {
	width: 780px;
	margin: 0 0 50px 53px;
}
		#galleryOverview img {
			display: block;
			width: 412px;
			float: left;
		}
		.galleryDetails {
			width: 341px;
			float: right;
		}
		.galleryDetails p {
			line-height: 1.4;
		}
		.galleryDetails p.intro {
			font-style: italic;
			font-size: 18px;
			line-height: 1.5;
			color: #625b14;
			margin-bottom: 10px;
		}
#museumInformation {
	width: 715px;
	margin: 0 0 0px 53px;
	padding-bottom: 20px;
}
		#museumInformation .infoLabel {
			font-weight: normal;
			font-size: 24px;
			margin-bottom: 4px;
		}
		#museumInformation p {
			line-height: 1.4;
		}
		.col1 {
			width: 390px;
			float: left;
		}
		.col2 {
			width: 277px;
			float: right;
		}
		.col1 li,
		.col2 li {
			margin-bottom: 24px;
		}
				.col1 li li,
				.col2 li li {
					margin-bottom: 8px;
				}
				.resources {
/*					font-size: 16px; */
					font-size: 14px;
					margin: 12px 0 4px;
				}






#exhibitHeader {
	width: 972px;
}


#exhibitIntro_noline {
	width: 805px; /* 909 */
	margin-left: 48px;
	padding: 0 0 0 104px;
	color: #4e4600;
	position: relative;
/*	z-index: 10; */
	z-index: 20;
}
		#exhibitIntro_noline p {
			width: 650px;
			font-style: italic;
			font-size: 20px;
			line-height: 1.45;
			margin-top: 40px;
		}



#exhibitIntro,
#exhibitHeadline {
	width: 805px; /* 909 */
	margin-left: 48px;
	padding: 0 0 30px 104px;
	color: #4e4600;
	background: url(../images/rules/exhibit_intro.jpg) no-repeat bottom center;
	position: relative;
/*	z-index: 10; */
	z-index: 20;
}
		#exhibitHeadline {
			background: transparent url(../images/rules/exhibit_headline.gif) no-repeat 0 72px;
			padding-bottom: 0;
			margin-bottom: -17px;
		}
		#exhibitIntro p,
		#exhibitHeadline h1 {
			width: 480px;
			font-style: italic;
			font-size: 20px;
			line-height: 1.45;
			margin-top: 40px;
			min-height: 173px;
		}
				#exhibitHeadline h1 {
	text-indent: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	line-height: 1.0;
	font-variant: small-caps;
	min-height: 10px;
	height: auto;
	overflow: visible;
	margin-bottom: 0;
	color: #786c54;
	/*					margin-top: 60px; */ /* will use padding instead for cross-browser consistency */
					margin-top: 0;
	padding-top: 60px;
				}
		#docLauncherNew {
			width: 279px;
			height: 387px;
			background: transparent url(../images/bg/magnifying_glass.gif) no-repeat;
			position: absolute;
			right: 5px;
			top: 0px;
		}

		#docLauncher {
			width: 279px;
			height: 387px;
			background: transparent url(../images/bg/magnifying_glass.gif) no-repeat;
			position: absolute;
			right: 5px;
			bottom: -140px;
		}
		#docLauncher_none {
			width: 279px;
			height: 387px;
			position: absolute;
			right: 5px;
			bottom: -140px;
			display: none;
		}
				#exhibitHeadline #docLauncher {
					bottom: -262px;
				}
				a.launchBtn {
					display: block;
					width: 171px;
					height: 171px;
					background: transparent url(../images/links/launch_lens.jpg) no-repeat;
					position: absolute;
					top: 44px;
					left: 66px;
					text-indent: -9999px;
					overflow: hidden;
				}
				a.launchBtn:hover {
					background-position: 0 -171px;
				}


#exhibitEssay {
	width: 670px;
	margin: 0 0 45px 108px; /* left used to be 104 */
	position: relative;
/*	z-index: 20; */
	z-index: 10;
}

#exhibitEssay_sans {
	width: 670px;
	margin: 0 0 45px 108px; /* left used to be 104 */
	position: relative;
/*	z-index: 20; */
	z-index: 10;
	font-family:Arial, Helvetica, sans-serif;
}


/* ####################################################### */
/* added divs for two-column essay text for Arias          */

#exhibitTextLEFT {
	width: 300px;
	float: left;
}

#exhibitTextRIGHT {
	width: 300px;
	float: right;
	padding: 0 0 0 40px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}


/* ####################################################### */
/* modified media containers for Hear My Voice             */

.textContainer {
	width: 340px;
	padding-bottom: 6px;
	float: left;
	margin: 7px 15px 10px 0;
}


/* ####################################################### */

		#exhibitEssayText {
			margin-top: 35px;
		}
		#exhibitEssay h3 {
			font-size: 14px;
			margin-bottom: 5px;
		}
		#exhibitEssay p,
		#exhibitEssay ul {
			margin: 0 0 19px;
			line-height: 1.5;
		}
				#exhibitEssay li {
					font-size: 14px;
					line-height: 1.7;
					list-style: disc outside none;
					margin-left: 15px;
				}
		.subEssay #exhibitEssay p.first,
		.subEssay #exhibitEssay p:first-child {
			width: 520px;
			min-height: 90px;
		}
		
		    .subEssay #exhibitEssay .insetImageMed p.first,
    		.subEssay #exhibitEssay .insetImageMed p:first-child {
    			width: auto;
    			min-height: 0px;
    		}
		.subEssay #exhibitEssay .noDocLauncher p:first-child {
			width: auto;
			height: auto;
		}

.insetVideo,
.insetImageMed,
.insetImageSmall,
.insetImageSmall_left,
.insetImageSmall_right,
.insetImageMed_right,
.insetImageMed_left
 {
	width: 240px;
	background: #d3cebd url(../images/bg/caption_bottom.gif) no-repeat bottom left;
	padding-bottom: 6px;
	float: left;
	margin: 7px 15px 10px 0;
}
		.insetImageMed, .insetImageMed_left {
			width: 236px;
			background-image: url(../images/bg/caption_bottom_med.gif);
		}
		
		.insetImageMed_right {
		    width: 236px;
			background-image: url(../images/bg/caption_bottom_med.gif);
		    float: right;
		    margin-right: 0;
		    margin-left: 15px;
		}
		
		
		.insetImageSmall, .insetImageSmall_right {
			width: 181px;
			background-image: url(../images/bg/caption_bottom_small.gif);
			float: right;
			margin-right: 0;
			margin-left: 20px;
		}
		
		.insetImageSmall_left {
		    float: left;
		    background-image: url(../images/bg/caption_bottom_small.gif);
		    width: 181px;
		    margin-left: 0;
		    margin-right: 20px;
		}
		
		.insetImageMed img, .insetImageSmall_right img, .insetImageSmall_left img, .insetImageMed_right img, .insetImageMed_left img, 
		.insetImageSmall img {
			border: 1px solid #330800;
			margin-bottom: -2px;
		}
		.insetVideo .mediaContainer,
		.insetImageMed .mediaContainer,
		.insetImageMed_left .mediaContainer,
		.insetImageMed_right .mediaContainer,
		.insetImageSmall_left .mediaContainer,
		.insetImageSmall_right .mediaContainer,
		.insetImageSmall .mediaContainer {
			border-bottom: 2px solid #eae6d7;
			height: 213px;
			overflow: hidden;
		}
				.insetImageMed .mediaContainer,
				.insetImageMed_left .mediaContainer,
				.insetImageMed_right .mediaContainer,
				.insetImageSmall_left .mediaContainer,
				.insetImageSmall_right .mediaContainer,
				.insetImageSmall .mediaContainer {
					height: auto;
				}
		#exhibitEssay .insetVideo p.insetCaption,
		#exhibitEssay .insetImageMed p.insetCaption,
		#exhibitEssay .insetImageMed_left p.insetCaption,
		#exhibitEssay .insetImageMed_right p.insetCaption,
		#exhibitEssay .insetImageSmall_left p.insetCaption,
		#exhibitEssay .insetImageSmall_right p.insetCaption,
		#exhibitEssay .insetImageSmall p.insetCaption {
			font: normal 10px/1.2 arial, sans-serif;
			margin: 5px 23px 0 10px;
		}



#browse {
	border-top: 1px solid #d1c9b5;
	position: relative;
	width: 875px;
	height: 50px;
	padding-bottom: 54px;
}
		#pageIndicator {
			color: #2f0700;
			position: absolute;
			top: 24px;
			left: 104px;
		}
		#browseControls {
			width: 223px;
			position: absolute;
			top: 20px;
			right: 104px;
		}
				#browseControls li {
					display: inline;
					float: left;
				}
				#browseControls a {
					display: block;
					text-indent: -9999px;
					overflow: hidden;
					height: 29px;
				}
						#browseControls .previous a {
							background: url(../images/links/previous.gif) no-repeat;
							width: 120px;
							margin-right: 20px;
						}
						#browseControls .next a {
							background: url(../images/links/next.gif) no-repeat;
							width: 83px;
						}
						#browseControls a:hover {
							background-position: 0 -29px;
						}
#nursing_quote {
	padding: 40px;
	text-align: center;
	color: #d2232a;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.45;
}