@import url(screen_tmp.css);

/* Museum - screen */

#nav { display: none; }
#contain { width: 100%; }
 p, li, td { font-family: Georgia, Times New Roman, serif; font-size: 100%; }
 p { text-align: justify; }
 h3 {
 position: relative;
 clear: both;
 margin: 0;
 height: 36px;
 text-align: right;
 background-color: #fff;
 z-index: 303;
 }
 h3 a {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 width: 100%;
 height: 36px;
 background: #fff url(../graphics/logo_museum.png) 100% 0 no-repeat;
 text-indent: -5000px;
 text-align: left;
 }
 h3 a:hover { background-position: 100% -36px; }
 
#content {
 position: relative;
 margin: 0 1em 3px 130px;
 }
.bar_right #content {
 margin: 0 150px 3px 130px;
 }
 #content img { position: relative; }

#content h3 { clear: none; position: relative; margin: 0.5em 0 2px 0; background: transparent url(); text-align: left; }
#content h3 a { position: relative; display: inline;  width: auto; height: auto; background: transparent url(); }

#footer_sect { text-align: right; }

#nav_sect {
 position: relative;
 float: left;
 margin: 0 0 3px 3px;
 padding: 0 0 60px 0;
 width: 112px;
 background: transparent url(../graphics/nav_museum_bot.png) bottom center no-repeat;
text-align: center;
 z-index: 302;
 }
#nav_sect h4 {
 margin: 0;
 font-size: 63%;
 background: transparent url(../graphics/nav_museum_top.png) bottom center no-repeat;
 }
#nav_sect h4 a {
 display: block;
 width: 100%;
 height: 30px;
 }
html>body #nav_sect h4 a { width: 0%; width: auto; }
 #nav_sect h4 a:hover { }
 #nav_sect h4 span { display: none; }
 #nav_sect ul,
 #nav_sect ul ul {
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 width: 112px;
 /* tantek hack http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 110px;
 }
body>html  #nav_sect ul {
 /* nice to Opera */
 width: 110px;
 }
 #nav_sect ul {
 list-style: none;
 background: #eee;
 }
 #nav_sect li {
 position: relative;
 list-style: none;
 margin: 0 0 0px 0;
 padding: 0 0 1px 0;
 text-align: left;
 font-size: 12px;
 }
 #nav_sect li a,
 #nav_sect li a:link,
 #nav_sect li a:visited {
 position: relative;
 display: block;
 clear: both;
 margin: 0;
 padding: 0;
 height: 20px;
 font-size: 100%;
 }
 #nav_sect li a span { display: none; }
 #nav_sect li ul { display: none; }
/*  #nav li>ul {
 position: absolute;
 display: none;
 top: 0;
 left: 110px;
 border: 1px solid #999;
 z-index: 303;
 background: #ffc;
 } */
 #nav_sect li>ul li {
 position: relative;
 margin: 0;
 padding: 0;
 }
 #nav_sect li a:hover,
 #nav_sect li a:active,
 #nav_sect li a:focus { background-position: 0 -20px; }
/*  #nav li:hover>ul {
 display: block;
 } */
 #nav_sect li#nav_about a {
 background: transparent url(../graphics/nav_museum_about.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_history a {
 background: transparent url(../graphics/nav_museum_history.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_news a {
 background: transparent url(../graphics/nav_museum_news.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_events a {
 background: transparent url(../graphics/nav_museum_events.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_gallery a {
 background: transparent url(../graphics/nav_museum_gallery.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_research a {
 background: transparent url(../graphics/nav_museum_research.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_contact a {
 background: transparent url(../graphics/nav_museum_contact.gif) 0 0 no-repeat;
 }
 #nav_sect li#nav_about a:hover,
 #nav_sect li#nav_history a:hover,
 #nav_sect li#nav_news a:hover,
 #nav_sect li#nav_events a:hover,
 #nav_sect li#nav_gallery a:hover,
 #nav_sect li#nav_research a:hover,
 #nav_sect li#nav_contact a:hover { background-position: 0 -20px; }

 #nav_sect li#nav_about.cur a,
 #nav_sect li#nav_history.cur a,
 #nav_sect li#nav_news.cur a,
 #nav_sect li#nav_events.cur a,
 #nav_sect li#nav_gallery.cur a,
 #nav_sect li#nav_research.cur a,
 #nav_sect li#nav_contact.cur a { background-position: 0 -20px; }

.gallery {
 position: relative;
 display: block;
 padding: 3px;
 z-index: 29;
 }
.gallery:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
.gallery { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html .gallery { height: 1%; }
.gallery { display: block; }
/* End Hack */
.gallery div {
 position: relative;
 float: left;
 margin: 0 3px 3px 3px;
 padding: 0px;
 border: 1px solid #ccc;
 width: 100px;
 z-index: 30;
 }
.gallery div p {
 margin: 3px;
 font-size: 73%;
 text-align: center;
 }

.post_e {
 margin: 0px 20px 0.7em 20px;
 padding: 6px;
 border-bottom: 2px dashed #eeeeff; 
 }
.post_e:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
.post_e { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html .post_e { height: 1%; }
.post_e { display: block; }
/* End Hack */

.post_e h4 a {
 padding-left: 30px;
 height: 27px;
 background: #fff url(../graphics/bg_museum_h4.png) top left no-repeat;
 }
.post_e h4 a:hover { background-position: 0 -27px; }
.post_e h5 { margin: 0; }
.post_e p { margin: 3px 10px; }



 #ad_events {
 float: right;
 }
 #ad_events h4 {
 margin: 0;
 }
 #ad_events ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 #ad_events li {
 margin: 0;
 padding: 0;
 }
 #ad_events li a,
 #ad_events li a:link,
 #ad_events li a:visited {
 display: block;
 }
.bar_right #ad_events {
 position: absolute;
 clear: right;
 top: 135px;
 right: 0;
 width: 148px;
 background: #99c;
 }

 .event {
 margin: 10px 20px;
 padding: 6px;
 width: 450px;
 }
 
 #event_info {
 position: relative;
 margin: 1px;
 padding: 0 3px 0 3px;
 border: 2px solid #ccc;
 background-color: #eee;
 font-family: Arial, sans-serif;
 font-size: 83%;
 font-weight: bold; 
 }
 #event_info dt {
 color: #666;
 }
 #event_info dd {
 }
 #event_info dd ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 #event_pics {}
#event_pics:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
#event_pics { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html #event_pics { height: 1%; }
#event_pics { display: block; }
/* End Hack */ 
 #event_pics div { float: left; margin: 0; padding: 0; }

#dept_footer {
 text-align: right;
 }
 
.more_info {
 position: relative;
 float: right;
 margin: 0 0 13px 13px;
 padding: 0 3px 3px 3px;
 border-left: 2px dotted #ccc;
 width: 200px;
 background: #fff;
 z-index: 603;
 }
.more_info h4 {
 margin: 0;
 }
.more_info p {
 margin-top: 0;
 }
 
#frm_contact_museum {width:100%; zoom:1;}
#frm_contact_museum div.wrap {padding:10px; border:2px solid #eee; width:410px; overflow:hidden; zoom:1;}
#frm_contact_museum div div {float:left; padding:0.5em 1%; width:98%; overflow:hidden; zoom:1;}
#frm_contact_museum input,
#frm_contact_museum select {border:1px solid #333; width:196px; zoom:1;}
#frm_contact_museum textarea {width:100%;}
#frm_contact_museum label {float:left; width:190px; font-weight:bold; color:#333;}
#frm_contact_museum #btn_send {padding:0.3em 4%; width:92%; background-color:#090; font-weight:bold; color:#fff;}
#frm_contact_museum .req .marker {
 padding: 0 3px;
 border-bottom: 1px dashed red;
 font-size: 83%;
 text-transform: uppercase;
 color: red;
 }
#frm_contact_museum .opt .marker { display: none; }