@charset "utf-8";
/* styles for hot tar roofing */
body{
	font-size:1em;
	padding:0 1em;
	margin:2em auto;
	width:60em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	}
h1{
	text-align:center;
	font-size:1.6em;
}
h2{
	font-size:1em;
	font-weight:400;
}
div#wrapper{
	margin:0em auto;
	background-color:#fff;
	min-height: 100%;
    height: auto !important;
	height: 100%;
	margin: 0 auto 1em;
}
div#banner{
	padding:0em;
	background-color: #80c246;
	background:url(../images/bannerGrad.jpg) repeat-x;
		
}
img{margin:0;padding:0;}
div #banner h1{
	display:block;
	float:left;
	position:relative;
	top:0;
	font-family:Impact, Helvetica, sans-serif;
	font-size:2.8em;
	color:#000;
/*	background-color: #80c246;*/
	text-align:left;
	margin:.31em 0 0 0;
	padding:.1em .2em .1em 3em;
	letter-spacing:2px;
	line-height:1em;
}
div #banner img{
	margin:1em 2em;
/*	background-color:#fff;*/
	position:relative;top:0;
	padding:0em 3em 0 0;
	float:right;
	}
div#menu{
	margin: 1em auto;
	background-color:#80c246;
	color:#ffffff;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding:0;

}
 ul#nav{
	list-style:none;
	}
ul#nav li{	
	float:left;
	display:block;
	margin:0 .1em;
	color:#009936;
	background-color:#ffffff;
	padding:.2em;
}
ul#nav li.youarehere{	
	padding:0 1em;
}

ul#nav li a{
	width:100%;
	background-color:#80c246;
	color:#ffffff;
	padding:0 1em;
	text-decoration:none;
}
ul#nav li a:hover{
	color:#009900;
	background-color:#ffffaa;
}
div#main{
	float:left;
	padding:0em 1em;
	margin:0 0;
	color:#000;
	background-color:#fff;
	height: auto !important;
/*	border:1px solid #000;*/
}
#main h1{text-align:center;}
div#pullout{
	font-size:1em;
	float:left;
	padding:0em 1em;
	width:14em;
	margin:0 1em 0 0;
	background-color:#80c246;
	color:#fff;
}
div#pullout h2{
	font-size:1.4em; 
	color:#fff;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	}

div#pullout li{margin:.8em 0;color:#000;}

div#pulloutPic{
	font-size:1em;
	float:left;
	padding:1em 1em;
	width:19em;
	margin:0 1em 0 0;
	background-color:#80c246;
	color:#fff;
}
div#pulloutPic p.picCaption{text-align:center;font-weight:bold;line-height:1.4em;}
div#pulloutPic p.picCaption span.owner{text-align:center;font-size:1.3em;font-weight:bold;}

#footer{
	clear:left;text-align:center;
/*	background-color:#80c246;*/
	background:url(../images/bannerGradUp.jpg) repeat-x;
	color:#80c246;
	 height: 4em;
}
#footer p{
	
	font-weight:bold;
	padding-top:2em;
	color:#000;
	}
div.clearer{line-height:0;clear:both;margin:0;}
#main p{width:28em;}
p.reference{font-style:italic;font-size:.8em;}
p#remember{width :32em; font-style:italic;text-align:center;}
.slogan{text-align:center;}