/*
Style : Go Green
Author: Joe 

This is standards compliant and works with all mojor browsers. I've tried to make the headings
straight and if you need to modify I've added few comments that sould help

*/

/*--------------- Common -----------------*/
*
{
margin: 0px;
padding: 0px;
}

body
{
background-color: #fff;
color: #666;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
}

a
{
text-decoration: underline;
color: #93B300;
}

a:hover
{
text-decoration: none;
color: #fff;
background: #D3E378 url('../images/bbg1.gif') repeat-x;
}

strong
{
background: inherit;
color: #50514D;
}


#slogan
{
background: inherit;
position: absolute;
right: 7px;
bottom: 25px;
color: #DADADA;
text-transform: lowercase;
font-size: 13px;
}

/*--------------- Header-----------------*/

#topbar {
	width:100%;
	height:108px;
	overflow: hidden;
	background:#222 url("../images/top_bg.gif") repeat-x;
}

#header {
	width:750px;
	margin:0 auto;	
}

#logo {
	width:267px;
	float:left;
	padding-top:10px;
}

#logo a:hover{
	background:none;
	border-bottom: 2px #369 solid;
}

/*--------------- Top Menu -----------------*/

#topmenu {
	width:475px;
	padding-top:60px;
	color:#FFFFFF;
	font-size:14px;
	float: right;
	font-variant:small-caps;
}
#topmenu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	
}
#topmenu a:hover {
	border-bottom:1px solid #ffffff;
	border-left:1px solid #728d40;
	border-right:1px solid #e9ffb7;
	padding-left:9px;
	padding-right:9px;
	color:#000000;
	background: #fff url('../images/bbg1.gif');
}

.active {
	border-bottom: 3px solid #99CC00;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/*--------------- Content Area -----------------*/
#main
{
padding-top: 20px;
position: relative;
width: 750px;
margin: 0px auto;
padding-bottom: 10px;
}

/*--------------- Left Menu -----------------*/
#menu ul
{
list-style: none;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
font-weight: bold;
}

#menu a
{
display: block;
position: relative;
width: 168px;
height: 27px;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
background-image: url('../images/bbg0.gif');
padding-left: 17px;
padding-top: 11px;
color: #636363;
text-transform: lowercase;
font-size: 13px;
}

#menu a span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('../images/x1.gif') no-repeat; 
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('../images/x2.gif') no-repeat;
}

#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('../images/bbg1.gif');
}

#menu_end
{
height: 30px;
background-image: url('../images/a2.gif');
}

.lactive{
border-bottom: 3px solid #99CC00;
}

/*--------------- Type Styles-----------------*/
h1
{
background: inherit;
color: #50514D;
text-transform: lowercase;
font-size: 26px;
}

h1 span
{
background: inherit;
color: #85AC1E;
}

h1 span sup
{
background: inherit;
color: #85AC1E;
font-size: 14px;
}

h3
{
margin-top: 30px;
background: inherit;
color: #50514D;
font-size: 15px;
text-transform: lowercase;
height: 34px;
background: url('../images/a3.gif') repeat-x 0px 17px;
}

h3 span
{
background: inherit;
color: #85AC1E;
}

h3.first
{
margin-top: 0px;
}

/*--------------- Left Coloumn -----------------*/
#lcol
{

width: 185px;
float: left;
}

#lcontent
{
position: relative;
padding: 0px 15px 0px 15px;
}

/*--------------- Right Coloumn -----------------*/
#rcontent
{
position: relative;
padding: 25px 20px 0px 20px;
}

ul
{
list-style: none;
}

li
{
background: url('../images/li.gif') no-repeat 0px;
padding-left: 20px;
}

p
{
margin-bottom: 25px;
text-align: justify;
line-height: 20px;
}

#lcol p
{
font-size: 10px;
line-height: 16px;
margin: 0px;
}

.divider
{
font-size: 0px;
position: relative;
border-bottom: solid 1px #F5F5F5;
height: 1px;
width: 100%;
margin: 10px 0px 10px 0px;
}

.summary
{
text-align: right;
font-style: italic;
}

ul.divided li
{
border-top: solid 1px #F5F5F5;
margin-top: 4px;
padding-top: 4px;
background-position: 0px 9px;
}

ul.divided li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
background-position: 0px 5px;
}

#rcol
{
margin-left: 190px;
width: 555px;
background-image: url('../images/a2.gif');
background-repeat: repeat-x;
}

#slogan2
{
font-size: 14px;
position: relative;
top: -5px;
}

.box
{
position: relative;
border: 1px dotted #ccc;
margin-top: 15px;
background: inherit;
color: #fff;
}

.box h2
{
background: inherit;
color: #fff;
text-transform: lowercase;
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
}

.box p
{
font-size: 10px;
line-height: 16px;
margin: 0px;
}

.box_inner
{
border: solid 1px #fff;
padding: 15px;
background: #85AC1E;
color: inherit;

}

.captioned_image
{
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 17px;
}

.captioned_image div
{
position: absolute;
font-size: 9px;
bottom: 0px;
left: 0px;
}

/*----------------- Footer ------------- */

#footer
{
clear: both;
background: url('../images/a2.gif') repeat-x;
width: 100%;
margin: 0px auto;
padding-bottom: 15px;
padding-top: 10px;
text-align: center;
text-transform: lowercase;
border-bottom:4px #333 solid;
}