/* CSS Document */
* { padding:0; marging: 0;}

body  {background-color: #ffffff; 
	font-weight: normal; 
	font-size: .8em; 
	color: #666666; 
	font-family: "Arial", sans-serif; 
	line-height: 16px;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	width: 800px;
	background-image: url('images/bg.gif');
	background-repeat: repeat-x;}

#container {
	background-color: #FFFFFF;
	min-height: 753px}
	
	/* use min-height for firefox or else content will flow out*/
*html #container {height: 753px}
    /* work-around for ie*/

#top {
text-align: left;
padding: 10px 20px 10px 20px;}

#certified {float: right; margin-top: 15px;} 

a {color: #6d9e41; text-decoration: none; cursor: pointer;}
a:hover {color: #6d9e41; text-decoration: underline; cursor: pointer;} 

#nav1{
background-color: #5c7835;
width: 800px;
float: left;
}

#button {
display: block;
width: 108px;
cursor: pointer;
line-height: 30px;
float: left;
background-color: #5c7835;
border-left: 1px solid white;
}

#button.first{
display: block;
width: 108px;
cursor: pointer;
border-left: 0;
line-height: 30px;
float: left;}

#button a{
text-align: center;
background-color: #5c7835;
color: #ffffff;
text-decoration:none;
font: 13px Arial;
line-height: 30px;
display: block;
width: 108px;
cursor: pointer;
}

#button a:hover{background-color: #6d9e41;
text-decoration:none;
line-height: 30px;
display: block;
width: 108px;
cursor: pointer;
}

#nav2{
background-color: #6d9e41;
width: 800px;
float: left;
border-top: 1px solid #ffffff;
}

#button2 {
display: block;
width: 130px;
cursor: pointer;
line-height: 30px;
float: left;
background-color: #6d9e41;
}


#button2 a{
text-align: center;
background-color: #6d9e41;
color: #ffffff;
text-decoration:none;
font: 11px Arial;
line-height: 20px;
display: block;
width: 130px;
cursor: pointer;
}

#button2 a:hover{background-color: #86c350;
text-decoration:none;
line-height: 20px;
display: block;
width: 130px;
cursor: pointer;
}

.hide{
display: none;
}

.show{
display: block;
}

#leftcontainer{width: 200px; text-align: center; float: left; padding: 20px; background-color: #ffffff;}
#rightcontainer{width: 510px; text-align: left; float: right; padding: 20px; background-color: #ffffff; border-left: 1px solid #999999; }

#leftformcontainer{
	width: 185px; 
	text-align: right; 
	float: left;  
	background-color: #ffffff;
	line-height: 25px;
	padding-right: 5px;
}
#rightformcontainer{
	width: 315px; 
	text-align: left; 
	float: right; 
	background-color: #ffffff;
	padding-left: 5px;
	line-height: 25px;
}

h1 {
color: #86c350;
font-family: "Arial"; 
font-size: 36px;
font-weight: normal;
}

h2 {color: #666666;
font-family: "Arial";  
font-size: 16px;
font-weight: bold;
line-height: 12px;}

h3 {color: #6d9e41;
font-family: "Arial"; 
font-size: 14px;
font-weight: bold;
line-height: 10px;}

#h3line {border-bottom: solid 1px #6d9e41; height: 5px; margin-top: -10px;}

h4 {color: #86c350;
font-family: "Arial"; 
font-size: 12px;
font-weight: bold;
line-height: 8px;
margin-bottom: -8px;}

.tinyfont{
	font-family: "Arial"; 
	font-size: 10px;
	font-weight: normal;
}
input[type=checkbox] + label{
	color: #888888;
}
input[type=checkbox]:checked + label{
	color: #000000;
}