﻿/* html */
.background {
background-color: #ACB6BF;
width: 958px;
}
.hovermenu {
background: url('roundedcornr2.gif') no-repeat;
float: left;
width: 958px;
height: 30px;
margin: 0 0 0 0;
padding:0 0 0 0;


}
.hovermenu ul{
	font: bold 16px arial;
	padding-left: 5px;
	margin-left: 15px;
	margin-top: 0;
	padding-top: 0;
}

.hovermenu ul li{
	list-style: disc;
	display: inline;
}
.hovermenu ul li a{
padding: 3px 0.5em;
text-decoration: none;
float: left;
color: #00396E;
background-color: #ACB6BF;
border: 2px solid #ACB6BF;
}

.hovermenu ul li a:hover{
background-color: #FFCC99;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

hr {
width: 600px;
float: none;
}

body {
	margin: 0;
	padding: 0;
	font: 100% arial,sans-serif;
	text-align: center;
}
p {
	margin: 0 10px 10px;
}
a {
	/*display: block;*/
	color: #005CB8;
	padding: 1px;
}
h4 {
	font-size:80%;
	text-align: center;
}
#superheader {
	height:10px;
}

#container {
	text-align: left;
	width: 975px;
	padding-left: 5px;
	margin: 0 auto;
}
.header {
	background: #ffffff;/*#ACB6BF;*/ 
}
.header img{
	float:none;
	border:0px;
	 
}
.menubox {
	background: url('roundedcornr.gif');
	height: 30px;
	width: 600px;
	margin-left: 3px;

/*	margin-left: 3px;*/
}
}
#subheader {
	float: left;
	width:750px;
	background: #ffffff;
	color: #000000;
}
#wrapper {
	width: 760px;
	max-width:800px;
	float: left;
}
#content {
	float: left;
	width:760px;
	padding: 15px  3px 0 3px;
}
#content p {
	margin: 5px 10px 0 0;
	line-height: 1.4;
	
}
#content h2 {
	text-align:center
	
}
.navigationbox {
	background: #000000;
	float: right;
	width: 200px;

}
#sidefill {
	float: right;
	clear: right;
	height:20px;
	width: 200px;
}
#extra {
	overflow:hidden;
	float: right;
	clear: right;
	width: 200px;
	background: #FFCC99;
}

#footer {
	background: #333;
	color: #FFF;
	clear: both;
	width: 100%;

}
#footer p {
	margin: 0;
	padding: 5px 10px;
}

/*round corners*/
.roundedcornr_box_303436 {
   background: #acb6bf;
}
.roundedcornr_top_303436 div {
   background: url(roundedcornr_303436_tl.png) no-repeat top left;
}
.roundedcornr_top_303436 {
   background: url(roundedcornr_303436_tr.png) no-repeat top right;
}
.roundedcornr_bottom_303436 div {
   background: url(roundedcornr_303436_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_303436 {
   background: url(roundedcornr_303436_br.png) no-repeat bottom right;
}

.roundedcornr_top_303436 div, .roundedcornr_top_303436, 
.roundedcornr_bottom_303436 div, .roundedcornr_bottom_303436 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_303436 { 
	margin: 0 0px; 
	width: 100%;
}

.roundedcornr_box_764428 {
   background: #ffcc99;
}
.roundedcornr_top_764428 div {
   background: url(roundedcornr_764428_tl.png) no-repeat top left;
}
.roundedcornr_top_764428 {
   background: url(roundedcornr_764428_tr.png) no-repeat top right;
}
.roundedcornr_bottom_764428 div {
   background: url(roundedcornr_764428_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_764428 {
   background: url(roundedcornr_764428_br.png) no-repeat bottom right;
}

.roundedcornr_top_764428 div, .roundedcornr_top_764428, 
.roundedcornr_bottom_764428 div, .roundedcornr_bottom_764428 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_764428 { margin: 0 15px; }




/*search box */
.searchbox {
	text-align: center;
	width:200px;
}

.searchbox select{
	border:thin;
	width:150px;
}
.searchbox table{
	text-align:center;
	
}


.slideshow{
	/*CSS for DIV containing each image*/
	float: left;
	height: 170px;
	width: 175px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 5px;
}


.highslideinfodiv{
	font-size: x-small;
	color: #FF0000;
	font-style: italic;
}


.slideshow img{
	/*CSS for each image tag*/
	border: 0;
	text-align: center;
}


#navlinks{
	/*CSS for DIV containing the navigational links*/
	width: 750px;
	text-align: center;
	margin-bottom:10px;
	
}

#navlinks a{ /*CSS for each navigational link*/
	margin-right: 8px;
	margin-bottom: 3px;
	font-size: 120%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
	background-color: yellow;
}

#taxamenu {
	width: 750px;
	height: 40px;
	font-size: 110%;
	vertical-align:middle;
}
#taxamenu a{

}
#infoimage img{
	width: 700px;
	text-align: center;
}
#infoimage img{
	border:medium;
}
.imgdetail {
	margin:20px 0 0 0;
}
.imgdetail label{
	font-size:115%;
}
.imgdetail p{
	text-indent: 15px;

}
#chartable {
	width: 140px; 
	float: left;
	margin-bottom:20px;
}
#tablewrapper{
	float:left;
	margin-bottom: 20px;
}
#thumbs{
	float:left;
}
.searchtext {
	font-size:110%;
}

.speciesbox {
	width:150px;
}
#tabholder {
	margin:30px 0 0 0;
	max-width: 760px;
}
.foottable {
	width: 100%;
	font-size: small;
	color: #FFFFFF;

}
.ft1 {
	width: 33%;
}
.ft3 {
	text-align: right;
}

#answer{
	margin: 0 5px 0 20px;
}

