* {
 padding: 0; 
 margin: 0; 
}

body {
 margin : 0;
 padding : 0;
 font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif; 
 font-size: 96%; 
 color: #333; 
 background-color:  #dfe2d7; 
 margin: 20px 0 0 0; 
}

a, a:visited { 
 background: transparent;
 text-decoration: none;  
 color: #333;
 font-size: 14px;
 font-weight: bold;
 line-height: 2em; 
}

a:hover, a:active { 
 background: transparent; 
 color: #333; 
 text-decoration: none; 
 font-weight: bold; 
}

#container { 
 margin: 3px auto;
 position: relative;
 z-index: 1;
 width: 700px; 
 background: transparent; 
}


#header {
 position: absolute;
 z-index: 2;
 width: 700px;
 height: 200px;  
 margin: 0; 
 background: url(header3.jpg) no-repeat;
 border: 3px outset #a6d0a2;
}

#header h1 {
 font-size: 1.2em; 
 padding: 20px 0 0 20px; 
 color: #FFFFFF;
 background: transparent; 
}

#header a {
 font-size: 1.2em; 
 padding: 15px; 
 color: #FFFFFF; 
 background: transparent;
 text-decoration: none;
}

ul#nav {
 position : absolute;
 top : 165px;	
 list-style: none;
 padding: 0;
}

ul#nav li {
 display: inline;
}

ul#nav li a {
 float : left;
 display: block;
 padding : 3px 12px;
 font-size: 95%;
 color: #FFFFFF;
 text-decoration: none;
 border-right : 1px solid #dde0d5;
}

.ul#nav li a {
 width: auto; 
}

ul#nav li a#current { 
 color : #ccedc8;
} 


.main{ 
 position: absolute;
 z-index: 2;
 margin: 215px 0 auto 0;
 width: 700px;
 min-height: 460px; 
 background-color:  #CEE3CB;
 background-repeat: repeat;
 border: 3px  double #4a7345;
} 

.main h1 {
 height: 40px; 
 font-size: 1.3em;
 color: #333; 
 padding: 20px 0 0 20px; 
 margin: 0; 
}

.main h2 {
 font-size: 1.0em;
 color: #333; 
 padding: 10px 0 0 10px; 
 margin: 0; 
}

.main p{
 padding: 0 50px 0 50px;
 font: bold 97% "Trebuchet MS", Tahoma, Verdana, sans-serif; 
}

.main ul{
 padding: 0 50px 0 50px;
 font: bold 90% "Trebuchet MS", Tahoma, Verdana, sans-serif;  
}

.main li {
 display: block;
 list-style: circle inside;
 color; #4A7345;
}

.main2{ 
 position: absolute;
 z-index: 2;
 margin: 215px 0 auto 0;
 width: 700px;
 min-height: 465px; 
 background-color:  #CEE3CB;
 background-repeat: repeat;
 border: 3px  double #4a7345;
} 

.main2 h1 {
 height: 40px; 
 font-size: 1.2em;
 color: #333; 
 padding: 20px 0 0 20px; 
 margin: 0; 
}

.main2 p{
 padding: 0 25px 0 25px;
 font: bold 96% "Trebuchet MS", Tahoma, Verdana, sans-serif; 
}


.main2 a {
 font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
 font-size: 96%; 
 color: #4a7345;
} 

.main2 ul{
 padding: 0 25px 0 25px;
 font: bold 90% "Trebuchet MS", Tahoma, Verdana, sans-serif;  
}

.main2 li {
 display: block;
 list-style: circle inside;
 color; #4A7345;
}

.footer1 {
 position: absolute;
 z-index: 2;
 top: 678px; bottom: auto;
 font-size: 0.65em;
 text-align: left;
 padding: 20px 0 0 0; 
}

.footer2 {
 position: absolute;
 z-index: 2;
 top: 800px; bottom: auto;
 font-size: 0.65em;
 text-align: left;
 padding: 20px 0 0 0; 
}

.footer3 {
 position: absolute;
 z-index: 2;
 top: 990px; bottom: auto;
 font-size: 0.65em;
 text-align: left;
 padding: 20px 0 0 0; 
}


.form-box{ 
	padding:20px;
	max-width: 400px; 
	height: auto;
	font: bold 96% "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	background-color:  #CEE3CB;
	background-repeat: repeat;
	text-align : center;
} 

fieldset{
border: 1px solid #355431;
}


.form p{
clear: left;
line-height: 1.7;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 5px; /*width of left column containing the label elements*/
height: 1%;
}

.legend{
font-weight: bold;
color: #333;

}

.form em{
color: #333;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	
}

.col2 {
	text-align: left;
	width: 165px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	
}

.col3 {
	text-align: left;
	width: 165px;
	height: 50px;
	display: block;
	float: left;
	margin: 0;
	
}
.col2services {
	text-align: left;
	width: 165px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	
}

.col1services {
	text-align: right;
	width: 130px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 3px;
	
}

div.row {
	clear: both;
	width: 335px;
}

.input {
	background-color: #fff;
	font-size: 10px;
	color: #000;
	height: 16px;
	margin: 4px 0 5px 5px;
	padding: 1px;
	border: 1px solid #4A7345;
}

.textarea {
	border: 1px solid #4A7345;
	background-color: #fff;
	font-size: 12px;
	color: #000;
	margin: 2px 0 5px 4px;
}


.option{
	font-size: 12px;
}

.select {
	padding: 1;
	margin: 4px 0 5px 4px;
	width: 150px;
	height: 22px;
	font-size: 10px;
}


.submit{
	color: #4A7345;

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}