/***
Basic Layout
***/

html {
	margin:				0px;
    padding:			0px;
	min-height:			100%;
}

body {
    margin:				0px;
//	height:				100%;
	padding:			0px;
	font-family:		Verdana, Geneva, Arial, Helvetica, Sans-serif;
 	background:			#FFFFFF url(/images/field_blend.jpg) repeat-x bottom left;
	font-size:			10pt;
}

div#header {
    background-color:	#333E33;
	margin:				0px 0px 0px 0px;
	padding:			5px 0px 5px 0px;
	color:				white;
}

div#header img#logo {
    margin-left:		0.25em;
}

div#header > a {
    margin:				0px;
	padding:			0px;
}

div#navigation {
/*   position:			absolute; */
	float:				left;
	width:				180px;
	margin:				0px 0px 0px 0px;
	padding:			7px;
	font-size:			1.05em;
	background:			#333E33 url(/images/bottom_curve.png) no-repeat bottom right;
}

div#main {
/*    position:			absolute; */
    float:				left;
/*	left:				194px; */
	padding:			1.4em 0.5em 0em 1.5em;
	width:				720px;
	background:			#FFFFFF url(/images/top_curve.png) no-repeat top left;
}

/***
Navigation Bar
***/

ul#nav_search {
    margin-bottom:		50px;
}

ul.navigation {
	margin:				0em 0em 1em 0em;
	padding:			0.1em 0.5em 0.1em 0.50em;
	font-weight:		bold;
	line-height:		165%;
}

ul.navigation ul.navigation {
    font-size:			0.95em;
}

div#navigation a {
    color:				white;
	text-decoration:	none;
}

div#navigation a:visited {
    color:				white;
}

/***
Footer
***/
div#footer {
    height:				100px;
	clear:				both;
}

/***
Basic Appearance
***/

h3 {
    margin:				0.5em 0em 0.5em 0em;
}

h4 {
    margin:				10px 0px 0px 0px;
	color:				#333E33;
}

p {
	margin:				5px 0px 5px 0px;
}

a:hover {
    border-bottom:		1px dotted;		
}

a.resource {
    font-weight:		bold;
    color:				#AA7700;
}

a.resource:visited {
    font-weight:		bold;
    color:				#AA7700;
}

a img {
    border:				none;
}

span.species {
	font-style:			italic;
}

span.under_construction {
    font-size:			1.1em;
    font-style:			italic;
	color:				#606060;
}

ul {
    list-style:			none;
	padding-left:		1em;
}

li {
    line-height:		150%;
}

hr {
    margin:				1em 0em 1em 0em;
}

.error {
    font-size:			1.2em;
	color:				#FF0000;
}

/***
Forms
***/

form {
    margin:				0px;
	padding:			0px;
	height:				0px;
}

input[type="text"], select {
    font-weight:		bold;
    border:				1px solid black;
	padding:			0em 0em 0em 0.1em;
}

input[type="submit"] {
    cursor:				pointer;
}

/***
Label/value pairs (esp. forms)
***/

div.label_value {
    clear:				both;
	padding:			0.3em 0em 0em 0em;
}

div.label_value label, div.label_value span.label {
    float:				left;
	margin-right:		1em;
	color:				white;
	font-weight:		bold;
}

div.label_value .value {
    float:				left;
	text-align:			left;
}


/***
Misc
***/
.clear {
/*	display:			none; */
	height:				0px;
	margin:				0px 0px 0px 0px;
	padding:			0px;
    clear:				both;
}