body {
margin: 0 auto;
padding: 0;
font: 76% verdana, tahoma, arial, sans-serif;
color: #303030;
background: #588d34 url(images/background.gif) top center repeat-y;
}

/* The main div that holds it all together */

#wrap {
background: #fff;
color: #303030;
margin: 0 auto;
width: 800px;
min-width: 800px;
padding: 0 10px 0 10px;
border: none;
}

/* Header layout */

#header {
margin: 0;
padding: 0;
}

#left {
margin: 0;
padding: 15px 0 5px 25px;
float: left;
border: none;
}

#left img {
float: left;
padding: 10px 0 10px 0;
}

#right {
margin: 0;
padding: 10px 35px 0 0;
float: right;
width: 160px;
border: none;
}

#right img {
float: right;
padding: 10px 0 10px 0;
}

#header h1 {
margin: 20px 0 10px 0;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 2.5em;
line-height: 1.2em;
color: #00703C;
border: none;
background: #fff;
}

#header h2 {
margin: 0 0 10px 20px;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 1.2em;
color: #505050;
background: #fff;
padding-top: 10px;
border: none;
}

#banner {
margin: 0 0 10px 0;
border: 0;
}

/* The left-hand menu */

#menu {
clear: left;
float: left;
width: 140px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
text-align: center;
border: none;
}

#menu ul {
text-align: left;	
list-style: none;
width: 140px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#menu li {
font-weight: bold;
margin-bottom: 8px;
}

#menu li a {
height: 20px;
text-decoration: none;
padding: 6px 0 0 10px;
color: #505050;
display: block;
background: #f4f4f4;
border-left: 4px solid #00703c;
}	
	
#menu li a:hover {
background: #eaeaea;
color: #00703c;
border-left: 4px solid #ffc420;
}

#menu li#active {
height: 20px;
background: #f4f4f4;
color: #505050;
border-left: 4px solid #fa6060;
padding: 6px 0 0 10px;
}

#menu img {
border: 0;
padding: 0;
margin: 0;
}

.counter {
padding-top: 20px;
vertical-align: text-bottom;
font-size: 1.0em;
}

/* The right-hand menu */

#extras {
float: right;
width: 140px;
margin: 10px 0 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
border: none;
}

#extras p {
margin: 0 0 1.5em 0;
}

#extras ul {
padding: 10px 0 10px 0px;
}

ul.normal {	
/* list-style: square outside; */
list-style: none outside;
margin: 0;
border: none;
padding: 0;
}	

.normal li {
color: #303030;
background: #fff url(images/sunflower.gif) no-repeat;
margin: 0px;
padding: 0 0 3px 20px;
border: none;
line-height: 1.6em;
}

ul.bullets {	
list-style: disc outside;
margin: 0;
padding: 0 0 0 25px;
border: none;
}

/* Fact sheet links */

ul.factsheets {
list-style: none outside;
margin: 0;
border: none;
padding: 0;
}

.factsheets li {
color: #303030;
background: #fff url(images/pdf.gif) no-repeat;
margin: 0 0 3px 0;
padding: 0 0 2px 21px;
border: none;
}

.factsheets img {
border: 0;
}

/* The main content */

#content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
margin: 0 150px 20px 150px;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
border-left: 1px solid #00703c;
border-right: 1px solid #00703c;
border-top: 1px solid white;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#content h2 {
font-size: 1.5em;
margin: 0.5em 1em 0.5em 0;
padding: 0 0 0 0;
}

img.figure {
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box {
margin: 10px;
padding: 10px 15px 10px 15px;
border: 4px solid #e0e0e0;
text-align: justify;
color: black;
background-color: white;
}

.box p {
padding: 0px;
margin: 0px;
}

.box a {
color: #00703c;
font-size: 1.3em;
font-weight: bold;
font-type: "arial bold";
}

#news {
text-align: center;
font-style: italic;
margin-bottom: 15px;
padding: 0 2px 10px 2px;
border: 2px dashed #ffc420;
}

#news h2 {
font-style: italic;
color: #00703C;
background: inherit;
}

#news img {
border: 0px solid white;
padding: 0px;
margin: 0px;
}

.imgleft {
float: left;
vertical-align: text-top;
margin-left: 5px;
margin-right: 15px;
border: 4px solid #e0e0e0;
}

.imgright {
float: right;
vertical-align: text-top;
margin-left: 15px;
margin-right: 5px;
border: 4px solid #e0e0e0;
}

/* Animation images with vertically aligned labels */

#animation {
margin: 0 0 15px 0;
padding: 0;
vertical-align: middle;
}

#animation td {
border-width: 0 0 8px 0;
border-color: white;
border-style: solid;
margin: 0;
}

#animation img {
margin-bottom: 0;
border: 4px solid #e0e0e0;
}

#quicktime, #mediaplayer {
width: 470px;
border: none;
padding: 0;
margin: 0;
text-align: center;
}

#flash {
border: none;
padding: 0;
margin: 0 auto;
text-align: center;
color: #ffc72f;
background: none;
}

#flash a {
color: #ffc72f;
}

/* Gallery page layout */

#gallery {
border: none;
padding: 0;
margin: 5px 0 10px 0;
width: 470px;
}

#gallery tr {
text-align: center;
}

#gallery td {
padding: 0;
margin: 0;
}

#gallery img {
padding: 3px;
background: none;
border: 4px solid #f0f0f0;
margin: 0;
}

#gallery a:hover img {
border-color: #fafa90;
}

.arrows {
width: 450px;
min-width: 450px;
margin: 0 auto;
padding-bottom: 10px;
border: 0;
font-size: 1em;
}

.lhs {
width: 75px;
min-width: 75px;
float: left;
text-align: left;
border: none;
padding: 0;
margin: 0;
}

.rhs {
width: 65px;
min-width: 65px;
float: right;
text-align: right;
border: none;
padding: 0;
margin: 0;
}

.numberbar {
color: #c0c0c0;
background: #fff;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
width: 265px;
min-width: 265px;
border: 1px #e0e0e0 dashed;
padding: 0;
}

/* Sponsors page layout */
#sponsors {
border: none;
margin: 0 0 25px 20px;
}

#sponsors img {
border: 0px white solid;
padding: 5px;
margin: 0px;
vertical-align: middle;
}

#sponsors p {
border: none;
margin: 0px;
padding-top: 18px;
}

/* Page footer */

#footer {
clear: both;
margin-bottom: 10px;
padding: 10px 0 10px 0;
border-top: 1px solid #00703c;
width: 800px;
text-align: center;
color: #303030;
background: #fff;
font-size: 0.9em;
}

#footer a {
color: #808080;
background: #fff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* General styles */

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
border: none;
}

.keyword, .note {
font-style: italic;
}

.emphasize {
font-weight: bold;
}

.small {
font-size: 0.8em;
}

.large {
font-size: 1.4em;
}

.center {
text-align: center;
}

.hide {
display: none;
}

.indent {
padding-left: 50px;
padding-bottom: 20px;
}

#plain {
border-color: white;
}

/* Links */

a {
text-decoration: none;
color: #00703c;
background: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}