		body {

			margin:0;
			padding:0;
			color: Black;
			font:76%/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-align: justify;
			background-color: #F8F8F8;

		} 
		h1{
			font:2em Arial, Helvetica, sans-serif;
			padding:5px 0 0 10px;
			margin:0;
			background-color: #008850;
			
		}
		p {
			font:1em Arial, Helvetica, sans-serif;
			padding:4em 0 0 2em /*!important*/
		}
		
		.Menu {
			float:left;
			width:100%;
			background: #F8F8F8;
			border-bottom: 7px solid #1C9F69;
			padding:0;
			font-size:0.9em;
			line-height:normal;
			margin-bottom:3px; /* used here to separate the three different versions */
			margin-top: 0px;
		  
		}
		
		#Content
		{
			/*margin: 0px 10px 0px 120px;*/
			margin-top: 0px;
			margin-left: 150px;
			
		}

		
		link
		{
		 font-size: xx-small;
		 	 
		}
		
		textarea
		{
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}
/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#header {
			float:left;
			width:100%;
			background: #F8F8F8;
			padding:0;
			font-size:0.9em;
			line-height:normal;
			
		}
		#header ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
		#header a {
			float:left;
			background: #1EAC70 url("../images/menubg.png") no-repeat left top;
			padding:0 0 0 9px;
			text-decoration:none;
			color:#000;
		}
		#header a span {
			float:left;
			display:block;
			background: #21AC71 url("../images/menubg.png") no-repeat right top;
			padding:4px 15px 3px 6px;
		}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
		#header #current a span {
			padding-bottom:4px;
		}
		#header a:hover, #header a:hover span {
			background-color: #77E1B3;
			color:#000;
		}
		#header #current a span, #header #current a {
			background-color: #23AA70;
		}

		/*Test styles for the side menu*/
		
.sidenav {
	/*background: transparent url(../images/sec_top.gif) top right no-repeat;*/
	width: 148px;
	height: auto;
	background-color: #F8F8F8;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	float: left;
}

.sidenav_item {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande','LucidaGrande',Lucida,Sans-Serif;
	background:  url(../images/btnMenu.gif) bottom right no-repeat;
	color: Black;
	margin: 0 0 0 0px;
	padding: 5px 0 15px 0;
	height: 23px;
	width: 155px;
}

.sidenav_item2 {
	list-style-image: none;
	background: transparent url(../images/btnMenu.gif) bottom right no-repeat;
	color: Black;
	height: 38px;
	margin: 0;
}

.sidenav_current{
	background: url(../images/btnMenu_active.gif) bottom right no-repeat;
	height: 23px;
	color: Blue;
	font-weight: bold;
}


.sidenav_inside {
	background: transparent url(../images/sec_bottom.gif) bottom right no-repeat;
	padding: 10px 0 50px 0;
}

#sidenavi li a,#sidenav li a:link {
	list-style-image: none;
	background: transparent url(../images/btnMenu.gif) bottom right no-repeat;
	height: 23px;
	margin: 0 0 0 15px;
	display: block;
	padding: 0;
	text-decoration: none;
}

.sidenav_active {
	background: transparent url(../images/btnMenu.gif) bottom right no-repeat;
	color: Blue;
}

#sidenavi li a:visited {
	background: transparent url(../images/btnMenu.gif) bottom right no-repeat;
	color: Black;
}

#sidenavi li a:hover {
	background: transparent url(../images/btnMenu_hover.gif) bottom right no-repeat;
	color: #3F7E86;
	font-weight: bold;
}


.Menu {
	width:145px;
	padding:8px;
	background-color: White;
	color: #000;
	line-height:17px;
	display: block;
   border: thin;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 100%;
	float: left;
	font-size:0.8em;
	}
	
.Menu_Current{
		font-weight: bold;
		/*background: #FF8C00;*/
		background: url(../images/btnMenu.gif) no-repeat;
		padding: 10px;
		list-style: none;
		/*margin-left: -35%;*/
	}
	#Menu a {
			float:left;
			padding:0 0 0 9px;
			text-decoration:none;
			color:#000;
		}

	#Menu a:hover, #Menu a:hover span {
			background-color: #51E1A5;
			color:#000;
		}
/* Again, "be nice to Opera 5". */
body>#Menu {width:145px;}


.infotable
{
	background-color: #CBF1E4;
	font-size: xx-small;
	float: none;
	display: block;
	border: thin;
}

.crumbs
{
	background-color: #BBD9EE;
	font-size: 10%;
}

.boldblue 
	{
	font-family: verdana; 
	font-size: 16px; 
	color:#000066; 
	font-weight: bold;
	}

.generaltext
{
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	display: block;
	padding: 2px;
	padding-left: 25px;
	padding-right: 55px;
}

.generaltext p{
	font:1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:1em 0 0 1em /*!important*/
	text-align: justify;

}


.datacaptable
{
	background-color: #F8F8F8;
	font-size: xx-small;
	float: none;
	border: thin;
	border-color: #54A4DB;
	display: block;
	
}

.datacaptable th
{
	background: #B82E00;
	color: White;
}

.gobutton{
background: #A5A5A5;
border: 3px solid #A7B6BE;
border-right: #BEC7D4;
border-top: #BEC7D4;
border-bottom: #647894;
border-left: #647894;
color: Black;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 3px;
vertical-align: middle;
text-align: center;

}
.gobutton a.link, a.visited
{
text-align: center;
font-size: xx-small;
 color: Black;
 text-decoration: underline;
 border: ridge;
}

.gobutton a.hover, a.active{
 text-align: center;
	text-decoration: underline;
	color: #00FFFF;
}
 
	
.formtable{ 
background: transparent; 
font-size: x-small;
border: thin;
} 
.formtable td, .pformleft, .pformleftw, .pformright
{ 
background: #D5F4D7; 
border: 1px solid #212324; 
border-bottom: 0; 
border-left: 0; 
font-weight:normal; 
margin: 1px 0 0 0; 
padding: 3px; 
color: #333333;
} 
.formtable td.wider, .pformleftw, .pformright
{ 
width: 40%; 
} 
.formtable td.formright, .pformright
{ 
border-right: 0; 
font-weight: normal; 
width: auto; 
} 
.formtable td.formtitle, .formsubtitle
{ 
background-color: #24A972; 
border-bottom: 1; 
border-left: 1; 
border-right: 1; 
font-size: x-small;
font-weight: normal; 
color: Black;
} 
.formsubtitle{ 
border: 1px solid; 
color: Black; 
font-weight: bold; 
padding: 5px; 
text-align: center;
} 
.formtable td.formstrip{ 
background-color: #EBF7FC; 
border-left: 0; 
border-right: 0; 
font-weight: normal; 
}

.formtable td.data{
	border: 1px solid #212324; 
	background: White;
	font-weight: normal; 
	font-family: sans-serif;
	font-size: x-small;

}

.sidemenu a.link, a.visited
{
	color: Black;
	font-size: 60%;
	font-family: Garamond;
	text-decoration: none;
}

.sidemenu a.hover, a.active
{
color: Black;
font-size: 60%;
font-family: Garamond;
text-decoration: none;
}

.warningtext
{
	font-size: 120%;
	background: #B82E00;
	color: White;
}

.speciesName
{
 font-size:120%;
 text-align:center;
 }
 
 .latinName
 {
 	font-style: italic;
	font-weight: bold;
 }
 
 .resText {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	color: #1C9F69;
	font-size: 10px;
}
	
.formtitle
{ 
background-color: #1C9F69; 
border-bottom: 0; 
border-left: 0; 
border-right: 0; 
font-size: x-small;
font-weight: normal; 
color: Black;
} 

.reportText
{
	font-size: 8pt;
	font-family: "Times New Roman", Times, serif;
	color: Navy;
	
}
.reportSubtitle
{
	font-size: 8pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: Navy;
}

.reportTitle
{
	font-size: 9pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: Navy;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
