@charset "UTF-8";
/* CSS Document */

body, html { 
  margin: 0; 
  padding: 0; 
  background: #000; 
  color: #000;
  font-family:Arial, Helvetica, sans-serif;
  min-width: 780px;
  }
img { 
  border: 0;
  }
  
p { 
  margin:0 0 10px 0; 
  padding: 0; 
  font-size: .8em; 
  line-height: 1.4em; 
  }
  
h2 { 
  margin: 0 0 5px 0; 
  padding: 0 0 5px 0; 
  font-size: 1.1em;
  text-transform: uppercase;
  }
  
a:link, a:visited { 
  color: #8f1419; 
  text-decoration: none; 
  }

a:hover { 
  text-decoration: underline; 
}

/* {{{ Header--------------------------------------------------------------- */
div#skip-to-content {
  width: 100%;
  background: transparent url(images/title.jpg) no-repeat -0px -0px;
  background-color: #501D08;
}

div#skip-to-content a {
  font-size: 1px;
  text-indent: -9000em;
  display: block;
  width: 1px;
}

#wrapper { 
  margin: 0 auto; 
  padding: 0; 
  width: 930px; 
  background: #fff;
  overflow: hidden;
  }
  
div#header {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 930px;
  height: 64px;
  background-color: #501D08;
  background: transparent url("images/nav-bg.png") -0px -0px;
}

div#header h1 {
  margin: 0;
  padding: 0;
  float: left;
  text-transform: uppercase;
  font-size: 1.75em;
  letter-spacing: -.085em;
  color: #F2CDA8;
}

/* {{{ Title - Fall-back---------------------------------------------------- */


div#header h1 span.extended {
  display: block;
  font-size: 1px;
  text-indent: -9000em;
  display: block;
  position: absolute;
  width: 1px;
  left: -9000px;
  border: 1px solid #000;
}

div#header h1 a {
  width: 309px;
  height: 50px;
  display: block;
  padding-top: 10px;
  padding-left: 20px;
  background-color: #954A23;
  text-decoration: none;
  color: black;
  background: transparent url(images/title_home.jpg) -0px -0px;
}



#main-header h2 a {
color:#000000;
display:block;
height:77px;
margin:0;
padding:0;
text-indent:-99999px;
width:793px;
}



* html div#header {
  background: transparent url(images/nav-bg.png)  -0px -0px;
  
  width: expression( document.body.clientWidth < 951 ? "950px" : "auto" ); /* set min-width for IE */
  height: 22px;
}

*+html div#header {
  background: transparent url(images/nav-bg.png)  -0px -0px;
}


/* }}} Title - Fall-back */

/* {{{ Title - Enhanced----------------------------------------------------- */
 div#header h1 {
  width: 459px;
  height: 64px;
  background: transparent url(images/title_home.jpg) -0px -0px;
  font-size: 1px;
  text-indent: -9000em;
  display: block;
  margin: 0;
}


 div#header,
 div#header h1 {
  height: 60px;
}



/* }}} Title - Enhanced */
div#header ul {
  margin: 0;
  padding: 0;
  padding-top: 22px;
  padding-bottom: 24px;
  
  width: 462px; /* 462 - 27px left */
  height: 12px;
  float: right;
}

 div#header ul {
  padding-top: 24px;
}

div#header ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  float: left;
}

div#header ul li {
  padding-left: 18px;
}

div#header ul li#nav-main {
  padding-left: 0px;
}

div#header ul li a {
  display: block;
  height: 12px;
  color: #AE7F50;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .80em;
  text-align: center;
  letter-spacing: -.025em;
}

div#header ul li#nav-main a {
  width: 34px;
}

div#header ul li#nav-timeline a {
  width: 62px;
}

div#header ul li#nav-themes a {
  width: 53px;
}

div#header ul li#nav-archive a {
  width: 140px;
}

div#header ul li#nav-resources a {
  width: 78px;
}

div#header ul li a:hover, div#header ul li a:focus {
  color: #CE9E6E;
}

div#header ul li.selected a {
  color: #F4C28F;
}

 div#header ul li a {
  font-size: 1px;
  text-indent: -9000em;
  display: block;
  border: none;
}

 div#header ul li#nav-main a {
  width: 34px;
  background: transparent url(images/nav.png) -0px -0px;
}

 div#header ul li#nav-timeline a {
  width: 62px;
  background: transparent url(images/nav.png) -34px -0px;
}

 div#header ul li#nav-themes a {
  width: 53px;
  background: transparent url(images/nav.png) -96px -0px;
}

 div#header ul li#nav-archive a {
  width: 136px;
  background: transparent url(images/nav.png) -149px -0px;
}

 div#header ul li#nav-resources a {
  width: 78px;
  background: transparent url(images/nav.png) -285px -0px;
}

 div#header ul li#nav-main a:hover, div#header ul li#nav-main a:focus {
  background: transparent url(images/nav.png) -0px -12px;
}

 div#header ul li#nav-timeline a:hover, div#header ul li#nav-timeline a:focus {
  background: transparent url(images/nav.png) -34px -12px;
}

 div#header ul li#nav-themes a:hover, div#header ul li#nav-themes a:focus {
  background: transparent url(images/nav.png) -96px -12px;
}

 div#header ul li#nav-archive a:hover, div#header ul li#nav-archive a:focus {
  background: transparent url(images/nav.png) -149px -12px;
}

 div#header ul li#nav-resources a:hover, div#header ul li#nav-resources a:focus {
  background: transparent url(images/nav.png) -285px -12px;
}

 div#header ul li#nav-main.selected a {
  background: transparent url(images/nav.png) -0px -24px;
}

 div#header ul li#nav-timeline.selected a {
  background: transparent url(images/nav.png) -34px -24px;
}

 div#header ul li#nav-themes.selected a {
  background: transparent url(images/nav.png) -96px -24px;
}

 div#header ul li#nav-archive.selected a {
  background: transparent url(images/nav.png) -149px -24px;
}

 div#header ul li#nav-resources.selected a {
  background: transparent url(images/nav.png) -285px -24px;
}



div#mainBody {
  background: #a67123 url(images/propMainBg.jpg) no-repeat;
  width: 930px;
  height: 355px;
}

div#mainBodyText {
  float: right;
  margin: 100px 0 0 0;
  width: 530px;
  height: 190px;

}

*html div#mainBodyText {
  float: right;
  margin: 100px 0 0 0;
  width: 530px;
  height: 190px;

}


div#mainBodyText img{
  padding-right: 28px;
}

div#mainText {
  background: transparent url(images/mainTextBg.gif) repeat-y;
  width: 930px;
  height: 490px;
}



div#mainLeft {
  float: left;
  width: 375px;
  margin: 25px 0 0 25px;
  padding-right: 10px;
  border-right: 1px solid #b59068;
}

*html div#mainLeft {
  float: left;
  width: 375px;
  margin: 25px 0 0 15px;
  padding-right: 10px;
  border-right: 1px solid #b59068;
}

div#mainMiddle{
  margin: 25px 0 0 15px;
  float: left;
  width: 213px;
}

div#mainRight {
  border-left: 1px solid #b59068;
  margin: 25px 0 0 15px;
  padding-left: 15px;
  float: left;
  width: 240px;
  height: 430px;
}

.mainMiddleImgTxt {
  float: right;
  width: 150px;
}
.mainLeftImgTxt {
  float: right;
  width: 275px;
}


div#footer {
  background: transparent url(images/footBg.gif) no-repeat;
  width: 930px;
  height: 59px;
}

#museum_footer { 
  margin: 0 auto; 
  padding: 0; 
  overflow: hidden;
  background: #fff url(images/footBg.gif) no-repeat;
  width: 930px;
  height: 59px;
 }
 
 .clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#mainBodyText .promoImages {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight:bold;
}

hr {
height: 1px;
border: 0;
color: #b59068;;
background-color: #b59068;;
width: 100%;
}