/*MIAC/Lab Web Site */

body {font-weight: normal;background: #FFF url(../graphics/body_bg.jpg) repeat-x; color: #333; 
margin: 0px; padding: 0px; 
font-family: arial, helvetica, 'trebuchet MS', arial, helvetica, Syntax, verdana, san-serif; font-size: .75em;  }
a {color: #930;}
a:hover {color: #C60; text-decoration: underline;}
#left p, li { font-size: 106%;}
#left {line-height: 150%;}

h1, h2, h3, h4, dt { font-family: georgia, palatino, times, "times new roman"; font-weight: normal; 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;}

#wholecontent {width: 100%; background: transparent url(../graphics/shadow.png) repeat-x;}
#container { width: 943px; margin: 0px auto; background: url(../graphics/1page_bg.png) repeat-y;}
#content {margin: 0px 12px; background: url(../graphics/content_bg.jpg) left bottom repeat-x;}
#header { width: 950px; margin: 0px auto; min-height: 172px; background: transparent url(../graphics/title_bg.jpg) left top repeat-x; display: block; border-bottom: 0px solid #999; padding-bottom: 0px; }
#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 { /*position: absolute; bottom: 0em;*/border: 0px solid red; }
#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; width: 1000px; background: transparent url(../graphics/tab_bg.png) left bottom repeat-x;}

#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: .4em 1em 0.4em 1em; background: transparent /*url(../graphics/tab_bg.png) left bottom repeat-x*/;
	border: dotted 1px #999;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	color: #630;
	font-size: .95em;
	text-decoration: none;
	font-weight: normal;
	}
#menu li a:hover {background: transparent /*url(../graphics/tab_bg.png) left bottom repeat-x*/; color: #C60;}

#menu li.active a.active {
	background: #fff;
	background-image: none;
	/*background: #FF790B url('../graphics/n3.gif') repeat-x;*/
	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: 15px; 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: 17px; 
		font-family: georgia, palatino, times, "times new roman"; 
		text-transform: lowercase;}
#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; 
			/* display: inline-block; */ 
			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; min-height: 300px; padding: 10px 10px 10px 10px;}

#bodycontent h1, h2, h3 { margin-left: 200px;} 
#bodycontent h1 { font-size: 150%; 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: 5px; border: 1px solid #999; float: right; margin: 10px 0px 10px 20px;}
#left img.right {margin: 10px 0px 10px 20px; float: right;}
#left div.thumblist {margin: 10px 35px; display: block;}
#left div.thumblist img.thumbnail {margin: 0px; padding: 3px; float: left; width: 75px; height: 75px;}
#left div.thumblist p {margin-left: 100px; margin-top: 0px; padding-top: 4px; border-top: 1px dotted #999;}

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; width: 190px; min-height: 300px; background: #F1E6CB url(../graphics/subnav.png) bottom left repeat-x; float: left; border-top: 1px dotted #930; border-right: 1px dotted #DCBF98;}
#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 url(../0graphics/li_bg.png) repeat-x; background-position: 0% -3px; 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;}
#subnav li.active ul {display: block; padding: 0px; padding-bottom: 7px; background: #FAFAE0 url(../0graphics/subnav_bg.jpg) repeat-x; 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 {margin-left: 200px;}
#left p {margin: 15px 55px 0px 25px;}
#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: 10px;}
#left h3 {font-style: normal; font-size: 100%; margin: 0px 0px 0px 0px; display: block; border: 0px solid #999; margin-left: 10px; font-weight: normal;} 
#left h3.underline { font-style: italic; font-size: 125%; margin-top: 25px; border-bottom: 1px solid #999;}
#left h3.exhibit_title {font-size: 180%; margin-top: 20px; margin-left: 0px; }
#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: 933px; margin: 0px auto; background: #FFF url(../graphics/footer_bg.jpg) center top no-repeat; 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: 5px;z-index: 200;  }

#menu ul li ul li a:hover {}

#menu ul li:hover > ul {display: block; background: #FFF; z-index: 200;}