/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body { 
background-image: url(images/gradient-r.gif);
background-repeat: repeat-2; 
color: #000000; 
font-size: 9.5pt;
line-height:1.4em; 
font-family: Arial, Geneva, Verdana, san-serif;

}

a { color: #47802f; font-weight: bold; text-decoration: none }

a:hover  { color: #000000; text-decoration: none }
a img {
border:none;
}

p { 
padding:0 0 1.6em 0;
}

img.left,img.center,img.right {
padding:4px; 
border:1px solid #a0a0a0;
}
img.left  { margin: 0 20px 5px 0; float: left }
img.center {
display:block; 
margin:0 auto 5px auto;
}
img.right    { margin: 0 0 0 20px; float: right }

.borderless {
padding:4px; 
float:left; 
margin:0 12px 5px 0;
}

/**************** Header and navigation styles ****************/

#container { background-color: #ffffff; text-align: justify; margin: 20px auto; padding: 1px 0 1px 0; width: 858px; border: solid 1px #47802f }

#container2  { background-color: #ffffff; text-align: left; margin: 20px auto; padding: 1px 0; width: 858px; border: solid 1px #47802f }

#header   { 
color: #ffffff; 
background: #ffffff url("images/header_2008.gif") no-repeat; 
margin: 0; width: 858px; 
height: 110px 
}

#header_inner{
height:75px;
width:858px;
margin:0;
background-color:#ffffff;
background-position: 0px 0px;
background-repeat: no-repeat;
background-attachment: scroll;
color:#ffffff;
}


#navigation { 
color: #ffffff;
line-height: 1.2em; 
background: #47802F; 
margin: 0; width: 858px; 
height: 30px;
 }

#navigation li { 
white-space: nowrap;
list-style-type: none; 
float: left; 
border-right: 1px solid #ffffff;
 }

#navigation li a{
padding-bottom: 3pt;
padding-left: 10pt;
padding-right: 10pt;
padding-top: 3pt;
display:block;
font-size:0.8em;
font-weight:normal;
text-transform: inherit;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover  {
display:block;
white-space: nowrap;
font-size:0.8em;
font-weight:normal;
text-transform: inherit;
text-decoration:none; 
color: #e4862f; 
background: #CBD7B7;
 }


#navbottom  { color: #000000; font-size: 0.8em; text-align: center; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; width: 838px; clear: both }
#navbottom ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 10px;
}
#navbottom li {
display: inline;
list-style: none;
}
#navbottom a:link, #navbottom a:visited {
color: #47802f;
background-color: #ffffff;
text-decoration: none;

}
#navbottom a:hover {
color: #ffffff;
background-color: #e4862f;
text-decoration: none;

}

/**************** Content styles ****************/

#content2  { background-color: #ffffff; background-image: url("images/globe.gif"); background-repeat: no-repeat; padding: 20px 20px 0; width: 558px; float: left }

#content { background-color: #ffffff; padding: 20px 20px 0; width: 558px; float: left }

#content3 { 
background-image: url("images/balloons.jpg");
background-color: #ffffff; 
background-repeat: no-repeat; 
padding: 20px 10px 0 20px; 
width: 578px; 
float: left;
 }

#content4  { background-color: #ffffff; background-image: url("images/nature.gif"); background-repeat: no-repeat; padding: 20px 20px 0; width: 800px; float: left }
#content5   { background-color: #ffffff; background-image: url("images/frog.gif"); background-repeat: no-repeat; padding: 20px 10px 0 20px; width: 800px; float: left }
#content6 { 
background-image: url("images/dmoz.gif");
background-color: #ffffff; 
background-repeat: no-repeat;
padding: 20px 10px 0 20px; 
width: 538px; 
float: left;
 }
 #content7   { background-color: #ffffff; margin: 0; padding: 20px 30px; width: 798px; float: left }

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
color:#505050;
background-color:inherit;
}

#content h2 a {
font-weight:normal;
}
#content h3 {
margin:0 0 5px 0; 
font-size:1.4em; 
}
#content a:hover,#subcontent a:hover {
text-decoration:underline;
}
#content ul,#content ol {
margin:0 5px 16px 35px;
}

/**************** Sidebar styles ****************/

#subcontent { line-height: 1.4em; background-color: #ffffff; margin-right: 20px; width: 230px; float: right }
#subcontent2 { 
padding: 20px 20px 10px 0; 
position: relative; 
top: inherit; 
left: 25px; 
float: left 
}
#subcontent h2 { 
color: #505050; 
font-weight: normal; 
background-color: inherit; 
text-align: left; 
display: block; 
margin: 15px }

#subcontent p {
margin:0 0 16px 0; 
}



/**************** Footer styles ****************/

#footer  { color: #f0f0f0; background: #47802f; text-align: center; margin: 0 o 0 o; padding: 5px 0; width: 858px; clear: both }

#footer p {
padding:0; 
margin:0; 
text-align:center;
}

/**************** Misc classes and styles ****************/

.splitcontentleft   { background-color: #ffffff; padding: 0 30px 0 20px; width: 44%; float: left; border-right: 1px solid gray }

.splitcontentleft2  { background-color: #ffffff; padding: 20px 20px 0; width: 43%; float: left }
.fullcontent  { 
background-color: #ffffff;
text-align: left; 
list-style: inside; 
padding:20px 10px 0 20px;
clear: right;
 }

.splitcontentright    { background-color: #ffffff; padding: 0 20px 0 0; width: 44%; float: right }
 
 .splitcontentright2    { background-color: #ffffff; padding: 20px 20px 0 10px; width: 43%; float: right }
.clear {
clear:left;
}
.small {
font-size:0.8em;
}
.hide {
display:none;
}
.textcenter {
text-align:center;
}
.textright {
text-align:right;
}
.important {
color:#000000; 
font-size:1.2em;
background-color:inherit; 
font-weight:bold;
}
.em {
font-size: larger;
}
h2 {
font-size:1em;
font-weight: bold;
font-variant: small-caps;
color: #e4862f;
}

.box {
width:858px;
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
text-align:center;
background-color:#F1F1F1;
color:#000000;
clear: both;
}

.box2  { color: #333333; line-height: 1.5em; background-color: #cbd7b7; margin: 0; padding: 10px; border: solid 1px #c0c0c0 }

.box3 {
width:858px;
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
text-align:center;
color:#000000;
clear: both;
}

.table {
margin: 0px 0px 20px 0px;
font-size: 0.9em;
padding:5px 5px 15px 5px;
line-height:1.4em;
}
h1  { color: #47802f; font-size: 1.5em; font-variant: small-caps; font-weight: bold; text-align: left }

h3   { color: black; font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 1.5em }

h4 { 
color: #e4862f; 
font-size: 1em; 
font-weight: bold }
h5  { color: white; font-size: 8.5pt; padding: 0 0 0 10px }

h6  { color: black; font-size: 1.2em; font-variant: small-caps; font-weight: bold }
.bullet { list-style-image: url("images/dot.gif"); list-style-position: inside; padding-right: 12px }
