html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #003333;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 25px; 0 25px; 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 14px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #003333;
	font-weight: bold;
}
a,  a:link {
  color: #006666;
  font-weight: normal;
  text-decoration: none;
}
a:visited {
  color: #00CC33;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #009933;
  text-decoration: none;
}
a:focus {
  color: #FF6600;
}
a:active {
  color: #FF6600;
}


#wrapper {
	background-color: #fff;
	text-align: left;
	width: 760px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
	#wrapper #header {
	height: 100px;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px;
	position: relative;
	background-image: url(images/logo_color.jpg);
	background-repeat: no-repeat;
	background-position: 630px center;
}

	#wrapper #contentwrapper {
	
	background:url(images/sub_faux.gif) repeat-y;
	}

 
 	/*Page Headers*/
 
	div#textindent {
	margin: 0;
	padding: 0;
	}
	
	div#textindent h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 85px;
	width: 604px;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}



	div#textindentabout {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 450px;

	}



	div#textindentabout h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 155px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(images/about_hd.png);
}

	div#textindentmission h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 250px;
	background-image: url(images/mission_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}


	div#textindenthistory h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 250px;
	background-image: url(images/history_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentmedia h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 155px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(images/media_hd.png);
}

div#textindentstaff h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 387px;
	background-image: url(images/board_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentvisit h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 250px;
	background-image: url(images/visit_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentexhibits h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 250px;
	background-image: url(images/exhibits_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentcurrent h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 250px;
	background-image: url(images/current_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentselected h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/selected_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentcollections h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/collections_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentsupport h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/support_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentmember h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/member_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentvolunteer h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/volunteer_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentevents h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/events_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentfund h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/fund_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentzornes h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 350px;
	background-image: url(images/zornes_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentgift h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0 ;
	height: 30px;
	width: 150px;
	background-image: url(images/gift_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentcontact h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 176px;
	background-image: url(images/contact_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#textindentnews h1{
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 176px;
	background-image: url(images/news_hd.png);
	background-repeat: no-repeat;
	background-position: left center;
}


	/*End page headers*/



/*Give a bottom margin for sub pages so they don't look too small*/

	.bottommargin {
	margin-bottom: 50px;
	}
/*Remove bottom margin from h2 or other tags*/
.nobottom {
	margin-bottom: 0;
	}	


/*banner*/
	#mbanner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/sub_bnr.jpg);
	background-repeat: no-repeat;
	width: 760px;
	}



	#exbanner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/exhibit_bnr.jpg);
	background-repeat: no-repeat;
	width: 760px;
	}
	
	#support_banner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/support_bnr.jpg);
	background-repeat: no-repeat;
	width: 760px;
	}
	
	
	#events_banner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/events_bnr.jpg);
	background-repeat: no-repeat;
	width: 760px;
	}
	

	#gift_banner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/gift_bnr.jpg);
	background-repeat: no-repeat;
	width: 760px;
	}



	#wrapper #contentwrapper #leftcol {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	
	}
	
	#wrapper #contentwrapper #leftcol p{
	padding: 4px;
		}
	
	#wrapper #contentwrapper #leftcol #topp{
	margin-top: 10px; /*separates text from left column image on each sub-page*/
	
	}
	

	#wrapper #contentwrapper #content {
	margin: 0 0 0 235px;
	padding: 5px;
	background-repeat: repeat-x;
	background-position: top;
	
}



#wrapper #contentwrapper #content p {
	line-height: 17px;
	margin-right: 5px;
	margin-left: 10px;
}

#wrapper #contentwrapper #content h2 {
	margin-right: 5px;
	margin-left: 10px;
	font-weight: bolder;

}

#wrapper #contentwrapper #content h3 {
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 5px;

}


.clearfloat {
clear: both;
}



#wrapper #footer {
	background-color: #003333;
	color: white;
	border-color: #FFFFFF;
	padding-top: 4px;
	border-top: solid 1px #666;
	clear: both;
	font-size: 10px;
}

	/*Various Element Styles*/
	
	/*Float images*/
	.imageright {
	float: right;
	margin-top: 5px;
	}
	
	imageleft {
	float: left;
	}
	
	/*img Center*/
	.imgcenter {
	display: block;
	margin-right: auto;
	margin-left:auto;
	}
	
		
	/*Top margin for h2 in sub pages*/
	.topmargin {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	}
	/*End top margin*/
	
	
	/*Top margin only*/
	.topmargin2 {
	margin-top: 10px;
	}
	
	/*top margin plus centering for h2 or other tags*/
	
	.topmargincnt {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: center;
	}
	
	/*Removes margin for H3 tag following H2, mainly for Events page, separating event title and date of event*/
	.notopmargin {
	margin-top: 0;
	}
	
	/*Centers heading tags with a top margin*/
	.center {
	text-align: center;
	margin-top: 22px;
	}
	
	/*Centers p tags with slight top-margin*/
	p.center {
	text-align: center;
	margin-top: 4px;
	}
/*Special emphasis or "quote" background*/
	.quote {
	background-color:#CCFFCC;
	border: 1px solid #003333;
	width: 95%;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	}
/*Image thumbnails*/
	ul.thumb {
	margin: 0 0 5px 0;
	padding: 0;	
	float: left;
	text-align: left;
	background-color: #fff;
	line-height: 1em;
	list-style: none;
	}
	
	ul.thumb li {
	display: inline;
	margin: 0;
	padding: 0;	
	}
	
		
	ul.thumb li img {
	border: none;
	padding: 4px 0 0 0;
	}