/* --------------------------------------------------- 
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:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;
font-size:13px;  
text-align:center;
color:#2A2A84;
background-color:#dddddd;
clear:both;
margin:0 auto; 
padding-top:20px;
padding-bottom:20px;
}


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


.small {font-size:11px; }


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

h1 {color:#2A2A84;font-size:15px;}
h2 {color:#8CC63F;font-size:14px;font-weight:normal;line-height:20px;margin:8px 0px 0px 0px;}
h3 {color:#ffffff;font-size:14px;font-weight:normal;line-height:18px;margin:0px 0px 0px 0px;}
h4 {color:#8CC63F;font-size:14px;font-weight:normal;line-height:18px;margin:0px 0px 0px 0px;}
h5 {color:#9ADA70;font-size:14px;font-weight:normal;line-height:18px;margin:0px 0px 0px 0px;}
h6 {color:#2A2A84;font-size:13px;font-weight:normal;line-height:20px;margin:8px 0px 0px 0px;}


/* 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;
}





/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container {
width:728px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:20px;
border:solid #000000 1px;
}

	/* MAIN HEADER */
	#header {
	padding:0 0 0 0;
	height:130px;
	text-align:center;
	}
	
		#header a {color:#1E7500;}
		#header a:hover {color:#135104;}
		
		#header .images {float:left;width:420px;text-align:left;}
		
			#header .images img {padding-right:3px;}
		
		#header .logo {float:right;width:290px;text-align:right;padding:0 10px 0 0;}
		
		
	
	#navigation {
	height:28px;
	margin-top:10px;
	overflow:hidden;
	border-bottom:solid #807AB2 2px;
	margin-bottom:30px;
	}
	
		#navigation .button-first {float:left;height:28px;}
		#navigation .button {float:left;height:28px;padding-left:3px;}
		#navigation .button a, #navigation .button-first a {display:block;}
		
	
	
	/* MAIN CONTENT */
	#main-holder {display:block;padding:0 0 0 0;line-height:20px;}
	
		#main {float:left;width:480px;padding:0 20px 0 0;}
		#side {float:right;width:220px;padding:0 0 0 0;text-align:right;font-size:11px;line-height:15px;}
		
			#side .side-box {
			width:220px;
			text-align:center;
			color:#FFFFFF;
			background:#2B2A84 url(../images/side_box_top.gif) top left no-repeat;
			padding-top:12px; 
			margin-top:4px;
			margin-bottom:10px;
			}
			
			#side .side-box-base {
			font-size:0;
			line-height:0;
			height:12px;
			padding:0 0 0 0;
			margin:0 auto;
			width:220px;
			background:#2B2A84 url(../images/side_box_bot.gif) bottom left no-repeat;
			}
	
	
	
	/* MAIN FOOTER */
	#footer {
	padding:10px;
	background-color:#92D636;
	}
	
		#footer a {color:#1E7500;}
		#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;}


.spacer1 {height:56px;}
.spacer2 {display:none;}




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

/* STAFF ELEMENTS */
.staff-holder {padding-bottom:10px;}

	.staff-holder .image {margin-bottom:10px;overflow:hidden;}
	.staff-holder .text {line-height:18px;}




/* PRODUCTS/SERVICE ELEMENTS */
.service-holder {}

	.service-holder .image {margin-bottom:10px;overflow:hidden;}
	.service-holder .text {}




/* NEWS ELEMENTS */
.news-holder {display:block;}

	.news-holder .image {float:right;width:120px;height:160px;overflow:hidden;}
	.news-holder .text {float:left;}
	.news-holder .date {font-size:10pt;color:#1A4E0C;}
	



/* TESTIMONIALS ELEMENTS */
.testim-holder {display:block;margin-bottom:20px;}

	.testim-holder .text {text-align:left;line-height:18px;}
	.testim-holder .name {display:block;font-weight:bold;color:#1A4E0C;margin-top:6px;font-size:10pt;}
	



/* 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:0 0 0 0;
}
			
	form .req {
	color:#8CC63F;
	font-weight:bold;
	font-size:9pt;
	}

	form .label {
	clear:both;
	float:left;
	width:140px;
	height:25px;
	font-size:10pt;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	margin-bottom:4px;
	}
	
	form .input {
	float:left;
	width:240px;
	height:25px;
	}
		form .input input {
		font-size:10pt;
		width:200px;
		}
	
	form .textarea {
	float:left;
	font-size:10pt;
	width:240px;
	height:93px;
	}
		form .textarea textarea {
		font-size:10pt;
		width:200px;
		height:80px;
		}
		form .textarea img {
		padding-top:3px;
		}
	
	form .button {
	margin-top:20px;
	padding-left:150px;
	}