/***** General *****/
body { background-color: #003300; }

a, a:link {
	color: #003300; 
	text-decoration: none; 
	font-family: verdana; 
	cursor: pointer; 
	font-size: 10pt !important;
	
}
a:visited {
	color: #000066; 
	text-decoration: none; 
	font-family: verdana; 
	cursor: pointer; 
	font-size: 10pt !important;
	
}
a:hover { 
	color: #003300; 
	text-decoration: underline; 
	font-family:verdana; 
	font-size: 10pt !important;
}
a:link img { border-style: none; }
a:visited img { border-style: none; }
a:hover img { border-style: none; }

.exit a:link{text-decoration:underline;}

p.footer { color: #fff; font-size: 10pt !important; text-align: center;}

/***** Styles for the index *****/

#main_center {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-color: #fff;
	border: solid 2px #000;
	padding: 5px;
}	

#page_title {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-top: solid 2px;
	border-bottom: solid 2px;
	width: 760px;
	height: 30px;
	font-size: 15pt !important;
}

/***** Header Styles *****/
#header_main { width: 790px; height: 130px; }

#search_box { text-align: center; float: right; margin-top: 80px;}

/***** Top Navigation *****/
a.topnav, topnav:link, topnav:visited { margin-left: 5px; margin-right: 5px;text-decoration: none; color: #003300; font-size: 10pt !important; font-family:  "Verdana", Verdana; font-weight: bold;}
a.topnav:visited { text-decoration: none; margin-left: 5px; margin-right: 5px;color: #000066; font-size: 10pt !important; font-family:  "Verdana", Verdana; font-weight: bold;}
a.topnav:hover { background-color: #003300; color: #fff; font-size: 9pt !important; font-family:  "Verdana", Verdana; font-weight: bold; text-decoration: none;}
img.nav_icon { height: 16px; width: 16px; margin-top: -5px; }

#topnav_general { text-align: center; width: 98%; padding: 0; margin: 0;}

/***** Kwicks *****/
/***
#kwicks_container { background-color: #fff; height: 16px; }
#kwicks { position: relative; list-style: none; }
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 130px;
	height: 16px;
}
 ***/
 /****
#kwick_amph {background-color: #003300; background-image: url('../images/navbackgrounds/amphibia.jpg'); border-left: solid 2px #fff; border-right: solid 1px #fff; padding-left: 5px; text-decoration: none; font-size: 10pt !important; font-family:  "Courier New", Courier, monospace; color: #fff;}
#kwick_ainv {background-color: #003300; background-image: url('../images/navbackgrounds/inverts.jpg'); border-left: solid 1px #fff; border-right: solid 1px #fff; padding-left: 5px; text-decoration: none; font-size: 10pt !important; font-family:  "Courier New", Courier, monospace; color: #fff;}
#kwick_aves {background-color: #003300; background-image: url('../images/navbackgrounds/aves.jpg'); border-left: solid 1px #fff; border-right: solid 1px #fff; padding-left: 5px; text-decoration: none; font-size: 10pt !important; font-family:  "Courier New", Courier, monospace; color: #fff;}
#kwick_mamm {background-color: #003300; background-image: url('../images/navbackgrounds/mammalia.jpg'); border-left: solid 1px #fff; border-right: solid 1px #fff; padding-left: 5px; text-decoration: none; font-size: 10pt !important; font-family:  "Courier New", Courier, monospace; color: #fff;}
#kwick_rept {background-color: #003300; background-image: url('../images/navbackgrounds/reptilia.jpg'); border-left: solid 1px #fff; border-right: solid 2px #fff; padding-left: 5px; text-decoration: none; font-size: 10pt !important; font-family:  "Courier New", Courier, monospace; color: #fff;}

#kwick_amph:hover {text-decoration: none; color: #fff;}
#kwick_ainv:hover {text-decoration: none; color: #fff;}
#kwick_aves:hover {text-decoration: none; color: #fff;}
#kwick_mamm:hover {text-decoration: none; color: #fff;}
#kwick_rept:hover {text-decoration: none; color: #fff;}
******/

/***** General Divs for maintaining min-height *****/
#prop { height: 700px; width: 1px; background-color: transparent; float: right; }

div.clear { clear: both; height: 1px; overflow: hidden; }

/***** Glossary *****/
/***
div.glossary_des_img { height: 140px; width: 620px; }
div.glossary_des_noimg {width: 600px; }
***/


#alpha_box { position: relative; float: right; margin-right: 10 px;}

/**div.glossary_des_img { height: 140px; width: 620px;}
div.glossary_des_noimg {width: 600px; }**/
/******
p.glossary_key { margin-top: 5px; margin-bottom: 6px; }

a.alpha_links, alpha_links:link, alpha_links:visited {
	text-decoration: none; 
	color: #003300; 
	background-color: transparent;
	font-size: 12pt !important; 
	font-family:  "Courier New", Courier, monospace; 
}
a.alpha_links:hover { 
	text-decoration: none; 
	color: #fff;
	background-color: #003300;
	font-size: 12pt !important; 
	font-family:  "Courier New", Courier, monospace; 
}******/

/***** front page *****/
div.fp_article_heading {
	margin: 0;	
	padding: 3px;
	background-color: #003300;
	font-size: 16px !important;
	color: #fff;
}


div.fp_article_div {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 238px;
	height: 300px;
	font-size: 12pt !important;
}

/***** breadcrumbs *****/
div.breadcrumbs {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -7px;
	width: 810px;
	height: 18px;
	color: #fff;
	background-color: #003300;
	border-top: solid 5px;
	border-bottom: solid 5px;
	border-color: #000;
}

p.bc1{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14pt !important;
	color: #990000
	}
	
p.bc3{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14pt !important;
	color: #003300
	}
	
p.bc2 {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 10pt !important;
	color: #fff;
}

p.bc {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10pt !important;
	color: #fff;
}


a.breadcrumbs, a.breadcrumbs:link {
	font-size: 8pt !important;
	color: #fc3;
	text-decoration: none;
	font-family: verdana;
	cursor: pointer;
}
a.breadcrumbs:visited {
	font-size: 8pt !important;
	color: #66FF66;
	text-decoration: none;
	font-family: verdana;
	cursor: pointer;
}
a.breadcrumbs:hover {
	font-size: 8pt !important;
	color: #fc3;
	text-decoration: underline;
	font-family: verdana;
}

/***** evaluation form styles *****/

table.contact { width: 600px; margin-left: auto; margin-right: auto; }

table.contact td { font-size: 11pt !important; padding: 5px; }

input.eval { border: solid 2px; width: 425px; }

input.invalid { border: solid 2px; width: 425px; background-color: #c99; }

textarea.eval { border: solid 2px; width: 425px; }

textarea.invalid { border: solid 3px; width: 425px; background-color: #c99; }

input.sub  { border: solid 2px; width: 425px; background-color: #ccffcc; }

/****************** species list *****************/
div.animal_preview { 
	float: right; 
	border: solid 2px; 
	width: 250px; 
	height: 175px; 
	padding: 5px;
}

div.order_box {
	margin: 5px;
	background-color: #fff;
	border-color: #000;
	font-size: 11pt !important;
	width: 500px;
	text-align: left;
}


td.lp_order_header { background-color: #003300; color: #fc3; font-size: 11pt !important; }
td.lp_family_header { background-color: #tranparent; color: #000; font-size: 11pt !important; }


div.img_box { width: 160px; height: 200px; background-color: transparent; }

}

/***** Styles for species page  ********/
div.species_content {
	margin: 15px;
	background-color: #fff;
	font-size: 11pt !important;
	width: 500px;
	text-align: left;
}

/***** Styles for the Search Module *****/
input.search { border: solid 1px; font-size: 10pt !important;}

/***** General Styles - Paragraphs *****/
p.title { font-size: 12pt !important; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.title2 { color: #003300;font-size: 12pt !important; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.title3 { color: #003300;font-size: 12pt !important; text-align: center; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.title4 { color: #003300;font-size: 10pt !important; text-align: center; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.title5 { color: #000099;font-size: 12pt !important; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.title6 { color: #003300;font-size: 11pt !important; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}

p.h2 { color: #555555;font-size: 11pt !important; font-weight: lighter; margin-top: 4px; margin-bottom: 4px; margin-left: 30px; margin-right: 15px;}

p.title14 {  font-size: 14pt !important; font-weight: bold; margin-top: 4px; margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
p.text { font-size: 12pt !important; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px;}
p.right { font-size: 10pt !important; margin-top: 2px; margin-bottom: 2px; margin-right: 15px; float: right;}

p.label { font-size: 12pt !important; margin-top: 2px; margin-bottom: 2px;}
p.yellow {	font-size: 11pt !important;
	color: #fc3;
	text-decoration: none;
	font-family: verdana;}
	
p.indent { margin-left: 50px; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

p.p14 { font-size: 14; margin-top: 5px; margin-bottom: 5px; }

/***** Region Styles *****/
div.region_bar { width: 40px; height: 15px; float: left; margin-right: 10px; margin-left: 10px; }

/***** General Styles - Links and Anchors *****/
a.anchor_16, anchor_16:hover, anchor_16:visited {
	margin-top:  20px;
	margin-left: 15px;
	cursor: default;
	color: #000;
	text-decoration: none;
	font-size: 16pt !important;
}
a.status, a.status:link {
	font-size: 12pt !important; 
	text-decoration: underline; 
	color: 006600;  
	font-family: serif;
	cursor: pointer;
	}
	
a.status:visited {
	font-size: 12pt !important; 
	text-decoration: underline; 
	color: 000066;  
	font-family: serif;
	cursor: pointer;
	}
	
a.status:hover {
	font-size: 12pt !important; 
	text-decoration: none; 
	color: 000066;  
	font-family: serif;
	cursor: pointer;
	}	
a.yellow_links, a.yellow_links:link {
	font-size: 10pt !important;
	color: #fc3;
	text-decoration: none;
	font-family: verdana;
	cursor: pointer;
}
a.yellow_links:visited {
	font-size: 10pt !important;
	color: #000066;
	text-decoration: none;
	font-family: verdana;
	cursor: pointer;
}
a.yellow_links:hover {
	font-size: 10pt !important;
	color: #fc3;
	text-decoration: underline;
	font-family: verdana;
}