/* CSS Document */

body {
	/*text-align:center;*/
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-stretch: semi-expanded
	font-size/line-height: 145%;
	background-color:#A1BBCE; /* A1BBCE = grey-blue */
	padding-bottom:25px;
	}
	
#main {
	background: #fff  url(../images/bg.gif)  repeat;/* faux column hack */
	margin: 10px auto;
	padding:0;
	width: 758px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:756px;
	}

#mainlargepics {
	background-color: #eeebe5; /* eeebe5 = light grey */
	margin: 10px auto;
	padding:0;
	width: 758px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:756px;
	}

html>#main {
	width:756px;
}

#top {
	margin:0;
	padding:0;
	background: #33CC99;
	height:75px;
}

#contentspecies	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	background:transparent;
	clear: both; /* - this rule causes left-right columns to stack in IE5/Mac */
	}

#content	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	background:transparent;
		}



#left {
		float:left;
        margin:0;
        padding:15px;
        width: 485px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 465px;
        height:100%;
        }

html>#left {
	width:465px;
}

#right {
	margin:0 0 0 500px; /* position the right column here */
	padding:15px 15px 10px 25px;
	/* compensates for IE Win bungling */
	/* background: transparent; */
	/* height: 100%; */
	border-top:20px solid #EEEBE5;
		}
	
#rightChild {
	margin:0;
	padding:0px;
	width:155px;

}
	
#onecolumn {
        margin: 20px 20px 0px 20px;
        padding: 10px;
        }

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* margin-top: 0px;
	margin-bottom: 0px; */
	}
	
#left {line-height: 1.35em;}
.taxonomy {line-height: .8em;}
	
li {
	font-size: 11px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	list-style-image: ;
	list-style-type: ;
	list-style-position: outside;
}
	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: plain;
	font-weight: ;
	/*margin-top: 20px;
	margin-bottom: 10px; */
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

img {
	border: solid black 0px
}

H1 {
	font-size: 14px;
	font-weight: semi-bold;
	line-height: 1.55em;
	color: #4A2E23;
	margin: 0px;
	border:0px;
	padding:0px;
	font-style: normal;
	text-align: left;
}

h1.banner {
		margin: 0px;
	border:0px;
	padding:0px;
		text-align: center;
}

h2 {
	font-size: 14px;
	font-weight: semi-bold;
	line-height: 1.55em;
	color: #4A2E23;
	border:0px;
	padding:0px;
	text-indent: 0px;
	text-align: left;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.55em;
	color: #4F616E;
	text-align: left;
	text-indent: 0px;

}

h4 {
font-size: 12px;
font-weight: semi-bold;
line-height: 1.55em;
color: #4A2E23;
text-indent: 0px;
margin-bottom: 0;

}

h4.index {
text-align: center
}


h5 {
font-size: 12px;
font-weight: semi-bold;
line-height: 1.65em;
color: #4F616E;
text-indent: 0px;
margin-bottom: 0;

}


h6 {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.65em;
	color: #4A2E23;
	text-align: left;
	text-indent: 0px;
	margin-bottom: 0;


}




.clickonthumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: plain;
	font-weight: normal;
	color: #4A2E23;
	text-align: left;
	bottom: 0px;
}



.dropcap {
font-size: 11px;
font-weight: normal;
color: black;
}


.rule {
color: white
height: 2px;
width: 360px;
margin-top: 200%;
margin-bottom: 200%;

;


}
.commonnamegallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: plain;
	font-weight: bold;
	font-stretch: ultra-expanded;
	text-transform: uppercase;
	line-height: 1.25em;
	color: #4F616E;
	text-align: center;
	bottom: 10px;

}
.species {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #4A2E23;
	font-weight: bold;
	text-align: left;
	bottom: 10px;
}

.speciesnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #4A2E23;
	font-weight: bold;
	text-align: left;
	bottom: 10px;
}


.species2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #4F616E;
	font-weight: bold;
	text-align: left;
	bottom: 10px;
}

.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: plain;
	color: #4A2E23;
	font-weight: bold;
	text-align: left;
	bottom: 10px;
}

div#speciesList img {
	display: block;
	margin: 0 auto;
}

.specieslist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: plain;
	font-weight: bold;
	color: #4A2E23;
	text-align: ;
	bottom: ;
}

.speciessmallitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: plain;
	color: #4A2E23;
	text-align: center;
	bottom: ;
}

.speciesgallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: semibold;
	color: #4A2E23;
	text-align: center;
	bottom: 20px;
	margin:0;
}

.commonname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: plain;
	font-weight: bold;
	font-stretch: ultra-expanded;
	color: #4F616E;
	text-align: left;
	bottom: 10px;
}

.kingdomphylum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #4A2E23;
	text-align: left;
	bottom: 0px;
	margin-bottom: 0px;

}

.photocredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: plain;
	color: #321F18;
	text-align: left;
	margin-bottom: 0px;
}

.photocaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: plli
	color: #321F18;
	line-height: 145%; 
	text-align: left;
	border-bottom-width: thin;
	border-color: #A1BBCE;
	border-bottom-style: solid;
	margin-top: 5px;
	margin-bottom: 35px;
}

	
#photoandcredit {
align: left;
border: 1px solid black;
}

.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: plain;
	font-weight: normal;
	font-variant: caps;
	color; #4A2E23

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


	/*  Horizontal nav */

#menu {
	margin: 0;
	padding: 0;
	height: 30px;
	
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	/* clear: left; - this rule was causing IE Mac to show menu vertically */
	}

#menu ul li {
	/* display: block; */
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	width: 151px;/* needs to fit in overall width */
	height: 30px;
	/*border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;
	color: #4F616E;
	text-decoration: none;
	display: block; 
	text-align: center;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 30px;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    11px;   
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#five a	{
	width: 119px;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #ffffff;
	background: #85919A;
	}

#menu a:active	{
	background: #c60;
	color: #fff;
	}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a {
	background: #4F616E;
	/*border: 1px solid #4F616E;*/
	color: #fff;
	font-weight: bold;
	}
	
/* end horizontal nav */

.speciesContent { border-top:3px solid #FFF;padding-top:7px;margin-top:28px; }

body#sectiontwo #main {
	background:#F5F3EC;/* faux column hack */
}

#speciesList {
	padding:20px 0 0 10px;
}

#speciesList table {
	margin-bottom:40px;
}

#speciesList img {
	margin-right:15px;
	border:7px solid #FFF;
	}

#speciesList th {
	font-size:11px;
}

#speciesList th, td {
	width:120px;
}


#speciesList td { 
	text-align:center; 
	}


#speciesList th span {
	font-weight:normal;
}

#footer {
	border: 0;
	border-top: 1px solid #ccc;
	color: #615F5D;
	background: #D1E0EB;
	padding: 5px 7px 7px 10px;
	text-align: left;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

div.newsflash {
	border: 3px solid #93d2ed;
	padding: 2px;
	margin: 7px;
	text-align: center;
	text-indent: 0;
}