* {padding:0;  margin:0;}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:62.5%;
	background-color: #FFF;
	overflow-y:scroll;
}	

/*  =HACK 
Rutter's 62.5% font-size hack  
1.0 em is 10px
0.8 em is 8 px
1.4 em is 14 px
etc  */

a:link {color: #007836;}
a:visited {color: #007836;}
a:hover {color: #77b800;}
a:active {color: #77b800;}
		
h1 {
	color:#007836;
	font-size:1.5em;
	font-weight: bold;
	margin-bottom: 6px;
	}
h2 {
	color:#77b800;
	font-size:1.3em;
	font-weight:bold;
	line-height: 1.4em;
	}	
h3 {
	color:#007836;
	font-size:1.3em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b71c26;
	margin-top: 10px;
}

p {
	font-size:1.3em;
	line-height: 1.3em;
	margin-bottom: 6px;
	color: #666;
	}
li  {
	font-size:1.4em;
	line-height: 1.6em;
	list-style-type: square;
	}
#wrapper {
	border: 2px solid #77b800;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:10px;
	position:relative;
	width:972px;
	background-color: #fff;
}
#header {
	position:relative;
	width: 960px;
	font-size: 1.1em;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	}	
#topnav {
	width:718px;
	margin: 18px;
	font-size: 1.5em;
	color: #007836;
	text-align: left;
	padding-left: 218px;
	}
#contact {
	float: right;
	width: 225px;
	font-size: 1em;
	line-height: 1.1em;
	color: #898989;
	text-align: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#sidenav {
	float:left;
	width:200px;
	margin-left: 18px;
	clear: right;
	border: 1px solid #77b800;
	}
#sidenav p {
	color: #898989;
	font-size: 1.4em;
	line-height: 1.8em;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	}
#mainhome {
	width:936px;
	margin-right: 18px;
	margin-left: 18px;
	margin-bottom: 18px;
	text-align: left;
	}	
#homeleft {
	border: 1px solid #77b800;
	width:424px;
	float: left;
	margin-right: 18px;
	background-color: #FFF;
	height: 324px;
	padding: 12px;
	text-align: left;
	}
#homeleft h1 a:link {color: #77b800;}
#homeleft h1 a:visited {color: #77b800;}
#homeleft h1 a:hover {color: #007836;}
#homeleft h1a:active {color: #007836;}

#homeright {
	border: 1px solid #77b800;
	width:424px;
	margin-left: 484px;
	background-color: #FFF;
	height: 324px;
	padding: 12px;
	text-align: left;
	}
#homeright h1 a:link {color: #77b800;}
#homeright h1a:visited {color: #77b800;}
#homeright h1a:hover {color: #007836;}
#homeright h1a:active {color: #007836;}
#slideshowLeft {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 424px;
}
#slideshowRight {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 424px;
}

#main {
	width:694px;
	margin-left: 236px;
	border: 1px solid #77b800;
	background-color: #FFF;
	text-align: left;
	margin-bottom: 18px;
	padding: 12px;
	}
/* =KLUDGE this lines up the list bullets with the rest of the margins*/	
#main ul {
	margin-left:3.5em;
	}
#footer {
	font-size:0.9em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
	width: 972px;
	color: #007836;
	text-align: center;
	}
#footer a:link {
	color:#007836;
	}
#footer a:visited {
	color:#007836;
	}	
#footer a:hover {
	color:#77b800;
	}
#footer a:active {
	color:#77b800;
	}	
/* =HACK begin Alsett Clearing Method */	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}		
/*with a fix for ie mac*/	
.clearfix {display:inline-block;}
/*plus the holly hack for ie6 windows*/		
.clearfix {display:block;}
/*END Alsett Clearing Method */	
.lime {
	color: #77b800;
}
.darkgreen {
	color: #007836;
}

