/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
body { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:left;
background:#6cb025;
margin:0 auto; 
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#CFE9B4;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline;color:#97dd2a;}
a img     {border:none;}



/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
/*margin:0px 0px 10px 0px;*/
}

h1 {color:#d5efa1;line-height:30px;font-size:30px;font-weight:normal;background:url(../images/plus_white.gif) left no-repeat;padding-left:30px;}
h2 {color:#3F8F0E;}
h3 {color:#4D991A}
h4 {color:#ffffff;font-weight:normal;font-size:17px;margin:0 0 2px 0;}
h5 {color:#9ADA70;}
h6 {color:#BEDF9D;}


/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}


.back-button a {
float:left;
display:block;
line-height:20px;
text-align:center;
color:#538f1a;
font-size:13px;
background-color:#b1da85;
padding:0 10px 2px 10px;
}
	.back-button a:hover {
	background-color:#97dd2a;
	text-decoration:none;
	}





/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container {
width:780px;
text-align:left;
margin-right:auto;
padding:0 0 0 0;
background:#6cb025 url(../images/main_bg.gif) top left no-repeat;
border:none;
}

	/* MAIN HEADER */
	#header {
	font-weight:bold;
	padding:20px 0 0 270px;
	height:35px;
	color:#b6dc8b;
	line-height:34px;
	text-align:left;
	background:url(../images/nav_bar.gif) bottom left no-repeat;
	}
	
		#header a {color:#346302;}
		#header a:hover {color:#ffffff;text-decoration:none;}
	
	
	
	#left {
	width:270px;
	height:500px;
	}
	
	
	
	/* MAIN CONTENT */
	#main {
	float:right;
	width:500px;
	padding:0 0 0 0;
	min-height:500px;
	}
	
		#main .main-text, #main .main-text-top {
		color:#ffffff;
		padding:0 25px 0 60px;
		line-height:21px;
		}
		
		#main .main-text-top {
		padding-top:40px;
		}
		
		
		#main .main-item-light, #main .main-item-dark {
		display:block;
		min-height:140px;
		margin-top:15px;
		}
		
			#main .green-link a {
			color:#346e00;
			}
		
			#main .main-item-light {
			background:#aed781 url(../images/item_bg_light.gif) top left no-repeat;
			}
			
			#main .main-item-dark {
			background:#92d04d url(../images/item_bg_dark.gif) top left no-repeat;
			}
			
			#main .main-item-light .mi-image, 
			#main .main-item-dark .mi-image {
			width:130px;
			}
			
			#main .main-item-light .mi-text, 
			#main .main-item-dark .mi-text {
			float:right;
			width:310px;
			color:#346e00;
			line-height:22px;
			padding:10px 15px 10px 0;
			}
				#main .main-item-light .mi-text a, 
				#main .main-item-dark .mi-text a {color:#ffffff;}
				
				#main .main-item-light .mi-text .green-link a {
				color:#346e00;
				}
				
				#main .main-item-light .mi-text ul, 
				#main .main-item-dark .mi-text ul {
				padding-top:0;
				margin-top:0;
				padding-bottom:0;
				margin-bottom:0;
				}
				
				
		#main .main-text-top .map {
		float:right;
		}
		
	
	
	
	/* MAIN FOOTER */
	#footer {
	color:#3c7201;
	padding:0 0 0 25px;
	background:url(../images/footer_bg.gif) top left no-repeat;
	}
	
		#footer .f-top {
		display:block;
		height:60px;
		line-height:21px;
		font-size:19px;
		font-weight:bold;
		padding:70px 0 0 0;
		}
		
			#footer .f-top a {
			font-size:12px;
			}
		
			#footer .f-top .ft-right {
			float:right;
			width:460px;
			text-align:right;
			color:#ffffff;
			font-size:15px;
			padding:10px 25px 0 0;
			}
		
		#footer .f-bottom {
		font-size:11px;
		display:block;
		padding-top:10px;
		line-height:21px;
		border-top:solid #9dd161 1px;
		background:url(../images/logo_footer.gif) right no-repeat;
		}
	
		#footer a {color:#d3f092;}
		#footer a:hover {color:#135104;}
		
		

/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:20px;}
.gap3 {float:left;width:30px;}




/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */

/* STAFF ELEMENTS */
.staff-holder {width:120px;float:left;}

	.staff-holder .image {margin-bottom:10px;overflow:hidden;}
	.staff-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* PRODUCTS/SERVICE ELEMENTS */
.service-holder {width:120px;float:left;}

	.service-holder .image {margin-bottom:10px;overflow:hidden;}
	.service-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* NEWS ELEMENTS */
.news-item {display:block;}
	.news-item .image {height:140px;overflow:hidden;margin:10px 0 10px 0;}
	.news-item .date {font-size:10px;color:#1d3800;font-weight:bold;}
	.news-item .by {font-size:10px;color:#386c00;}
	.news-item .bold {float:left;width:50%;font-size:14px;font-weight:bold;}
	.news-item .bold2 {float:left;width:100%;font-size:12px;font-weight:bold;}
		.news-item .bold2 a {color:#346e00;}
	



/* TESTIMONIALS ELEMENTS */
.testim-item {display:block;}
	.testim-item .text {}
	.testim-item .by {font-size:11px;color:#386c00;font-weight:bold;}
	.testim-item .by b {font-size:15px;color:#d5efa1; padding-left:3px;}



/* LINKS PAGE ELEMENTS */
.link-holder {display:block;margin-bottom:20px;}




/* FAQ PAGE ELEMENTS */
.faq-holder {display:block;margin-bottom:20px;}

	.faq-holder .q {}
	.faq-holder .a {}
	
	
	
	
/* MAIN FORM */
form {
margin:0 auto; 
padding:10px;
color:#346e00;
background:#92d04d;
}
			
	form .req {
	color:#ffffff;
	font-weight:bold;
	font-size:9pt;
	}

	form .label {
	clear:both;
	float:left;
	width:140px;
	height:25px;
	font-size:11px;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	margin-bottom:4px;
	}
	
	form .input {
	float:left;
	width:240px;
	height:25px;
	}
		form .input input {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:200px;
		color:#ffffff;
		background:#6cb025;
		line-height:19px;
		height:19px;
		border:none;
		}
	
	form .textarea {
	float:left;
	font-size:11px;
	width:240px;
	height:93px;
	}
		form .textarea textarea {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:200px;
		height:80px;
		color:#ffffff;
		background:#6cb025;
		border:none;
		}
		form .textarea img {
		padding-top:3px;
		}
	
	form .button {
	margin-top:20px;
	margin-bottom:10px;
	padding-left:150px;
	}