@import "mpTypo.css";
@import "mpNavigation.css";

/* Top Blue Site Cap */

#TopCap
{
	background: url(/!images/mp/hdr_bg.png) repeat-x;
	height: 172px;
	position: relative;
}


#TopCap .TopContainer
{
	width: 952px;
	height: 172px;
	margin: 0 auto;
	position: relative;
}

#TopCap .TopContainer .HomeLnk b
{
	width: 470px;
	height: 76px;
	position: absolute;
	display: block;
	left: 0;
	top: 22px;
	cursor: pointer;
}

#TopCap .TopContainer .LogoArea
{
	background: url(/!images/mp/hdr_logo.png) top left no-repeat;
	height: 76px;
	width: 952px;
	float: left;
	margin-top: 20px;
}

#TopCap .TopContainer .LogoArea #TopNav
{
	background: url(/!images/mp/hdr_secondary_menu.png) top right no-repeat;
	float: right;
	height: 17px;
	width: 328px;
	margin-top: 18px;
}

#TopCap .TopContainer .LogoArea #Search
{
	background: url(/!images/mp/hdr_search.png) no-repeat;
	height: 21px;
	width: 250px;
	float: right;
	clear: right;
	margin-top: 22px;
}

#TopCap .TopContainer #Navigation
{
	clear: left;
	background: url(/!images/mp/hdr_menu.png) bottom center no-repeat;
	height: 70px;
	width: 952px;	
}


/* Site Construct */

#MainWrapper
{
	clear: both;
	width: 968px;
	margin: 0 auto;
	position: relative;
	background: url(/!images/mp/bdy_bg.png) repeat-y;
}

#SubBackground 
{
	position: absolute; 
	left: 0; 
	top: 172px; 
	z-index: -1; /* This makes the background run under the body of the site*/
	background: url(/!images/mp/background_words.png) repeat-x; 
	height: 474px; 
	width: 100%; /* Forces a side to side strech no matter how wide the screen is */
}

#YourHistory
{
	position: absolute; 
	left: -93px; 
	top: 25px; 
	display: block;
	background: url(/!images/mp/its_your_history.png) no-repeat; 
	z-index: -1; 
	height: 410px; 
	width: 93px;
}

/* Top Image Rotation and Navigation Area */

#TopUnderNav
{
	width: 952px;
	height: 310px;
	margin-left: 14px;
	position: relative
}

#TopUnderNav .ImageRotator
{
	height: 310px;
	width: 721px;
	float: left;
	overflow: hidden;
}

#TopUnderNav .RightVertNav
{
	background: url(/!images/mp/connect_hdr.png) top center no-repeat;
	height: 310px;
	width: 213px;
	float: left;
	border-left: 6px solid #fff;
}

#TopUnderNav .RightVertNav #VertNav
{
	float: left;
	margin-top: 43px;
}

/* Body Area of the Main Page */
#ContentContainer
{
	width: 940px;
	margin-left: 14px;
}

#ContentContainer .BodyTopCap
{
	background: url(/!images/mp/bdy_top_exhibits.png) no-repeat;
	height: 43px;
	width: 940px;
}


/* Body Columns */

#Content Area
{
	width: 940px;
	margin-left: 14px;	
}

#ContentArea .LeftCol
{
	width: 244px;
	float: left;
}

#ContentArea .LeftCol .SubNavigation
{
	width: 244px;
	min-height: 100px;
}

#ContentArea .LeftCol .Inner
{
	padding: 10px 20px;	
}

.Home #ContentArea .RightCol
{
	float: left;
	width: 676px;
	padding: 20px 0px 20px 20px;
}

#ContentArea .RightCol
{
	float: left;
	width: 696px;
}

#ContentArea .RightCol .TextArea
{
	font-size: 13px;
	padding: 5px 30px 20px 36px;
	line-height: 1.5em;	
	font-family: Lucida Sans, Arial, Times New Roman;
}

#ContentArea .RightCol .TextArea img
{
	border: 6px solid #FFF;
	margin: 12px;
}

#ContentArea .RightCol .TextArea #FlagTable img
{
	margin: 0px;
}

#ContentArea .RightCol #SupportTable img
{
	margin: 0px;
}

#ContentArea .RightCol .PodInfo img
{
	margin: 0px;
}

#ContentArea .RightCol .IntFooterArea
{
	padding: 0 0 0 20px;
}

/* Misc Items */
#EmailSignup
{
	background: url(/!images/common/email_updates.png) no-repeat;
	height: 78px;
	width: 244px;
	position: relative;
}

#LeftPromos
{
	width: 244px;
	padding-bottom: 20px;
}

.ContentHeader
{
	padding: 0 0 10px 10px;
}
.ClearFloats
{
	clear: both;
}

/* Interior Styles */
#SubHeadImage
{
	height: 145px;
	width: 696px;
	/*background: url(/!images/subheadimages/subhead_arkansaw.jpg) no-repeat;*/
}

#SubHeadText
{
	height: 37px;
	width: 696px;
	background: url(/!images/subheadtext/sub_hdg_visit.jpg) no-repeat;
	border-bottom: 6px solid #fff;
}
.sec_exhibits #SubHeadText {background: url(/!images/subheadtext/sub_hdg_exhibits.jpg) no-repeat;}
.sec_collections #SubHeadText {background: url(/!images/subheadtext/sub_hdg_collections.jpg) no-repeat;}
.sec_educational #SubHeadText {background: url(/!images/subheadtext/sub_hdg_education.jpg) no-repeat;}
.sec_support #SubHeadText {background: url(/!images/subheadtext/sub_hdg_support.jpg) no-repeat;}
.sec_contact #SubHeadText {background: url(/!images/subheadtext/sub_hdg_contact.jpg) no-repeat;}
.sec_search #SubHeadText {background: url(/!images/subheadtext/sub_hdg_search.jpg) no-repeat;}
.sec_site #SubHeadText {background: url(/!images/subheadtext/sub_hdg_site_map.jpg) no-repeat;}
.sec_museum #SubHeadText {background: url(/!images/subheadtext/sub_hdg_store.jpg) no-repeat;}

#SecHeader
{
	height: 43px;
	width: 244px;
	background: url(/!images/subheadtext/osh_int_sbm_hdg_visit.png) no-repeat;
}

.sec_exhibits #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_exhibits.png) no-repeat;}
.sec_collections #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_collections.png) no-repeat;}
.sec_educational #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_education.png) no-repeat;}
.sec_support #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_support.png) no-repeat;}
.sub_contributions #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_donate.png) no-repeat;}
.sec_contact #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_contact.png) no-repeat;}
.sec_museum #SecHeader {background: url(/!images/subheadtext/osh_int_sbm_hdg_store.png) no-repeat;}


#SupportPromoDL dd, #SupportPromoDL a
{
	height: 88px;
	width: 244px;
	display: block;
}

/* Left Column Blue Archive Sections */
#ThisIssue {padding: 0 6px 0 6px; font-style: italic; padding-bottom: 12px; text-align: center; font-size: 12px; border-bottom: 6px solid #9D967F; border-top: 1px solid #B9B49E; background: #9AB8D0 url(/!images/int/in_this_issue.png) top center no-repeat; width: 232px; padding-top: 52px;}
#ThisIssue img {margin: 0 auto; display: block; padding-bottom: 6px;}

#Archives {margin-bottom: 6px; border-top: 1px solid #B9B49E; border-bottom: 1px solid #B9B49E; background: #9AB8D0 url(/!images/int/archives.png) top center no-repeat; width: 244px; padding-top: 52px;}
#Archives ul {list-style: square;}
#Archives li {font-size: 12px; margin: 0; padding: 0 0 8px 0;}
#Archives a:link, #Archives a:visited {color: #00516E;}

#ClassroomArchive {text-align: center; padding-bottom: 12px; margin-bottom: 6px; border-top: 1px solid #B9B49E; border-bottom: 1px solid #B9B49E; background: #9AB8D0 url(/!images/int/archives.png) top center no-repeat; width: 244px; padding-top: 45px;}
#ClassroomArchive .ArchiveDropDown {width: 244px; text-align: center; padding-bottom: 12px;}
#ClassroomArchive .ArchiveDropDown select {width: 200px; border: 1px solid #333;}
#ClassroomArchive h2 {color: #333; font-size: 14px; font-weight: bold; padding-bottom: 12px;}
#ClassroomArchive a {color: #333; font-size: 12px; text-decoration: none;}


/* Bread Crumbs */

.BreadCrumbs {font-size: 10px; padding: 8px 0 8px 30px; line-height: 1.4em;}


/* Interior Left Column Navigation Styles */
#SubNavigation { background:#9D9580; padding: 12px 0 12px 0;}

#SubNav dd {width: 243px; padding: 0 0 0 0;}
#SubNav dd:Hover {background: #B9B49E; width: 220px}
#SubNav dt {display: none;}

#SubNav .AT ul {background: #9D9580; margin: 0; padding: 0;}
#SubNav ul li { color:#FCD6C3; padding: 0 4px 6px 38px; margin: 0; }
#SubNav ul { display:none; padding: 0; margin: 0; }
#SubNav .AT ul { display:block; background: #9D9580; list-style: none; padding: 0; margin: 0;}
#SubNav .AT ul li:Hover {background: #B9B49E;}

#SubNav dd {margin: 0; padding: 4px 0 4px 24px; overflow: hidden;}
#SubNav .AT {margin: 0; padding: 0; width: 244px;}
#SubNav .AT:Hover {margin: 0; padding: 0; width: 244px;}

#SubNav a.AT:link, #SubNav a.AT:visited 
{
	background: #B9B49E; 
	display: block; 
	margin: 0; 
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-left: 24px;
}

#SubNav a:link, #SubNav a:visited {padding: 0 0 0 0;}
#SubNav a:hover, #SubNav a:active {background-color: #B9B49E;}

#SubNav a:link { font-size: 12px;  color: #34311E; font-weight: bold; text-decoration: none; }
#SubNav a:visited { font-size: 12px;  color: #34311E; font-weight: bold; text-decoration: none; }
#SubNav a:hover { font-size: 12px; color: #F1ECD6; font-weight: bold; text-decoration: none; }

#SubNav a.AT:link { font-size: 12px; color: #F1ECD6; font-weight: bold; text-decoration: none; }
#SubNav a.AT:visited { font-size: 12px; color: #F1ECD6; font-weight: bold; text-decoration: none; }
#SubNav a.AT:hover { font-size: 12px; color: #F1ECD6; font-weight: bold; text-decoration: none; }

#SubNav a.ATT:link {color: #F1ECD6; font-weight: bold; text-decoration: none;}
#SubNav a.ATT:visited {color: #F1ECD6; font-weight: bold; text-decoration: none;}
#SubNav a.ATT:hover { color: #F1ECD6; font-weight: bold; text-decoration: none;}

#SubNav ul a:link { font-size: 10px; color: #34311E; font-weight:normal; text-decoration: none; }
#SubNav ul a:visited { font-size: 10px; color: #34311E; font-weight:normal; text-decoration: none; }
#SubNav ul a:hover { font-size: 10px; color: #F1ECD6; font-weight:normal; text-decoration: none; }


/* Main Page Body Collage */
#BodyImage
{
	background: url(/!images/mp/bdy_collage_bg.png) no-repeat;
	width: 643px;
	height: 625px;
}

#BodyImage li {background: none;}

#BodyImage .Latest
{
	background: url(/!images/mp/bdy_collage_latest.jpg) no-repeat;
	height: 183px;
	width: 306px;
	float: left;
	margin: 11px 0 6px 12px;
}

#BodyImage .Support
{
	background: url(/!images/mp/bdy_collage_support.jpg) no-repeat;
	height: 183px; 
	width: 306px;
	float: left;
	margin: 11px 0 6px 6px;
}

#BodyImage .ClassRoom
{
	clear: both;
	background: url(/!images/mp/bdy_collage_classroom.jpg) no-repeat;
	height: 319px;
	width: 194px;
	float: left;
	margin: 0 6px 0 12px;
}

#BodyImage .RightBlock
{
	height: 319px;
	width: 418px;
	float: left;
}

#BodyImage .RightBlock .Visit
{
	background: url(/!images/mp/bdy_collage_visit.jpg) no-repeat;
	height: 189px;
	width: 198px;
	float: left;
}

#BodyImage .RightBlock .Feature
{
	background: url(/!images/mp/bdy_collage_today.jpg) no-repeat;
	height: 189px;
	width: 214px;
	margin: 0 0 0 204px;
}

#BodyImage .RightBlock .About
{
	clear: left;
	background: url(/!images/mp/bdy_collage_about.jpg) no-repeat;
	height: 124px;
	width: 418px;
	margin: 6px 0 0 0;
}

.Latest ul, .Support ul, .About ul {padding: 50px 0 0 30px; margin: 0;}
.ClassRoom ul, .Visit ul {padding: 85px 0 0 30px; margin: 0;}
.Feature ul {padding: 55px 0 0 30px; margin: 0;}


/* Footer Styles */
#FooterTopCap
{
	height: 6px;
	border-top: 6px solid #fff;
	margin-left: 244px;
}

.Home #FooterTopCap
{
	height: 0;
	border: none;
	margin: 0;
	display: none;
}

#Footer
{
	margin-left: 260px;
	padding: 12px 0;
}

.Home #Footer
{
	padding: 12px 0;
	margin-left: 0;
}

#FooterLinks
{
	background: url(/!images/mp/ftr_logos.png) no-repeat;
	height: 68px;
	width: 678px;
}


/* Search Form */

#SearchForm
{
	margin-top: 2px;
}

#SearchForm input[type=text]
{
	background: none;
	border: 0;
	margin: 0 10px 0 10px;
	width: 162px;
	color: #A7AAAF;
	font-size: 13px;
	height: 17px;
}

#SearchForm input[type=submit] 
{
	padding: 0;
	margin: -1px 0;
	float: right;
	background: none;
	cursor: pointer;
	overflow: hidden;
	border: none;
	width: 68px;
	height:19px;
}

/* Enews Signup Form */
#EnewsForm
{
	margin-top: 2px;
}

#EnewsForm input[type=text]
{
	background: none;
	border: 0;
	margin: 45px 10px 0 22px;
	width: 168px;
	color: #A7AAAF;
	font-size: 13px;
	height: 17px;
}

#EnewsForm input[type=submit] 
{
	position: absolute;
	top: 45px;
	right: 16px;
	padding: 0;
	margin: 0;
	float: right;
	background: none;
	cursor: pointer;
	overflow: hidden;
	border: none;
	width: 34px;
	height:19px;
}

/* Bottom Cap *Used in Several Places* */
.BottomCap
{
	clear: both;
	width: 952px;
	height: 6px;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}

/* Main Page Rotating Images Styles */
#gallery {
	position:relative;
	height:310px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption 
	{
		font-family: Verdana, sans-seif; 
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:70px; 
		width:721px!important; 
		position:absolute;
		bottom:0;
		padding: 0 0 0 28px;
	}
	
	#gallery .Caption {font-size: 10px; padding: 4px 0 4px 0;}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h1 {
		margin:0;
		padding: 2px 0 0px 0;
		color:#FFF;
		font-size: 16px;
	}
	
	#gallery .caption .content .date {
		margin: 0 15px 0 0;
		padding: 0;
		color:#CDCB98;
		font-size: 11px;
		font-weight: bold;
	}	
	
	#gallery .caption .content a {
		margin: 0;
		padding: 0;
		color:#9ACCFF;
		font-size: 12px;
		font-weight: bold;
	}
	
/* Virtual Tour Styles */	

.tab {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	background-color: #C8DCE7;
	cursor: pointer;
	padding-right:5px;
	padding-left: 5px;
}

.tabSelected {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	background-color: #0D5C81;
	cursor: pointer;
	padding-right:5px;
	padding-left: 5px;	
}

a.tabLink:link, a.tabLink:visited, a.tabLink:hover {
	color: #064563;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.tabLinkSelected:link, a.tabLinkSelected:visited, a.tabLinkSelected:hover {
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#FlagTable td {position: relative; padding-right: 2px; padding-bottom: 5px;} 
#FlagTable img { padding-left: 2px;}
.hoverOver {background-color: #FEFDFA; border: 1px solid #9D967F; }
.hoverOff { border: 1px solid #F6EFD8; }

/* Print / Share area of master page */
#SearchShare
{
	float: right
}
#SearchShare .Position
{
	background: #fff; 
	width: 250px; 
	margin-left: 12px;
}
#SearchShare .Print
{
	float: left;
}
#SearchShare .Share
{
	float: left; 
	padding-left: 12px; 
	padding-top: 8px;
}
#SearchShare .LClear
{
	clear: left;
}
	
/* Generic utility classes*/
.NoBorder
{
    border: none !important;
}

.clear
{
    clear: both;
}

/* Podcast styles */
.PodPhoto
{
    float: left;
}

.PodText
{
    float: right;
    width: 510px;
}

.ItunesLink
{
    float: right;
}

.DownloadLink
{
    float: right;
    margin-right: 10px;
}

/* Main Page Slider Styles */
.caption {width: 721px;}
.caption a { z-index: 10; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }