* { margin: 0px; padding: 0px; }

body  { font-family: Arial, Helvetica, sans-serif; font-size: 76%; background: black url(/ourtrees/images/2.jpg) no-repeat fixed 50% top; margin: 0; padding: 0 }

body#Charts  { background: black url(/ourtrees/images/44.jpg)no-repeat fixed 50% top; }

h5 { font-size:100%; margin-bottom:10px; }

a:link, a:visited {
color:#800000;
}
a:hover {
color:#B30000;
}

img {padding:10px;}

div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}

div.tright {
clear: right;
float: right;
margin: 0.5em 0 0.8em 1.4em;
}

div.tleft {
clear: left;
float: left;
margin: 0.5em 1.4em 0.8em 0;
}

div.tleft, div.tright {
border-width: 0.5em 0 0.8em 1.4em;
border: none;
}

div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}


html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.thumb div div.thumbcaption {
    border: none;
    padding: 0.3em 0 0.1em 0;}

div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;

}


.imgcaption {border:1px solid green;}

#container {
margin:0px auto 0px auto;
width: 800px;
height: auto;
padding-left: 20px;
}

#sidebar {
float:left;
width:200px;
}

#contents {
width: 401px;
padding-right: 18px;
padding-bottom: 18px;
padding-left: 220px;
margin-top:20px;
}

#contents h3 {
font-size:200%;
margin-bottom:20px;
}
body#introduction #contents h3, body#foreward #contents h3, body#foreward #contents h4.subtitle, body#default #contents h3, body#default #contents h3, body#default #contents h4.subtitle {
color: #2D5986;
}
body#trees-of-ecological-importance #contents h3, body#trees-of-ecological-importance #contents h4.subtitle {
color:#19334D;
}
body#chapter-1 #contents h3, body#chapter-1 #contents h4.subtitle {
color:#862D2D;
}
body#chapter-2 #contents h3, body#chapter-2 #contents h4.subtitle {
color:#734D26;
}
body#chapter-3 #contents h3, body#chapter-3 #contents h4.subtitle {
color:#60601F;
}
body#chapter-4 #contents h3, body#chapter-4 #contents h4.subtitle {
color:#cc0000;
}
body#chapter-5 #contents h3, body#chapter-5 #contents h4.subtitle {
color:#cc6633;
}
body#chapter-6 #contents h3, body#chapter-6 #contents h4.subtitle {
color:#264D00;
}
body#chapter-7 #contents h3, body#chapter-7 #contents h4.subtitle {
color:#8F8F8F;
}
body#addresses #contents h3, body#addresses #contents h4.subtitle {
color:#29a3a3;
}

#contents h4 {
font-size:115%;
margin-bottom:12px;
}

#skipmenu a

	{

	position: absolute; left: -1000em; width: 20em;

	color: #fff;

	text-decoration: none;

	}

p, ul, ol { line-height: 18px; padding-bottom: 15px; }

ol { margin-left:30px; }

blockquote {
color: #2D5986;
display: block;
font-size: 105%;
margin-left:45px;
width:350px;
text-align:right;
}

/* NAVIGATION */

#nav { 

clear: both;
/*float: right; */
padding: 0; 
margin: 10px 0px 0px 0px;
height: auto;
width: auto;
} 
 
#nav li { 
list-style-type: none;
line-height:1em;
margin-bottom:5px;
/*margin-bottom: 5px;*/
}
 
#nav li a {
font-size: 94%;
text-decoration: none;
font-weight:bold;
background: #000;
padding-left: 3px;
margin-right: 10px;
padding-right: 3px;
color: #fff;
}

#nav li a:hover { 
background: #960909;
padding-left: 3px;
color: #fff;
text-decoration:none;
}


table
{
	width: 420px;
	float: none;
}

th
{
	font: 65% Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #AC3939;
	vertical-align: top;
	text-transform: uppercase;
	text-align: left;
        padding:5px;
}

td
{
	background-color: #C65353;
	color: #000;
	text-align: left;
	vertical-align: top;
	font-size: 74%;
        padding:5px;
}


#thumbs {
width: 80%; /* the width of the thumbnail block */
text-align: center;
margin: 0 auto;
}
#thumbs ul li {
list-style: none;
float: left;
}
#thumbs a {
text-decoration:none;
}
#thumbs a img {
border: 5px solid #eee;
margin: 5px;
}
#thumbs a:hover img {
border:5px solid #ddd;
}

#logos {
margin:0px auto 0px auto;
padding:3px;
width:500px;
text-align:right;
clear:both;
}

#footer {
font-size:85%;
margin:0px auto 0px auto;
padding:0 8px 0 0;
width:500px;
color:#000;
text-align:right;
clear:both;
}
#footer a:link, #footer a:visited {
color:#000;
text-decoration:underline;
}
#footer a:hover {
color:#ccc;
text-decoration:none;
}

h2
{
	font-size: 1em;
	font-style: italic;
}

hr
{
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

small, .small
{
	font-size: 0.9em;
}


h1 a, h2 a, h3 a
{
	border: none;
}

h3 a
{
	font: 1.5em Georgia, Times, serif;
}


#accessibility
{
	position: absolute;
	top: -10000px;
}


#head
{
	height: 100px;
	text-align: center;
}


.comments_error
{
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error
{
	padding: 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview
{
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td
{
	vertical-align: top;
}
.imagefloat

	{

	float: right;

	padding: 2px;

	margin: 0 0 10px 10px;

	border: none;

	}