@charset "UTF-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	background: #838383 url(../images/bg.gif) repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #616161;
}
a	{
	color:#45873e;
	text-decoration:none;
	font-weight:bold;
	}
a:hover	{
	color:#80ad50;
	text-decoration:underline;
	}
img { border:0; padding:0; margin:0; }	
#container { 
	width: 754px; 
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #9d9d9d;
	border-top:0;
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container h1 {
	width:754px;
	height:92px;
	font-size:12px;
	border:0; padding:0; margin:0;
	overflow:hidden;
	}
#nav {
 width: 754px;
 height: 22px;
 border-bottom:3px #98ad50 solid;
 background-color:#fff;
 margin: 0; padding: 0;
 display:block;
 text-align:center;
  position: relative;
}
#nav li { list-style: none; display:inline; padding:0 10px; }

#nav li a { font-size:11px; text-transform:uppercase; color:#98ad50; }

#nav li a:hover { color:#00af47; }

#sidebar1 {
	float: left;
	width: 320px; 
	background-color:#e6e6e6;
	color:#e6e6e6;
	padding: 0; margin:0; border:0;
}

#subhead {
	background-color:#00b03b;
	height:39px;
	padding:0;
	margin:0;
	border:0;
	overflow:hidden;
	}
#subhead img {
	float:right;
	margin:0;padding:0;border:0;
	}
#subhead h2 {
	width:277px;
	height:39px;
	margin:0;padding:0;border:0;
	overflow:hidden;
	font-size:16px;
	float:right;
	}	

#mainContent { 
	height:300px;
	background-color:#e6e6e6;
	margin: 0 0 0 320px;
	padding: 0;
	border:0;
} 
#mainContent .content { 
	padding: 10px 20px;
} 

#mainContentLonger { 
	height:400px;
	background-color:#e6e6e6;
	margin: 0 0 0 320px;
	padding: 0;
	border:0;
} 
#mainContentLonger .content { 
	padding: 10px 20px;
} 

#footerExtra { 
	clear:both;
	display:block;
	margin: 5px 5px 0 5px;
	padding: 5px 20px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
#footer { 
	clear:both;
	display:block;
	margin: 60px 5px 0 5px;
	padding: 5px 20px;
	border-top:1px #59ad50 solid;
	text-align:center;
	font-size:10px;
}
#footerMain { 
	clear:both;
	display:block;
	margin: 5px 5px 0 5px;
	padding: 5px 20px;
	border-top:1px #59ad50 solid;
	text-align:center;
	font-size:10px;
}
#footer ul, #footerMain ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer li, #footerMain li {
	display:inline;
	}
#footer a:link, #footer a:visited, #footerMain a:link, #footerMain a:visited {
	padding:0 10px;
	color:#838383;
	}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.green {
	color:#45873e;
	}
.small {
	font-size:10px;
	font-weight:bold;
	text-align:center;
	}
.grate {
	border:1px #acabab solid;
	float:right;
	margin:10px 0 8px 15px;
	}