/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#dfdfdf; 
} 

img {border:none;}
 
#pagewidth{ 
 width:880px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 margin-top:10px;  
} 
 
#header{
 position:relative; 
 height:80px; 
 background-image:url(images/header.png);
 background-repeat:no-repeat;
 /*background-color:#616856;*/ 
 width:870px;
 padding:5px 5px 5px 5px;
 margin-bottom:5px;
 color:#FFFFFF;
 /*clear:both;*/
}
		
		/*#headerlinks{
	float:right;
	height:17px;
	width:650px;
	padding:5px 5px 5px 5px;
	margin-bottom:0px;
	margin-top:10px;
	text-align:left;
		 }*/
		.headerlinks a{
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CCCCCC;
		font-size:14px;
		}
		.headerlinks a:visited{
		text-decoration:none;
		color:#CCCCCC;
		font-size:14px;
		}
		.headerlinks a:hover{
		text-decoration:underline;
		color:#CCFFFF;
		font-size:14px;
		}
		
 
#leftcol{
	width:195px;
	height:583px;
	float:left;
	position:relative;
	/*background-color:#616856;*/
	background-image:url(images/left_col.png);
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	margin-right:0px;
	color:#FFFFFF;
 }
 	#leftlinks{
	width: 180px;
	height: 270px;
	padding: 60px 10px 0px 10px;
	text-align:right;
	}
	#leftlinks a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#99CCCC;
	font-size:14px;
	}
	#leftlinks a:visited{
	text-decoration:none;
	color:#CCCCCC;
	font-size:14px;
	}
	#leftlinks a:hover{
	text-decoration:underline;
	color:#CCFFFF;
	font-size:16px;
	}
	
		#leftbottom{
		width: 180px;
		height: 210px;
		padding: 25px 10px 0px 10px;
		text-align:left;
		}
		#leftbottom a{
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#cccccc;
		font-size:10px;
		}
		#leftbottom a:hover{
		color:#FFCC00;
		font-size:10px;
		}
	
#maincol{
	background-color: #616856;
	float: right;
	display:inline;
	position: relative;
	width:660px;
	height:573px;
	padding:5px 5px 5px 5px;
 }
 
  	#maincolsage{
	background-image:url(images/sagenew.jpg);
	background-repeat:no-repeat;
	float: right;
	display:inline;
	position: relative;
	width:660px;
	height:573px;
	padding:5px 5px 5px 5px;
 } 	
  		#sagetext{
		float: right;
		display:inline;
		position: relative;
		width:300px;
		height:280px;
		padding:280px 350px 5px 5px;
}
  	#maincolhome{
	background-image:url(images/home.jpg);
	background-repeat:no-repeat;
	float: right;
	display:inline;
	position: relative;
	width:660px;
	height:573px;
	padding:5px 5px 5px 5px;
 } 		
 		#hometext{
		float: right;
		display:inline;
		position: relative;
		width:300px;
		height:280px;
		padding:280px 350px 5px 5px;
}
	#maincolgrant{
	background-image:url(images/grant.jpg);
	background-repeat:no-repeat;
	float: right;
	display:inline;
	position: relative;
	width:660px;
	height:573px;
	padding:5px 5px 5px 5px;
 }		
 		#granttext{
		float: right;
		display:inline;
		position: relative;
		width:300px;
		height:280px;
		padding:280px 350px 5px 5px;
}

			/*Begin Awards Page CSS*/
			#maincolawards{
			background-image:url(images/awardsnew.jpg);
			background-repeat:no-repeat;
			float: right;
			display:inline;
			position: relative;
			width:660px;
			height:573px;
			padding:5px 5px 5px 5px;
			}
			#awardstext{
			float: right;
			display:inline;
			position: relative;
			width:400px;
			height:340px;
			padding:220px 250px 5px 5px;
			}
			/*End Awards Page CSS*/
							/*Begin Team Page CSS*/
							#maincolteam{
							background-color: #616856;
							float: right;
							display:inline;
							position: relative;
							width:660px;
							height:528px;
							padding:50px 5px 5px 5px;
						 	}
							#cell1{
							display: block;
							width: 212px;
							height: 207px;
							background: url("images/team/trenda.jpg") no-repeat 0 0;
							font-size: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: -999999px;
							}
							#cell1:hover{
							background: url("images/team/trenda_over.jpg") no-repeat 0 0;
							font-size: 14px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: 0px;
							color:#333333;
							text-decoration:none;
							}
							#cell2{
							display: block;
							width: 214px;
							height: 207px;
							background: url("images/team/proctor.jpg") no-repeat 0 0;
							font-size: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: -999999px;
							}
							#cell2:hover{
							background: url("images/team/proctor_over.jpg") no-repeat 0 0;
							font-size: 14px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: 0px;
							color:#333333;
							text-decoration:none;
							}
							#cell3{
							display: block;
							width: 214px;
							height: 207px;
							background: url("images/team/stacey.jpg") no-repeat 0 0;
							font-size: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: -999999px;
							}
							#cell3:hover{
							background: url("images/team/stacey_over.jpg") no-repeat 0 0;
							font-size: 14px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: 0px;
							color:#333333;
							text-decoration:none;
							}
							#cell4{
							display: block;
							width: 212px;
							height: 207px;
							background: url("images/team/nathan.jpg") no-repeat 0 0;
							font-size: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: -999999px;
							}
							#cell4:hover{
							background: url("images/team/nathan_over.jpg") no-repeat 0 0;
							font-size: 14px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: 0px;
							color:#333333;
							text-decoration:none;
							}
							#cell5{
							display: block;
							width: 204px;
							height: 17px;
							background: url("images/team/logo.jpg") no-repeat 0 0;
							font-size: 12px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							padding: 185px 5px 5px 5px;
							}
							#cell6{
							display: block;
							width: 214px;
							height: 207px;
							background: url("images/team/jane.jpg") no-repeat 0 0;
							font-size: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: -999999px;
							}
							#cell6:hover{
							background: url("images/team/jane_over.jpg") no-repeat 0 0;
							font-size: 14px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-indent: 0px;
							color:#333333;
							text-decoration:none;
							}
							/*End Team Page CSS*/
	
 #maincolcontact{
	background-image:url(images/contactnew.jpg);
	background-repeat:no-repeat;
	float: right;
	display:inline;
	position: relative;
	width:660px;
	height:573px;
	padding:5px 5px 5px 5px;
 }
 		#contacttext{
		float: right;
		display:inline;
		position: relative;
		width:300px;
		height:280px;
		padding:280px 350px 5px 5px;
 }
 
/*#footer{
 height:70px; 
  background-color:#E3D9E6; 
 clear:both;
 padding:5px 5px 5px 5px;
 margin-top:5px;
 } */
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}