body 
	{background: url(../images/bg4.jpg) repeat;
	text-align: center;}/* needed to center whole page. */

div#outer {
	margin: 0 auto; /* needed to center whole page. */
	padding: 0px;
	border-top: 1px #000000 solid;
	border-right: 0px #000000 solid;
	border-bottom: 0px #111111 solid;
	border-left: 0px #000000 solid;
	width: 800px; /* page width = banner width. */
	text-align: left;/* reverses body text center */}

div#head {
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000000; /*needs bg color due to IE bug*/}
	
div#banner {
	margin: 0px;
	border-bottom: 0px #111111 solid;
	padding: 0px;
	background-color: #000000; /*needs bg color due to IE bug*/}
	
img.logoimg {
	margin: 0px;	
	border: 0px;
	padding: 0px;}

div#menu {
	margin: 0px;
	border: 0px;
	padding: 5px 0px 5px 0px; /*Pad around menu*/
	background-color: #000000;
	width: 800px;
	float: left;
	clear: both;}

div#main1 {/*font-size:14px;*/
	margin: 0px;
	border-bottom: 2px #444422 solid;
	border-top: 2px #884400 solid;
	padding: 0px;
	background-color: #FFFCE5;
	width: 100%;
	float: left;
	clear: both;}
div#main2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	margin: 0px;
	padding: 20px 10px 10px 10px; /*Pad around main text area*/
	border: 0px #000000 solid;
	font-size: 0.9em; /*parent font size spec*/
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	/*width: 100%;*/}

div#footer1 {margin: 0px; /*needs to be 0 for IE*/
	border-top: 0px #CC9966 solid;
	border-right: 0px #CC9966 solid;
	border-bottom: 2px #444422 solid;	/*fixes bug*/
	border-left: 0px #CC9966 solid;
	padding: 0;
	width: 100%;
	background-color: #8ca46a;
	}

div#footer2 {margin: 0px;
	border: 0px;
	padding: 0 0 10px 0;/*pad around footer text*/
	font-size: 0.8em;/*not within any parent element*/
	text-align: center;
	color: #000000;
	line-height: 1.1; }
		
table.index {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3; 
	border-collapse: collapse;
	}
	td.indextd_left{margin: 0px;
		padding-right: 10px;
		border: 0px;
		padding-right: 10px;
		vertical-align: top;
		width: 75%}
	td.indextd_right{margin: 0px;
		padding-left: 10px;
		border-left: 0px #CC9966 solid;
		padding: 0px;
		vertical-align: top;
		width: 25%}
	
div.right_column_search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em; /*inside font size of div main2*/
	line-height: 1.0;
	color: #222222;
	text-align: center;
	padding: 0px;
	border: 0px;
	}

div.right_column {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em; /*inside font size of index table*/
	padding: 0px 5px 0px 2px;
	}
	
div.right_column2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em; /*inside font size of index table*/
	padding: 0px 10px 0px 10px;
	}
	
div.POMdiv
	{padding: 0px;
	margin: 0px auto;          /*Centered*/
	text-align:center;}
	
	table.POMtable {
		padding: 0px 5px 0px 5px;
		margin: 0px auto;
		font-size: 0.9em;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		line-height: 1.5;
		text-align: center; 
		border: 0px;}
	img.POMimg {
		margin: 4px 0px 4px 0px;
		border: 4px #000000 solid;}
		
ul.spaced{ /*extra space between items*/
	}
		.spaced li {padding: 5px 2px;}	
        
ul.compact{ /*simple indent list*/
    list-style-type: none;
	margin-top: 0px;
    margin-bottom: 0px;}
		.compact li{padding: 0px;}
		
div.goright{ /*use to right-float photo w/caption*/
			/*Include style="width:452;" to define width*/
	float: right;
	margin: 10px;
	border: 0px #000000 solid;}		
    
div.goleft{ /*use to right-float photo w/caption*/
			/*Include style="width:452;" to define width*/
	float: left;
	margin: 10px;
	border: 0px #000000 solid;}	
    
img.miscborder2 { /*use with goright and goleft divs*/
	border: 2px #000000 solid;}
		
img.rightalign { /*use to right-align photo, no caption*/
	margin-left: 8px;
	float: right; 
	border: 1px #000000 solid;}
	
img.rightalign2 {
	margin-left: 8px;
	float: right; 
	border: 0px}



img.leftalign {

	margin-right: 8px;

	border: 1px #000000 solid;}
	
img.leftalign2 {
	margin-right: 8px;
	border: 0px}



img.thickborder {

	margin-left: 4px;

	margin-top: 4px;

	margin-bottom: 4px;

	margin-right: 4px;

	border: 4px #000000 solid;}



img.miscborder {

	margin: 5px 8px 4px 8px;

	border: 2px #000000 solid;}




body a {color: #B13E0F; 
	text-decoration: none;}

body a:visited {color: #7A431F;}


body a:hover {text-decoration: underline;}

a.black {color: black;
	text-decoration: none;}
	a.black:visited{color: inherit;
	text-decoration: none;}
	a.black:hover{color: green;
	text-decoration: none;}
a.underline {color: #B13E0F;
	text-decoration: underline;}



h1 {margin: 0px;

	color: #444422;

	font-size: 24px;

	font-weight: bold;}
	
h1.center{margin: 0px;
	color: #444422;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1; }
	
h1.left{margin: 0px;
	color: #444422;
	font-size: 24px;
	font-weight: bold;
	text-align: left;}
	

h2 {margin: 0px 0px 0px 0px;

	color: #444422;

	font-size: 18px;}
	
h2.center {margin: 0px 0px 0px 0px;
	color: #444422;
	font-size: 18px;
	text-align: center;}



h3 {margin: 0px 0px 0px 0px;
	color: #444422;
	font-size: 16px;

	border-bottom: none;

	font-weight: bold;}
	
h3.right_column_box {margin: 0px 0px 5px 0px;
	color: #33382E;
	font-size: 16px;
	text-align: center;}
	
h3.POMh3 {margin: 0px;
	color: #111111;
	font-size: 16px;
	text-align: center;}



h4 {margin: 0px 0px 0px 0px;

	font-size: 13px;

	font-weight: bold;}
	
h4.indexh4 {
	margin: 0px 0px 15px 0px;
	color: #444422;
	font-size: 16px;
	font-weight: bold;
	text-align: center;}
    
h4.glossary {
    margin: 10px 0px 0px 0px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;}



h5 {margin: 7px 0px 2px 0px;

	font-size: 13px;}



body td {padding: 2px 4px 2px 4px;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: middle;}


span.red{color: #FF0000;
	font-size: inherit;
	font-weight: inherit;}

span.orange {color: #FF6600;

	font-size: inherit;

	font-weight: inherit;}
	
span.dorange {color: #884400;
	font-size: inherit;
	font-weight: inherit;}
	
span.redorange {color: #cc3300;
	font-size: inherit;
	font-weight: inherit;}
	
		/*redorange: cf4804*/



span.yellow {color: #FFFF00;

	font-size: inherit;

	font-weight: inherit;}
	
span.em1  {color: #748269; /*on index page for updates*/
	font-size: inherit;
	font-weight: inherit;}
	
span.em2  {color: #49A105;
	font-size: inherit;
	font-weight: inherit;}
	
span.caption {
	font-size: 0.8em;
	color: #444422;}
    
span.small {
	font-size: 0.8em;}



/*################# Table styles ###################*/



body table {
	font-family: inherit;
	font-size: inherit;}	
	
table.simple {
	padding: 5px;
	margin: 5px;
	text-align: left; }
	
	table.simple td {
		font-family: inherit;
		text-align: left;}

table.basic {
	font-family: inherit;
	font-size: inherit;
	border-collapse: collapse;
	padding: 5px;
	margin: 5px auto; /*centered*/
	text-align: left; 
	border: 1px #bbbbbb solid;}
	
	table.basic td{
		border: 1px #bbbbbb solid;
		text-align: left;
		padding: 5px;}
	
	table.basic th{
		border: 1px #bbbbbb solid;
		text-align: left;
		padding: 5px;}



.center {
	margin: 0px auto;}
	

/* ######### FAQ and SPECIES styles ######## */

div.faqs{font-size: inherit;}/*Narrows column for FAQ pages*/
		
		div.faqs p {margin: 10px 50px 10px 50px;}
		div.faqs ul {margin: 10px 50px 10px 50px;}
		div.faqs img { /*img border on faq pp*/
			border: 2px #000000 solid;
			display: inline-block; }
		div.faqs h1 {margin: 10px 10px 10px 50px;}
		
div.linkbox{float:right;
	clear: right;
	width: 200px;
	padding: 5px 0px 5px 10px;}
    
div.linkbox_wide{float:right;
	clear: right;
    	width: 360px;
	padding: 5px 0px 5px 10px;}
	
div.linkbox2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em; /*inside font size of enclosing element*/
	color: black;
	margin: 0px 10px 0px 0px;}
	
	div.linkbox img {
		border: 0px #000000 solid;}
		
	div.linkbox p {margin: 2px 2px 2px 1px;}  
    div.linkbox_wide p {margin: 10px 10px 10px 10px;}  




/* ########## Styles for SPECIES pages ######## */
		

table.species1 { /* All Families page*/
	padding: 4px 4px 4px 4px;
	font-size: 0.8em;}
	
table.species_list { /* 9 family pages*/
	border-collapse: collapse;
	padding: 4px 4px 4px 4px;
	margin: 20px;
	text-align: left; 
	border: 0px #000000 solid;}
	
	.species_list td {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;}
	
	th.species_name {
		width: 300px;
		padding: 0px 4px 4px 0px;
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 1.2em;
		font-weight: bold;
		vertical-align: top;
		text-align: left;}
		
	caption.genus{
		color: #444422;
		vertical-align: top;
		text-align: center;
		font-size: 1.5em;}

div.speciesbox {/* TOP BOX*/
	margin: 0px 20px 4px 20px;
	}
		

	table.species {margin: 0px 5px 0px 5px;}
	
	table.species img {   /* border for top box img*/
		border: 4px #000000 solid;
		display: inline-block;}
	

table.infobox {

	border: 0px;}



td.latin {padding: 0px 4px 4px 8px;

	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #0b1a02;

	font-size: 28px;

	font-style: italic;
	font-weight: bold;

	vertical-align: top;

	text-align: left;}



td.common {padding: 0px 4px 4px 8px;

	font-family: Arial, sans-serif;

	font-size: 0.9em;

	color: #003300;

	vertical-align: top;

	text-align: left;}
	
	span.common{font-family: Arial, sans-serif;
		font-size: 0.9em;
		color: #003300;
		vertical-align: top;
		text-align: left;}



td.infoL {padding: 4px 2px 4px 2px;

	font-family: Arial, sans-serif;

	font-size: 0.9em;

	color: #003300;

	vertical-align: top;

	text-align: left;

	width: 100px;}/*width specified*/



td.infoR {padding: 4px 2px 4px 2px;

	font-family: Arial, sans-serif;

	font-size: 0.9em;

	color: #111111;

	vertical-align: top;

	text-align: left;}/*no width spec*/



td.infobox {padding: 2px 2px 2px 0px;

	vertical-align: top;}



td.pic {padding: 4px;

	vertical-align: top;}

div.speciesinfo{ /* SP. TEXT*/
		font-size: inherit;}
		
		div.speciesinfo p {margin: 8px 50px 8px 50px;}
		
		div.speciesinfo img {  /*img border on species pp*/
		border: 2px #000000 solid;
		display: inline-block; }	


/* ######## ROUND BOXES ######## */


.roundbox1 { background: url(../includes/rbox/nt1.gif) repeat; 
				margin: 1em auto; }
.rbtop1 div { background: url(../includes/rbox/tl1.gif) no-repeat top left; }
.rbtop1 { background: url(../includes/rbox/tr1.gif) no-repeat top right; }
.rbbot1 div { background: url(../includes/rbox/bl1.gif) no-repeat bottom left; }
.rbbot1 { background: url(../includes/rbox/br1.gif) no-repeat bottom right; }
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {height: 7px;}


.roundbox2 { background: url(../includes/rbox/nt2.gif) repeat; 
				margin: 1em auto; }
.rbtop2 div { background: url(../includes/rbox/tl2.gif) no-repeat top left; }
.rbtop2 { background: url(../includes/rbox/tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(../includes/rbox/bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(../includes/rbox/br2.gif) no-repeat bottom right; }
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {height: 7px;}



/* ######### Styles for DD Menu ######### */
.ddcolortabs{
margin: 0;
padding: 0 0 0 165px; /*tweek to ~center menu*/
width: 100%;
background: transparent;
}

.ddcolortabs ul{
font: normal 14px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0; /*? was previously 0 2px 0 40*/
padding:0;
}

.ddcolortabs a{
float:left;
color: #8ca46a;/*text color for unvisited top menu items*/
background: #003300; /*tab color*/
margin:0 2px 0 0;
padding:0 0 1px 0px; /*around tab text*/
text-decoration:none;
letter-spacing: 1px;
}
/*pine green #003300*/

.ddcolortabs a span{
float:left;
display:block;
background: transparent;
padding: 2px 10px 1px 10px; /*around tab text*/
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #004700;
text-decoration:none;
}

.ddcolortabs a:hover span{
background-color: #004700;
text-decoration:none;
}

.ddcolortabs a:visited{
color: #8ca46a;/*text color for visited*/
}

.ddcolortabs a:visited span{
color: #8ca46a;/*text color for visited*/
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ 
background-color: #004700; /*currently viewing tab*/
}

/* ######### Styles for Drop Downs ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 0px solid black;
border-top-width: 0px; 
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: #DBDBBD;
width: 180px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; 
padding: 2px 0;
text-decoration: none;
color: #0b1a02;/*does not obey this*/
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ 
background-color: #003300;
text-decoration: none;
color: #8ca46a;
}