/* --------------------------------------------------- 
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. */
html, body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
background-color:#0f2610;
clear:both;
margin:0 auto; 
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#0b7f3f;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#0f520a;}
a img     {border:none;}


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

h1 {color:#000000;line-height:24px;font-size:17px;}
	h1 span {color:#ed4901;}
h2 {color:#1b4f48;}
h3 {color:#1b4f48;}
h4 {color:#6CCA2F;}
h5 {color:#9ADA70;}
h6 {color:#ed4901;font-size:12px;}


ul {
margin:0 0 0 0;
padding:0 0 0 0;
}

li {
list-style:none;
}




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

.divider {
border-top:solid #cdcdcd 1px;
clear:both;
font-size:0;
line-height:0;
height:10px;
padding:0 0 0 0;
margin:0 auto;
margin-top:10px;
}




.img-left  {float:left;margin-right:15px;margin-top:4px;}
.img-right {float:right;margin-left:15px;margin-top:4px;}





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

	/* MAIN HEADER */
	#header {
	height:40px;
	text-align:left;
	background-image:url(../images/header_base.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
	
		#header .h-links {
		float:right;
		color:#c0e2be;
		font-size:11px;
		padding-top:13px;
		padding-right:20px;
		}
	
		#header a {color:#1e9f00;}
		#header a:hover {color:#70c35d;}
		
		
	
	/* MAIN INTRO */
	#intro {
	height:135px;
	text-align:left;
	background-image:url(../images/intro_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
		#intro .i-stat {
		float:right;
		width:680px;
		height:135px;
		overflow:hidden;
		}
		
			#intro .i-stat .is-text {
			width:460px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			font-size:24px;
			font-weight:bold;
			letter-spacing:0.01em;
			color:#401408;
			padding-top:25px;
			}
			
				.is-text ul {
				color:#ed4901;
				font-size:16px;
				}
				.is-text li {
				}
				
				
			#intro .i-stat .is-button {
			float:right;
			width:160px;
			height:100px;
			margin-top:20px;
			}
			
				.is-button a {
				display:block;
				width:136px;
				height:50px;
				color:#FFFFFF;
				padding:50px 0 0 24px;
				background-image:url(../images/btn_giveit.png);
				background-position:left top;
				background-repeat:no-repeat;
				}
				
				.is-button a:hover {
				color:#d1ee70;
				background-image:url(../images/btn_giveit.png);
				background-position:left -100px;
				background-repeat:no-repeat;
				}
	
	
	
	/* MAIN NAVIAGTION */
	#navigation {
	height:38px;
	padding-left:50px;
	text-align:left;
	background-image:url(../images/nav_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
		#navigation .button {
		float:left;
		display:block;
		}
		
			#navigation .button a {
			display:block;
			}
	
	
	
	/* MAIN FLASH */
	#flash {
	height:172px;
	text-align:left;
	border-bottom:solid #bbbab7 1px;
	}
		
	
	
	/* MAIN CONTENT */
	#main-holder-dualcol01 {
	margin-top:30px;
	margin-bottom:10px;
	padding:0 30px 0 30px;
	background-image:url(../images/dual_col01_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	}
	
		#main-holder-dualcol01 .mh-main {
		background-image:url(../images/dual_col01_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		}
		
		#main-holder-dualcol01 .mh-footer {
		height:22px;
		background-image:url(../images/dual_col01_base.gif);
		background-position:top;
		background-repeat:no-repeat;
		}
		
		
		
			.mh-main .m-left {
			float:left;
			width:300px;
			}
			
				.mh-main .m-left .ml-text {
				color:#FFFFFF;
				padding:20px 20px 14px 20px;
				line-height:20px;
				}
					.ml-text h6 {color:#ffffff;}
					.ml-text a {color:#cfe9e5;}
					.ml-text a:hover {color:#ffffff;}
					
			
			.mh-main .m-right {
			float:right;
			width:535px;
			padding:15px 20px 0 20px;
			line-height:20px;
			}
			
				.mh-main .m-right a:hover {text-decoration:none;background-color:#03591f;color:#ffffff;}
				.mh-main .m-right strong, .mh-main .m-right b {color:#ed4901;}
				
				
				.mh-main .m-right .home-button {
				float:right;
				width:250px;
				height:120px;
				text-align:center;
				margin-top:15px;
				}
				
					.m-right .home-button a {
					display:block;
					width:250px;
					height:70px;
					color:#FFFFFF;
					font-weight:bold;
					padding:50px 0 0 0;
					background-image:url(../images/btn_schools.png);
					background-position:left top;
					background-repeat:no-repeat;
					}
					
					.m-right .home-button a:hover {
					color:#B7430B;
					background-image:url(../images/btn_schools.png);
					background-position:left -120px;
					background-repeat:no-repeat;
					}
		
	
	
	
	/* MAIN FOOTER */
	#footer {
	padding:35px 10px 0 10px;
	height:45px;
	color:#4f782e;
	font-size:11px;
	text-align:center;
	background-color:#0f2610;
	background-image:url(../images/footer_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
	
		#footer a {color:#ffffff;}
		#footer a:hover {color:#cef289;}
		
		

/* 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. */

/* PORTFOLIO ELEMENTS */
.portfolio-holder {margin-top:8px;}
	.portfolio-holder .portfolio-item {
	float:left;
	width:125px;
	margin-right:8px;
	text-align:center;
	background-color:#e1e1e1;
	margin-bottom:12px;
	}
	.portfolio-item a {display:block;padding:5px 3px 3px 3px;}
	.portfolio-item a:hover {background-color:#e1e1e1;}
	.portfolio-item img {margin-left:auto;margin-right:auto;}
	
	
.portfolio-holder2 {margin-top:4px;}
	.portfolio-holder2 .portfolio-item2 {
	float:left;
	width:46px;
	height:46px;
	margin-right:6px;
	text-align:center;
	margin-bottom:6px;
	}
	.portfolio-item2 a {display:block;padding:3px 3px 3px 3px;background-color:#FFFFFF;}
	.portfolio-item2 a:hover {background-color:#92c5be;}
	.portfolio-item2 img {margin-left:auto;margin-right:auto;}
	

.portfolio-detail {}
	.portfolio-detail .testi  {font-style:italic;color:#333333;}
	.portfolio-detail .image  {display:block;margin-top:20px;margin-left:auto;margin-right:auto;}
		.portfolio-detail .image .pre  {float:left;width:140px;text-align:right;}
		.portfolio-detail .image .full {float:right;width:385px;text-align:left;}
	.portfolio-detail .image2 {float:right;margin-left:8px;margin-bottom:5px;}
	.portfolio-detail .image3 {float:right;margin-left:15px;margin-bottom:5px;}
	
	
	
	
	
/* BEFORE AND AFTER */
.before-holder { margin-top:16px;}
	.before-holder .before-details {
	display:block;
	margin-bottom:16px;
	}
	.before-details .image2 {
	float:right;
	width:310px;
	text-align:left;
	}
	.before-details .text {
	float:left;
	width:210px;
	text-align:right;
	}
		.before-details .text .image {
		display:block;
		margin-bottom:12px;
		}


	
	
	
	
/* MAIN FORM */
form {
margin:0 auto; 
padding:0 0 0 0;
}
			
	form .req {
	font-family:"Courier New", Courier, monospace;
	color:#CC3333;
	font-weight:bold;
	font-size:9pt;
	}

	form .label {
	clear:both;
	float:left;
	width:160px;
	height:25px;
	color:#ed4901;
	font-size:11px;
	font-weight:bold;
	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:10px;
	padding-left:170px;
	}
	
.form-under {
color:#666666;
font-size:11px;
}



.upload-form {}

	.upload-form .textarea {
	float:left;
	font-size:10pt;
	width:240px;
	height:153px;
	}
		.upload-form .textarea textarea {
		font-size:10pt;
		width:200px;
		height:140px;
		}