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





/*-------------------------------------------------
IE  5+6 Fixes
-------------------------------------------------*/

* html #sideContent { /*fix for italic text bug in IE5/Win*/
	display: inline;
	overflow: hidden;  /* IE5.0/Win*/
	o\verflow: visible; /* IE5.5/Win*/
	heig\ht: 1%;
}


/*-------------------------------------------------
IE  5/MACFixes
-------------------------------------------------*/
*> html #sideContent {
	display: inline;
	widt\h: 174px; 
}

*> html #sideContent img {
	widt\h: 174px;
}



/* feature boxes */

div.feature {
	clear: both;
	padding-bottom: 2em;
}

div.feature img {
	margin-top: 3px;
	padding-bottom: 2em;
	width: 90px;
	height: 90px;
	float: left;
}

div.feature img:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.feature img:after {display:inline-block;}
/* Hide from IE Mac \*/
div.feature img:after {display:block;}
/* End hide from IE Mac */

div.feature h3 {
	margin: 0 0 0.4em 0;
	padding: 0 0 0 105px;
}

div.feature p {
	margin: 0 0 0 0;
	padding: 0 0 0 105px;
}

div.feature p.feature-tagline {
	color: #888888;
	margin: 0 0 0.4em 0;
	font-size: 0.85em;
}


/*//////////////////////////////////////Education Add ons /////////////////*/




/* Added for Education Expand/collapse boxes */

#relatedlinksbox {width: 100%; clear: both; margin-top: 10px; }
#relatedlinksbox div {width: 100%;}
#relatedlinksbox div a {}
#relatedlinksbox div a h3 { font-weight: bold; font-size: 18px; padding: 0px 0px 0px 30px; height: 20px; background: url(../_img/expand_plusminus.jpg) no-repeat 0px 0px; border-bottom: 1px solid #ccc; text-decoration: none !important; cursor:pointer;}
#relatedlinksbox div div.collapsecontent {margin-bottom: 10px; border: 1px solid #eee; padding: 10px;}
#relatedlinksbox div div.collapsecontent ul {}
#relatedlinksbox div div.collapscontent ul li {}
#relatedlinksbox div div.collapsecontent ul li a {}

h3.collapse {}
h3.expand {background: url(../_img/expand_plusminus.jpg) no-repeat 0px -17px    !important;}

.collapsecontent {display: none;}




/*  Added for Education pages*/

table.threecoltable { padding: 0px; margin: 0px; width: 515px;}
table.threecoltable tr {}
table.threecoltable tr td {width: 33%;  padding: 0px; margin: 0px; vertical-align: top; text-align: left;}
table.threecoltable tr td a {display: block; height: 30px; clear: both; width: 180px;}
table.threecoltable tr td a img{float: left; margin-right: 10px;}

table.fourcoltable { padding: 0px; margin: 0px; width: 515px; border-spacing: 4px;}
table.fourcoltable td {vertical-align: top; border: 1px solid #eee; padding: 5px 5px 10px 5px;}
table.fourcoltable td a {display: block; width: 125px; text-align: center;}
table.fourcoltable td a img {clear: both !important; margin: auto;   }
table.fourcoltable tr td a {padding: 0px;}



.callout {margin: 10px; padding: 10px; background: #999; color: #fff; clear: both;}
.callout a, .callout a:hover, .callout a:link, .callout a:visited {color: #fff !important;}
.callout h3 {color: #fff !important; font-weight: bold !important;}

/* This is for groups of elements that would normally be presented within a table- but for one reason or another, cannot be put into a table. The intention is that multiple instances of the floated_item div will array on a page in a dynamic grid. */

.floated_item { width: 150px; padding: 5px; margin: 2px 2px 2px 2px; border: 1px solid #ccc; text-align: left; float: left; height: 240px;}
.floated_item img {width: 150px; margin: auto; padding: 0px;}
.floated_item h3 {font-size: 16px; font-weight: bold !important; margin-left: 2px;  }
.floated_item h3 a {text-decoration: none !important;}
.floated_item p {padding: 0px; margin: 0px; font-size: 12px;  }
.floated_item ul {padding: 0px !important; margin: 0px !important; list-style-type: none !important;  border-top: 1px solid #ccc; font-size: 12px;  }
.floated_item ul li {padding: 0px 0px 0px 10px !important; margin: 4px 0px 4px 0px !important; background: url(/_img/bullet-grey.gif) no-repeat left center;  }


/* this is the smaller version of the floating box */
.floated_item_small { width: 100px; padding: 5px; margin: 2px 2px 2px 2px; border: 1px solid #ccc; text-align: left; float: left; height: 150px; background: #fff;}
.floated_item_small img {width: 100px; margin: auto; padding: 0px;}
.floated_item_small h3 {font-size: 12px !important; font-weight: bold !important; margin-left: 2px;  }
.floated_item_small h3 a {text-decoration: none !important;}
.floated_item_small p {padding: 0px; margin: 0px; font-size: 12px;  }
.floated_item_small ul {padding: 0px !important; margin: 0px !important; list-style-type: none !important;  border-top: 1px solid #ccc; font-size: 12px;  }
.floated_item_small ul li {padding: 0px 0px 0px 10px !important; margin: 4px 0px 4px 0px !important; background: url(/_img/bullet-grey.gif) no-repeat left center;  }



.floated_item_small { width: 100px; padding: 5px; margin: 2px 2px 2px 2px; border: 1px solid #ccc; text-align: center; float: left; height: 175px;}
.floated_item img_small {width: 90px; margin: auto; padding: 0px; align: center;}
.floated_item_small h3 {font-size: 16px; font-weight: bold !important; margin-left: 2px;  }
.floated_item_small p {padding: 0px; margin: 0px; font-size: 12px;  }



.item_rowdivider {clear:both; height:0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: white; color:#fff; background-color:#fff; height:0px; border:none;  }

.temporary_exhibits {background: #eee; padding-bottom: 20px; padding-left: 10px; margin-top: 10px;}

h1 {width: 344px !important;}

#banner_toprightcol { margin: 0px !important; display: block; width: 147px !important; height: 37px !important; position: relative; top: -60px; bottom: 0px !important; left: -10px; margin-bottom: -37px; padding: 0px !important; }
#banner_toprightcol img {width: 147px !important;}
#banner_lowerleftcol { clear:both; display: block; width: 131px !important;}
#banner_lowerleftcol img {width: 131px !important;}