







html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td 
{
	margin: 0;
	padding: 0;
}	

body
	{
	font: 76% arial,sans-serif;
	text-align:center;
	background: #FFF url(/images/global/bg-body.jpg) repeat-x;
	color: #5A5A5A;	
	}

blockquote
	{
    padding: 0px 20px 0px 20px;
    font-style:italic;
    color:#7CC243;
    }
    
a
	{
	color: #7CC243;
	text-decoration: none;
	border-bottom: 1px dotted #7CC243;		
	}

a:hover
	{
	color: #7CC243;
	border-bottom: 1px solid #7CC243;		
	text-decoration: none;
	}

fieldset
	{
	border: none;
	}

.bold {font-weight:bold;}
.floatright {float:right;}
.floatleft {float:left;}
.gray { color: #5A5A5A; }
.blue { color: #056AB5; }
.caps { text-transform: uppercase; }

#container 
	{
	width:900px;
	margin:20px auto;
	text-align:left;
	background: #FFF;
	}

#header 
	{
	background: #FFF url(/images/global/bg-header.jpg) repeat-x;
	position:relative;
	margin: 0;
	height: 135px;
	}

#header img.logo
	{
	position: absolute;		
	left: 30px; top: 40px;	
	}	

#header p.menu
	{
	position: absolute;		
	list-style:none;
	right: 220px; top:29px;
	}	

#header p.menu a
	{
	margin: 0 5px;
	padding: 0;
	color: #5A5A5A;
	text-decoration: none;
	border:none;
	border-bottom: 1px dotted #BDBDBD;	
	}		

#header p.menu a:hover
	{
	border-bottom: 1px solid #BDBDBD;
	}	
	
#searchbox
	{
	position: absolute;		
	right: 20px; top: 20px;
	}	

input.searchfield
	{
	border: 1px solid #BDBDBD;
	padding: 5px;
	width: 150px;
	height: 15px;
	vertical-align: middle;
	color: #5A5A5A;
	}

input.searchbutton
	{
	border: 1px solid #BDBDBD;
	margin: 0 0 0 -5px;
	vertical-align: middle;	
	}	

#header h1.tagline
	{
	position: absolute;		
	right: 20px; top: 80px;
	font-weight: 200;
	font-size: 30px;
	}	



/* =topmenu */


#topmenu 
	{
	margin: 0;
	background: #7CC243;	
	height: 38px;
	}	

#topmenu img
	{
	border: none;
	}	


#topmenu ul 
	{
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	height: 38px;	
	background: url(/images/global/bg-menu.jpg) center left no-repeat;	
	}

#topmenu a 
	{
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #F7F7F7;
	text-decoration: none;
	border:none;
	padding: 0.5em .6em;
	}

#topmenu a.parent 
	{
	width: auto;
	font-weight: 200;
	font-size: 16px;
	}

#topmenu li 
	{
	float: left;
	padding: 3px 0 0 15px;
	width: auto;
	height: 40px;		
	margin: 0;				
	}

#topmenu li.left1
	{
	font-size: 16px;		
	float: left;
	width: 9.9em;
	padding: 0 0 0 10px;
	font-weight: 200;	
	text-transform: uppercase;	
	}

#topmenu li.left2
	{
	font-size: 16px;	
	float: left;
	width: 9.9em;
	padding: 0 0 0 20px;
	font-weight: 200;
	text-transform: uppercase;			
	}

#topmenu li ul 
	{
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 14.4em;
	font-weight: normal;
	margin: 0 0 0 8px;
	background: #7AC042;
	z-index:1;	
	}

#topmenu li ul li
	{
	height: auto;		
	padding: 0;
	margin-left: 0;
	}

#topmenu li ul li a 
	{
	font-size: 12px;
	padding: 3px;
	width: 14.4em;
	w\idth: 14.4em;
	}

#topmenu li li 
	{
	padding-right: 1em;
	width: 14.4em
	}


#topmenu li ul ul 
	{
	margin: -1.75em 0 0 14em;
	}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul 
	{
	left: -999em;
    visibility: inherit; /* fixes IE7 'sticky bug' */
	}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul 
	{
	left: auto;
	}

#topmenu li:hover, #topmenu li.sfhover 
	{
    visibility: inherit; /* fixes IE7 'sticky bug' */
	}

#topmenu li ul li:hover, #topmenu li ul li.sfhover 
	{
	background: #A5CF5C;
	height: auto;
	}
	
#banner 
	{
	margin: 0; 
	padding:20px;
	}	

#title
	{
	margin: 0 20px 20px 20px;
	background: #FFF;
	border-bottom: 2px solid #F5F5F5;
	vertical-align: bottom;
	padding: 0 0 20px 0;
	height: 25px;
	}
	
#title h1.sectiontitle
	{
	width: 200px;
	font-size: 16px;
	padding: 18px 0 0 0; 
	font-weight: bold;
	color: #7CC243;
	}	

#title h1.pagetitle
	{
	width: 460px;	
	font-size: 24px;
	padding: 10px 0 0 0; 	
	font-weight: normal;
	color: #7CC243;	
	}	

#title table
	{
	border:none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	}	

#title td.col1
	{
	width: 80px;
	}	
	
#middle
	{
	float:left;
	width:100%;
	margin-bottom: 20px;
	}

#content
	{
	margin: 0 220px;
	padding: 0 20px 0 0;
	}
	
#content h2
	{
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 16px;
	color: #7CC243;
	}	

#content h3
	{
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 14px;
	}	

#content p
	{
	margin: 0 0 7px 0;
	line-height: 1.4em; 
	}		

#content ul, #content ol
	{
	margin: 0 0 20px 20px;
	line-height: 1.4em; 
	}		
	
#content .boldlist ul, #content .boldlist ol
	{
	margin: 0 0 20px 20px;
	line-height: 1.4em; 
	font-size: 14px;
	font-weight: bold;
	}		

#content img
	{
	border: 0px solid #F5F5F5;
	}

#content img.floatright
	{
	float: right;
	margin: 0 0 5px 10px;
	}		

#content img.floatleft
	{
	float: left;
	margin: 5px 10px 5px 0;
	}	
	

#content .postdate 
	{
	font-style: italic; 
	font-weight:normal; 
	font-size:11px; 
	color: #5A5A5A;
	}

	
#left
	{
	float:left;
	width:200px;
	margin-left:-880px;
	}
	
#left .sidemessage
	{
	margin: 20px 20px 20px 0;
	}

#left .sidemessage p
	{
	font-style: italic;
	color: #056AB5;
	margin: 0 0 5px 0;
	line-height: 1.4em; 	
	}

#left .sidemessage img
	{
	margin: 0 0 5px 0;
	padding: 0;
	}

#left p.sidemessage
	{
	font-style: italic;
	color: #056AB5;
	margin: 0 0 5px 0;
	line-height: 1.4em; 	
	}
		
#left ul.sidemenu
	{
	list-style: none;
	margin: 10px 20px 20px 0;
	}

#left ul.sidemenu li
	{
	padding: 0 0 3px 0;
	}	

#left ul.sidemenu a
	{
	font-size: 13px;
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #7CC243;			
	color: #7CC243
	}	

#left ul.sidemenu a:hover
	{	
	border-bottom: 1px solid #7CC243;		
	}		

#left .sidebox
	{
	margin: 0 20px 0 0;
	padding: 7px;	
	border: 2px solid #F5F5F5;
	}


#left .sidebox ul
	{
	margin: 0;
	padding: 0;
	list-style: none; 
	}

#left .sidebox ul li 
	{
	padding: 3px 0 0 10px;
	margin: 0;
	background-image: url(/images/global/arrow-green-right.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;	
	}

#left .sidebox ul a
	{
	font-size: 13px;
	text-decoration: none;
	border: none;	
	border-bottom: 1px dotted #BDBDBD;		
	color: #5A5A5A;
	}		

#left .sidebox ul a:hover
	{
	border-bottom: 1px solid #BDBDBD;	
	}	
	
#right
	{
	float:left;
	width:200px;
	margin-left:-220px;
	}

#right .requestbox
	{
	margin: 0;
	padding: 7px;	
	border: 2px solid #F5F5F5;
	}

#right h1
	{
	font-size: 16px;
	padding: 0 0 5px 0; 
	font-weight: bold;
	color: #7CC243;
	}	

#right p
	{
	margin: 5px 0;
	}

#right p.requestoptions
	{
	margin: 5px 0;
	font-size: 12px;
	}

#right input
	{
	margin: 5px 0;
	}

input.requestfield
	{
	border: 1px solid #BDBDBD;
	padding: 5px;
	margin: 5px 0;
	height: 15px;
	width: 165px;
	background-color: #F5F5F5
	}

textarea.requestfield
	{
	border: 1px solid #BDBDBD;
	padding: 5px;
	margin: 5px 0;
	width: 250px;
	background-color: #F5F5F5
	}

input.requestbutton
	{
	border: none;
	padding: 5px;
	margin: 5px 0;
	text-transform: uppercase;
	background-color: #7CC243;
	color: #FFF;
	font-size: 13px;
	}

input.requestbutton:hover
	{
	background-color: #A5CF5C;
	}
	
.cssform label
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 75px;
	padding-right: 20px;	
}

.cssform input 
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}	

.cssform br
	{
	clear: left;
	}
	
#footer
	{
	clear:both;
	border-top: 2px solid #F5F5F5;
	padding: 10px 0;
	margin: 20px 20px 0 20px;
	text-align: center;
	}

#footer a
	{
	margin: 0 3px;
	}
	
/* =button */

.button 
	{
	padding:5px 0 0 0; 
	margin:5px 0; 
	}	

.button a
	{
	font-size: 13px;
  	display: block;
  	padding: 5px;
  	text-transform: uppercase;
  	background-color: #7CC243;
  	color: #FFF;
  	text-decoration: none;
  	text-align: left; 
	}

.button a:hover 
	{
 	background-color: #A5CF5C;
 	color: #fff;
 	text-decoration: none; 
	}
	
#homecontent
	{
	padding: 0 20px;
	}

#homecontent h1
	{
	font-size: 24px;
	font-weight: normal;
	color: #7CC243;	
	}

#homecontent p
	{
	padding: 5px 0;
	}

#homecontent form
	{
	padding: 10px 0 10px 0;
	}

#homecontent select
	{
	width: 175px;
	border: 1px solid #BDBDBD;
	}

#homecontent .featurebox1
	{
	float: left;
	text-align: center;
	width: 260px;
	margin-right: 30px;
	}	
#homecontent .featurebox2
	{
	float: left;
	text-align: center;
	width: 270px; /* had to make this wider for the longer title */
	margin-right: 30px;
	}	
#homecontent .featurebox3
	{
	float: left;
	text-align: center;
	width: 260px;
	}			