/*MIAC/Lab Web Site */

body {font-weight: normal; color: #333; 
margin: 0px; padding: 0px; 
font-family: arial, helvetica, 'trebuchet MS', arial, helvetica, Syntax, verdana, san-serif; font-size: .9em; 
font-family: 'Source Sans Pro', sans-serif;}
a {color: #930;}
a:hover {color: #C60; text-decoration: underline;}

#left {line-height: 140%;}

h1, h2, h3, h4, dt { color: #222; color: #783C1B; margin: 10px 0px;}
h1 {border-bottom: 1px dotted #CCC;}
h2 {margin-bottom: 0px; font-size: 150%;}
#left h2.margin-bottom {margin-bottom: 20px; margin-top: 25px;}
dt {border-bottom: 1px dotted #CCC; margin-top: 20px; font-size: 120%;}
dl {margin-left: 25px;}

#topmenu {float: right;}
#topmenu li {float: right; list-style-type: none; margin-left: 1em;  padding-top: 5px;}
#topmenu li a {text-decoration: none; color: #333;}
#topmenu li a:hover {text-decoration: underline; color: #333;}
#topmenu ul {margin-right: 2em;}
#wholecontent {width: 100%; background: transparent url(../graphics/shadow.png) repeat-x; background: transparent;}
#container { width: 100%; max-width: 1020px; margin: 0px auto;}
#content {margin: 0px 12px; background: url(../graphics/content_bg.jpg) left bottom repeat-x; background: transparent;}
#header { width: 1020px; margin: 0px auto; min-height: 152px; background: transparent url(../graphics/title_bg.jpg) left top no-repeat; display: block; border-bottom: 0px solid #999; padding-bottom: 0px; overflow: hidden; }
#nav {text-align: right; display: block; border: 0px solid; margin-top: 0px;}
#crumbtrails {font-size: 90%; margin-bottom: 20px;}

.imgdivwrapper { width: 81px; height: 81px; border: 1px solid #999; margin: 0px 10px 10px 20px; float: left;}
.imgdiv { width: 75px; height: 75px; border: 0px solid #999; margin: 3px;}
#div120left {margin: 0px 5px 20px 100px;}
#div120left p {margin-left: 0px;}
#rightbar p {margin-right: 10px;}

.gray {color: #666;}
/* Header */


#title_inner { position: relative; bottom: -1px; margin: 0 auto; float: right;}

/* Logo */
#logo { border: 0px solid red; float: left; width: 50%;}
#logo a {border: 0px; padding: 0px; margin-top: 0px; height: 126px; width: 450px; text-decoration: none; display: block; }

/* Menu */
#menu { border: 0px solid orange; margin: 0px auto; background: transparent url(../graphics/tab_bg.png) left bottom repeat-x; font-size: .9em;}

#menu ul { list-style: none; padding: 0px; margin: 0px; margin: 0px auto;}
#menu li { float: left; font-weight: normal; }

#menu li a { margin-right: 0.0em; display: block; padding: .9em 1em 0.9em 1em; background: transparent /*url(../graphics/tab_bg.png) left bottom repeat-x*/;
	border: dotted 0px #999;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	color: #630;
	font-size: .95em;
	text-decoration: none;
	font-weight: bold;
	}
#menu li a:hover {background: transparent; color: #C60;}

#menu li.active a.active {
	background: #fff;
	background-image: none;
	color: #000;
	border: solid 1px #fff;
}
#menu li.active a {
color: #000;
background: #FFF url(../graphics/selected_bg.png) top right no-repeat;
}

#homemenu { position: relative;}
#homemenu ul {position:relative; padding: 0px; margin: 0px; margin-top: 10px; list-style-type: none;}
#homemenu li { position:relative; display: block; padding: 0px 0px; text-align: right; list-style-type: none;}
#homemenu li:hover { background: url(../graphics/menu_fade_over.png) bottom left repeat;}
#homemenu li a { display: block; color: #FFF; 
		text-decoration: none; 
		padding: 3px 12px 2px 12px; 
		font-size: 14px; 
                font-weight: bold;
                text-transform: uppercase;
		
}
#homemenu li a:hover {color: #FFF; }


#homemenu ul li ul { display:none; padding-top: 0px }

#homemenu ul li:hover ul {border-left: 1px solid #999;display: block; position:absolute; left: 240px; top: 0em; padding-top: 0px; margin-top: 0px;  float: right; width:230px; background: transparent url(../graphics/submenu_fade.png);}
#homemenu ul li ul li a {text-align: left; font-size: 90%; margin: 5px;}
#homemenu ul li ul li {text-align: left; }





#navitems { display: block; border: 0px solid red; padding: 5px 0px;}
#navitems a { background: #E3E1CF url(../graphics/tab_bg.gif) left bottom repeat-x; 
			margin: 5px 0px; 
			border: 0px solid; 
			padding: 5px 10px; 
			text-decoration: none; 
			color: #333; 
			font-weight: bold; 
			border-left: 1px solid #999; 
			border-top: 1px solid #999; 
			}
#navitems a:hover {background: #F7F2DE url(../graphics/tab_bg_over.gif) left bottom repeat-x; color: #C60;}
#navitems a.selected {background: #FFF; border-bottom: 1px solid #FFF; }





#mainbody {margin: 0px 0px; margin-top: 0px; border: 0px solid orange; }
#bodycontent {display: block; border-top: 0px solid #960; background: transparent url(../graphics/body_content_shadow.png) top right no-repeat; background: transparent; min-height: 300px; padding: 10px 10px 10px 10px;}

#bodycontent h1, h2, h3 { margin-left: 0px;} 
#bodycontent h1 { font-size: 200%; margin-top: 10px; margin-bottom: 10px; color: #44220F;} 
#right {float: right; width: 350px; padding-left: 5px; }
#right p {font-size: .9em; margin-left: 10px;}
#right a.doclink {color: #333; background: #F7F2DE; border: 1px solid #666; margin-left: 10px; display: block; padding: 5px 10px;}
#right a.doclink:hover {color: #C60; text-decoration: underline; background: #E3E1CF;}
#right a img {border: 1px solid #333;}
#right a img:hover {border: 1px solid #963;}
#right h2 { font-style: italic; font-size: 120%; margin: 10px 0px 10px 0px; display: block; border: 0px solid #999; margin-left: 0px;}
#right img {padding: 5px; border: 1px solid #999;}


#left img {padding: 0px; border: 1px solid #666; float: right; margin: 10px 0px 10px 20px;}
#left img.right {margin: 10px 0px 10px 20px; float: right;}
#left div.thumblist {margin: 10px 0px; display: block;}
#left div.thumblist img.thumbnail {margin: 0px; padding: 0px; float: left; width: 75px; height: 75px;}
#left div.thumblist p {margin-left: 100px; margin-top: 0px; padding-top: 4px; border-top: 0px dotted #999;}
#left img.full {width: 100%;}
strong.heading a {font-family: Oswald; font-weight: normal;}


#left .thumbcontainer {float: left; border: 1px solid #999; padding: 3px; width: 75px; height; 75px; margin-top: 8px;}
#left .thumbcontainer div {width: 75px; height: 75px; }
#left .thumbcontainer p {margin-left: 108px; border-top: 0px; padding-bottom: 15px;}
#left h3.exhibit_title {font-size: 180%; margin-top: 20px; margin-left: 0px;margin-bottom: 1em;font-size: 160%; line-height: 140%; }
#left h3.exhibit_title a {text-decoration: none; }
#left h3.exhibit_title a:hover {text-decoration: underline; }
#left .exhibitlist {border-bottom: 0px dotted #999; padding-bottom: 2em;}



div.caption {float: right; margin: 0px 0px 10px 20px;}
#left .caption p {font-size: .9em; color: #666; margin: 3px 5px;}

.selectmonth {text-align: right; margin: 0px 0px 0px 10px; background: #F5EEDB; padding: 1px; border: 1px solid #CCC;}
.selectmonth form {margin: 0px;}

#shortcut {background: url(../graphics/divclass_bg.jpg); padding: 4px; border:1px solid #999; border-top: 0px; margin: 0px 5px; } 
#shortcut p {margin: 1px 5px 5px 50px; padding: 0px;}

#subnav {margin: 0px; min-height: 300px; background: #F1E6CB url(../graphics/subnav.png) bottom left repeat-x; border-top: 1px dotted #930; border-right: 1px dotted #DCBF98;}
/*#subnav {float: right; width: 25%;}*/

#subnav h2 {background: #DCBF98 url(../graphics/li_bg.png) repeat-x; margin: 0px 0px; padding: 5px; display: block; color: #300; border-bottom: 1px dotted #930; font-size: 110%;} 
#subnav ul {margin: 0px; padding: 0px; list-style-type: none;}
#subnav li {margin: 0px; padding: 9px 0px 0px 0px; border-bottom: 0px dotted #DCBF98;background: transparent; line-height: 140%; }
#subnav li:hover {background-position: 0% -3px;}
#subnav li a {text-decoration: none; padding: 0px 8px; font-size: 95%; }
#subnav li li a {text-decoration: none; padding: 0px 8px; font-size: 100%; }
#subnav li a:hover {text-decoration: underline; color: #333;}


#subnav li ul {display: none;}
/*
** 3/26/2025 Commented out Background and border to clear up menu highligting.
*/
#subnav li.active ul {display: block; padding: 0px; padding-bottom: 7px; /*background: #FAFAE0; border: 1px dotted #DCBF98;*/ border-bottom: 0px; border-right: 0px; border-left-color: #999;}

#subnav li ul li {background-image: none; font-size: 90%; padding-left: 10px;} 





#left p {margin: 5px 55px 15px 0px;}
#releasetext {padding-left: 25px;}
#left #releasetext p {margin-left: 0px;}
#left h2 { font-style: normal; font-size: 135%; margin: 15px 0px 0px 0px; display: block; border: 0px solid #999; margin-left: 0px;}
#left h3 {font-style: normal; font-size: 100%; margin: 0px 0px 0px 0px; display: block; border: 0px solid #999; margin-left: 0px; font-weight: normal;} 
#left h3.underline { font-style: italic; font-size: 125%; margin-top: 25px; border-bottom: 1px solid #999;}

#left li {margin-bottom: 8px;}
#left li li {margin-bottom: 2px;}
#left ul {margin-bottom: 8px; margin-left: 25px; margin-right: 55px;}




#footer { clear: both; border-top: 0px solid #CCC; width: 1020px; margin: 0px auto; padding-top: 1px; min-height: 57px;}
#footer p {color: #666; font-size: .9em; margin-left: 25px; margin-right: 95px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer ul {margin: 0px; padding: 0px; margin-top: 8px;}
#footer li {font-size: 90%; float: left; list-style-type: none; border-right: 1px solid #666; padding-right: 6px; margin-right: 6px;}
#footer li.last {border-right: 0px;}

.divclass {background: url(../graphics/divclass_bg.jpg); padding: 10px; border:1px solid #999; margin-top: 15px; margin-left: 25px;}
.divclass:hover {background: url(../graphics/divclass_hover.jpg);}
.divclass a {font-size: 110%; margin: 0px; text-decoration: none; font-weight: bold;}
.divclass a:hover {text-decoration: underline;}

.listbox {border: 1px solid #CCC; padding: 4px; width : 100%; height : 300px; overflow: auto; margin: 25px;background: #FCFCFC;}
.listboxitem_a {padding : 3px; background: #FCFCFC; margin: 0px 35px;}
.listboxitem_b {padding : 3px; background: #EEE; margin: 0px 35px;}
.listboxitem_a:hover {background: #F7F2DE;}
.listboxitem_b:hover {background: #F7F2DE;}
.popupcontainer {display:inline;}
.popupdiv{
        position: absolute;
        width: 200px;
        padding: 5px;
        background: #ffc;
        border: 1px solid #ccc;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #000;
      }








#menu li.active li { background: #FFF; }
#menu li.active li a { background: transparent; }
#menu ul li ul li, #topnav ul li ul li a  {padding: 0 0 0 0; margin: 0 0 0 0;z-index: 200;}

#menu ul li ul {display: none; position: absolute; width: 16em; z-index: 1000; left: auto; margin-top: 0px; background:  #FFF; border-right: 0px solid #999; border-bottom: 1px solid #999;z-index: 200;}

#menu ul li ul li {background: #FFF;  display: block; width: 16em; margin: 0px; float: left; padding-bottom: 0px; background-image: none; border-bottom: 1px solid #CCC;border-top: 1px solid #FFF; z-index: 200; }

#menu ul li ul li:hover {background: #F8F4ED; border-right: 1px solid #CCC; }
#menu ul li ul li a:hover {background: #F8F4ED; color: #C60;  }
#menu ul li ul li {border-right: 1px solid #CCC; }

#menu ul li ul li a {display: block; width: 16em; background-image: none;border-top: 0px;font-size: 80%; font-family: arial, helvetica, sans-serif; padding: 10px 5px; z-index: 200;  }

#menu ul li ul li a:hover {}

#menu ul li:hover > ul {display: block; background: #FFF; z-index: 200; box-shadow: 3px 3px 9px #666; }
/* this */
#menu ul li:hover, #menu ul li ul, #menu ul li ul li, #menu li.active ul, #menu li.active ul li {background: #FAF6ED; } 
#menu ul li ul li:hover, #menu ul li ul li a:hover {background: #FFF; } 
#menu ul li.active { box-shadow: 0px 0px 6px #999; }





#translate img {float: none; border: 0px;}
#translate {font-size; .6em;}
#left ul {padding-left: 35px;}
#container {border-bottom: 1px solid #CFCFCF; border-top: 0px;}

#menu li a {padding-left: 8px; padding-right: 8px;}
.tourtable td {width: 75px; text-align: left;}
#left .tourtable td p {margin: 0px 0px 0px 0px; padding: 0px;}
p.alert {border: 1px solid #666; background: #F9F4E8; padding: 10px;}
	.thumblist div div {background-size: 75px 75px !important;}	
	hr { width: 75%; margin: 2em auto; color: #666;}
	#left img.noborder {border: 0px solid transparent;}


#bodycontent .image {overflow: hidden; background: #F5F6F7; margin-top: 2em; clear: left; }
#bodycontent #left .image img {width: 100%; float: none; margin: 0 0 0 0; padding: 0 0 0 0;}
#bodycontent .imagediv {overflow: hidden; float: left; width: 30%;height: 100%; }
#bodycontent #left .image p {margin: 0 0 0 0; width: 60%; margin-left: 35%; height: 100%; }
#bodycontent #left ul {margin-top: 1em; margin-bottom: 1.5em;}


.alert {display: block; position: absolute; width: 100%; z-index: 1000; background: black; color: white; font-weight: bold; padding: 2em; 4em;}

.rentals td {border-bottom: 1px dotted #CCC; vertical-align: top;}
#left .rentals td img {margin: 10px 0px 0px 0px; float: none;}






/* adding some responsiveness */
.list div img {width: 100%;}
#bodycontent #left .row:after {clear: left !important;}

a.eventURL {display: block; padding: 10px; text-align: center; width: 80%; background: #783C1B; color: #FFF; text-transform: uppercase; text-decoration: none; margin: 3em auto; border-radius: 5px; }


#left .exhibitdescription p:first-of-type {
	font-size: 130%;
	font-weight: bold;
	line-height: 150%;
	margin-top: 2em;
}

.exhibittitlediv {position: absolute; left: -4px; top: 70px; background: #F0E6CE; width: 450px; z-index: 3; padding: 10px 40px 50px 20px;}
#left .exhibittitlediv h2 {font-family: 'Source Sans Pro'; font-weight: 900; color: #3F0000; font-size: 34px; line-height: 1;}
.exhibittitledate {font-weight: bold; font-size: 22px; color: #000; margin-top: 10px; font-family: 'Source Sans Pro'; font-weight: 700;}

@media only screen and (min-width: 1375px) {
	.exhibittitlediv {left: -100px;}
}

table.border td {border: 1px solid #333; padding: .5em;}