@charset "utf-8";


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

.mainstyles #container {
	width: 780px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background: #ffffff;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 2px;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-bottom-color: #96b39d;
	border-right-color: #96b39d;	
} 

.mainstyles #header {
	background: #ffffff;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #0d9c30;	

}

.mainstyles #side-312-l {
	float: left;
	margin-left: 7px;
	margin-right: 20px;
	margin-top: 20px;
	width: 35%;
	background: #ffffff;
}

.mainstyles #side-390-l { 
	float: left;
	width: 50%;
	margin-top: 20px;
	background: #ffffff;
}

.mainstyles #side-468-l { 
	float: left;
	width: 55%;
	margin-left: 7px;
	margin-right: 20px;
	margin-top: 20px;
	background: #ffffff;
}
.mainstyles #side-312-r {
	float: right;
	width: 40%;
	margin-top: 20px;
	background: #ffffff;
}

.mainstyles #side-390-r { 
	float: right;
	width: 50%;
	margin-top: 20px;
	background: #ffffff;
}

.mainstyles #side-468-r { 
	float: right;
	width: 60%;
	margin-top: 20px;
	background: #ffffff;
}

.mainstyles #outlined-box-sm { 
	width: 230px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #0d9c30;
	background: #ffffff;
}

.mainstyles #outlined-box-lg { 
	width: 400px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #0d9c30;
	background: #ffffff;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
.photo-centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

.clearfloat { 	/* this class should be placed on a div or break element and should be the final 
			element before the close of a container that should fully contain a float */
	clear:both;
	font-size: 1px;
	line-height: 0px;
	height: 1%;
}


h1 {
	font-size: 1.25em; /* 16*1.5=20px */
}
h2 {
	font-size: 1.0em; /* 16*1=16px */
}
p { 
	font-size: .875em; /*.875em*16=14px*/
}
p.norm-center { 
	font-size: .875em; /*.875em*16=14px*/
	text-align: center;
}
p.tiny { 
	font-size: .75em; /*.75em*16=12px*/
	text-align: center;
}