*{
	margin: 40px 0px 0px 0px;
	padding: 0;
}

html{
    margin: 20px 0 1px 0; 
    height: 100%;  
}

html *{padding: 0; margin: 0; }

body{
	text-align: center;
    font:84.5% arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

#container{
	margin: 0 auto;
	text-align: left;
	width: 770px;
	padding-bottom:15px;
	position:relative;/*must be there for virtual tour*/
	height:100%;
	background-color:#ffffcc;}
/*===================================common===============================*/
h1{
	font-size: 240%;
	padding:  20px 0 10px 30px;
    text-align: left;
    font-family: "Copperplate Gothic Bold", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

h1.banner{padding:0;}

h2{
	padding: 0 ;
    text-align:left;
    margin-left:30px;
    padding-bottom:20px;
}

h3{
	clear: both;
	font-size: 110%;
	margin-left:30px;
}

.column1 h3{
    padding:0;
	margin:0;
	text-align:center;}
	
img{border: none;}

p{
	padding: 0 30px 10px 30px;
    line-height: 120%;
}

p.whitespace{
	line-height: 220%;
	}

a:link, a:visited{color: #000;}

a:hover, a:active{
	color: #AD5D29;
	text-decoration: none;
}

ul li{
	list-style-type:none;
	margin-left:35px;
}

ol li{
	margin-left:50px;
    margin-right:35px;
}

ol{padding-bottom:25px;}

address{
   margin-left:30px;
   font-style:normal;
}

.specialnote{padding:15px 0 0 35px;} /*in sciencealliance*/

.left{width:100px;float:left;margin-right:20px;margin-top:15px;padding-left:30px;} /*in inquirylessons*/

.title{font-style:italic;}   /*used for book titles*/
#news{clear:both;}
/*===================================navigation===========================*/
#navigation a:hover, #navigation a:active{color:#cccccc;}

.hidden {position:absolute;left:-9999px;}

#navigation ul {
	font: bold 12px Verdana, sans-serif;
    padding:10px 0 10px 10px;
}

#navigation ul li{
      margin:0;
	  padding-left:7px;
      display: inline;
}

#navigation ul li a{text-decoration: none;}
#navigation ul li a:link, #navigation ul li a:visited{color:#ffffcc;}
#navigation ul li a:hover, #navigation ul li a:active{color:#fff;}

#navigation ul li a:link:hover, #navigation ul li a:visited:hover{text-decoration: underline;}
/*===================================pillars==============================*/
#pillars{
	float: left;
	padding: 25px 0 32px 0;
	width: 100%;
}

#pillars p{font-size: 100%;}

.column1 .subnavigationimage{
	width:100px;
	margin-right:auto;
	margin-left:auto;
}

.column1 p{line-height: 1.3em;}

.column1, .column2, .column3, .column4{
	float:left;
	padding:0;
	display:inline;/*for Double Float Margin Bug in IE5 and 6*/
}
/*===================================footer==============================*/
#footer{
	clear: both;
	font-size: 85%;
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 10px;
    border: 0;
}
/*===================================home=================================*/
#home{background-color:#78ad70;}
#home #navigation, #home #navigation ul li a{background-color:#427d42;}
#home h1, #home h2, #home h3{color:#005826;}
#home h1.banner{background:url(../images/homebanner.jpg) no-repeat;height:174px;width:770px;}


#home .column1{
	width:100px;
	margin-left:30px;
	margin-right:20px;
	margin-top:10px;
}

#home .column2{
	width:570px;
	margin-top:10px;
}

#home .course{clear:both;}
/*===================================hzm==================================*/
#hzm{background-color:#aa9674;}
#hzm #navigation, #hzm #navigation ul li a{background-color:#423839;}
#hzm h1.banner{background:url("../images/museumbanner.jpg") no-repeat;height:174px;width:770px;}
#hzm h1, #hzm h2, #hzm h3{color:#8c6239;}

.map{float:right;margin-right:35px;}
.visit{text-align:left;float:left;width:430px;}
.bigger{font-size:125%;}

#hzm ul#links{padding-left:130px;}

#hzm ul#links li{height:55px;padding:25px 0 0 70px;background:url(../images/track1.jpg) no-repeat;font-size:110%;font-weight:bold;}

/*===============================educators==============================*/
#ed #navigation, #ed #navigation ul li a{background-color:#b54531;}

#ed{background-color:#fbbd64;}
#ed h1.banner{background:url("../images/edbanner.jpg") no-repeat;height:174px;width:770px;}#ed h1, #ed h2, #ed h3{color:#e66a1f;}
#ed h2{padding:25px 20px 5px 0px;}

#ed .column1{width:189px;}
ul.edopportunities p{margin:0;padding:0;}
#ed ul.edopportunities li{margin-left:25px;}
#ed li.column1{width:124px;}
.edopportunities{margin-top:20px;}
#ed .column1 address{margin:0;padding:0;text-align:center;}
#ed .column1 h3{text-align:center;padding:0;margin:0;font-size:100%;}
#ed ul.edopportunities li h3{padding-bottom:10px;}
#ed #container .inline {float:right;margin-top:15px;margin-right:350px;}
#ed .subnavigationimage{margin-top:20px;}
ul .kthru2{margin-left:0;padding-left:15px;background:transparent url(../images/bluedot.gif) 0 3px no-repeat;}
ul .threethru5{margin-left:0;padding-left:15px;background:transparent url(../images/greendot.gif) 0 3px no-repeat;}
ul .sixthru8{margin-left:0;padding-left:15px;background:transparent url(../images/orangedot.gif) 0px 3px no-repeat;}
ul .ninethru12{margin-left:0}
dl{margin-left:35px;}
dt{font-weight:bold;
   padding-top:15px;}
#ed dd{margin-right:30px;}
#ed ul#benefits li{list-style:disc;margin-left:45px;}
#ed ul#links li{height:55px;padding:23px 0 0 70px;background:url(../images/track1.jpg) 0 5px no-repeat;font-size:110%;font-weight:bold;}
#ed ul#links{padding-left:70px;padding-bottom:25px;}
#ed ul#links p{padding-left:0;font-weight:normal;font-size:90%;margin-right:45px;}
#ed .column3{padding-right:30px;padding-left:30px;}
/*===================================bio==================================*/
#bio #navigation, #bio #navigation ul li a{background-color:#790102;}
#bio{background-color:#a14942;}
#bio h1.banner{background:url("../images/biobanner.jpg") no-repeat;height:174px;width:770px;}
#bio h1, #bio h2, #bio h3{color:#a13c35;}

/*===================================events==============================*/
#events #navigation,#events #navigation ul li a{background-color:#524594;}
#events{background-color:#bcd1d6;}
#events h1.banner{background:url("../images/eventsbanner.jpg") no-repeat;height:174px;width:770px;}#events h1, #events h2, #events h3{color:#0072bc;}

#events .column2{float:right;margin-top:-30px;padding-left:15px;}

#updates ul{padding:10px 35px 0 0;}

#updates ul li{margin-bottom:15px;margin-left:30px;} 
#updates h3{margin-left:0;} 
/*===================================staff==============================*/
#staff{background-color:#78ad70;}
#staff #navigation, #staff #navigation ul li a{background-color:#427d42;}
#staff h1.banner{background:url(../images/homebanner.jpg) no-repeat;height:174px;width:770px;}
#staff h1, #staff h2, #staff h3{color:#005826;}
  
#staff p{
	line-height: 1.1em;
	font-size: 100%;
}

#staff #container #pillars p{
	padding-left:0px;
	padding-bottom:20px;
}
#staff #container #pillars{
    padding-top:0;
	background-color:#ffffcc;
}

#staff .column1{
	width:200px;
	margin:25px 20px 15px 0;
    padding-left:55px;
}

#staff .column2{
	width:400px;
	margin:51px 40px 15px 0;
}

#staff #pillars h3{padding:5px 0 5px 0px;text-align:left;}
#staff .individual{clear:both;}    
/*#staff .column1 img{padding-left:20px}
*/
  /*put these styles  work with staff2, but I'm not crazy about the hacks inside and the inconsistency with my previous mark-up. Separate hack in anothr style sheet with conditional comments, perhaps. Need to code out staff container pillars to here, if  use.
#bios {
    float:left;
    width:726px;
    padding:10px 20px;
}

dl {
    float:left;
    width:600px;
    margin:10px 25px  10px 75px;
    padding:0;
    display:inline;fixes IEWin double margin bug
}

dt {
    font-size:125%;
    font-weight:bold;
    color:#005826;
}

dd {
	margin:0 0 0 155px;
	padding:0;
	font-size:100%;
}

dl dd.img {margin:0;}

dl dd.contact {
    margin:0;
	float:left;
	clear:left;
} 

dd.img img {
    float:left;
    margin:0;
}

dl:after {for browsers that support:after
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

*html dl {height:1%;}Holly hack to clear floats in IEWin 5+6
*:first-child+html dl {min-height:1px;}clears floats in IE7*/
/*===================================support==============================*/
.support h2{padding:0;}
.support p{padding:0 30px 25px 30px;}
.support ul{padding-left:30px;padding-bottom:25px;}
.support ul li{margin-left:0;}
.support#home .column1 {width:295px;}
.support#home .column2 {width:200px;}
.support#home .column3 {width:550px;}
.support#home .column4 {width:150px;}
.logos{text-align:center;margin-bottom:18px;}
.logos p{padding-top:0;padding-bottom:0;margin-top:-3px;margin-bottom:0;}
/*===================================links==============================*/
#weblinks #navigation, #weblinks #navigation ul li a{background-color:#b45225;}
#weblinks{background-color:#d5823e;}
#weblinks h1.banner{background:url("../images/links_background.jpg") no-repeat;height:174px;width:770px;}
#weblinks h1, #weblinks h2, #weblinks h3{color:#a13c35;}
#weblinks #content ul{margin-right:30px;}
#weblinks #content ul li{color:#b54531;font-size:110%;font-weight:bold;text-transform:uppercase;margin-bottom:30px;text-align:center;}
#weblinks #content ul li ul{color:#000000;font-size:90%;font-weight:normal;text-transform:uppercase;margin-bottom:20px;text-align:left;}
#weblinks #content ul li ul li{color:green;font-size:90%;font-weight:normal;text-transform:none;margin-bottom:10px;text-align:left;}
/*#weblinks #content{margin-right:30px;}*/
/*===================================sitemap==============================*/
#sitemap ul, #sitemap ul li, #sitemap ul li ul, #sitemap ul li ul li, #sitemap p{text-align:left;}
#sitemap{line-height:150%;}