/* CSS Document */

img, a, div { behavior:url(iepngfix.htc); }

body{
	background-color:#025200;
	background:url(../img/texture.gif);
	*margin-bottom:30px;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

#container{
}

	#containerInner{
		margin:30px auto;
		width:750px;
		background-color:#FFF;
		background:url(../img/bg-content.gif) repeat-y top left;
		}
#header{
}
	#headerInner{
		width:750px;
		margin:0px auto;
		}
		
/* - - - LOGO, NAME, ADDRESS - - - */

#header-bar{
	background:url(../img/header.gif);
	width:750px;
	height:79px;
	}
	
	#header-bar p{
			text-align:right;
			font-family:"Times New Roman", Times, serif;
			color:#025400;
			font-size:14px;
			margin-right:17px;
			padding-top:14px;
		}
	
/* - - - NAVIGATION - - - */

#navbar{
	background-color:#025400;
	height:34px;
	width:750px;
	text-align:center;
}
	#navbar ul{
		padding:5px 0 0 0;
		*padding:9px 0 0 0;
	}
		#navbar ul li{
			font-family:"Times New Roman", Times, serif;
			color:#FFFFFF;
			font-size:13px;
			text-transform:uppercase;
			display:inline;
			padding:0px 3px;
		}
			#navbar ul li a{
				text-decoration:underline;
				color:#FFFFFF;
			}
					#navbar ul li a:hover{
						color:#FFFFFF;
					}

/* - - - PHOTO BANNER - - - */

#photo-banner{
	background:url(../img/photo-banner.jpg);
	width:750px;
	height:151px;
}

/* - - - MAIN CONTENT - - - */

#content {
	background-color:#FFFFFF;
	float:left;
	width:400px;
	padding-left:35px;
}
	#content h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#a10055;
		margin:26px 0 20px 0px;
		line-height:22px;
		text-transform:uppercase;
	}
	#content h3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#BFBFBF;
		margin:26px 0 10px 0px;
		line-height:22px;
		text-transform:uppercase;
	}
	#content p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:22px;
		color:#025400;
		width:407px;
		margin:auto auto 14px 0px;
	}
	#content ul{
		margin:auto auto 20px 60px;
	}
		#content ul li{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:200%;
			list-style:circle;
		}
			#content ul li ul{
				margin:auto auto 0px 30px;
			}

#welcomebox {
	background-color:#eff6fe;
	margin:0 0 20px 0px;
	width:357px;
}
	#welcomebox p{
		font-family:Arial, Helvetica, sans-serif;
		color:#025400;
		font-size:11px;
		line-height:18px;
		margin:0 0 0 15px;
		padding:13px 0;
		width:320px;
	}
/* - - - SIDEBAR - - - */

#sidebar {
	width:281px;
	margin-bottom:0px;
	float:right;
	}
	
	#sidebar p{
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		color:#025400;
		margin-top:28px;
		text-align:center;
	}

#upcoming-events{
	background:url(../img/upcomingBG.jpg) repeat-x;
	background-color:#a9ff93;
	width:224px;
	height:374px;
	border:solid 5px #a9ff93;
	margin:15px 0 0 24px;
}
	#upcoming-events h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#a10055;
		margin:12px 0 0 24px;
	}
	
	#upcoming-events p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#025400;
		margin:13px 0 0 10px;
		width:210px;
		text-align:left;
	}
		#upcoming-events a{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:18px;
			color:#025400;
			text-decoration:underline;
		}
	
#concave{
	background:url(../img/concave.png);
	width:208px;
	height:206px;
	margin:13px 0 0 8px;
}
	#concave p{
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#366060;
		line-height:18px;
		text-align:center;
}
/* - - - FOOTER - - - */

#footer{
	background-color:#a9ff93;
	width:750px;
	min-height:90px;
	text-align:center;
	*padding-bottom:20px;
}
	#footer p{
		margin-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#025400;
		font-size:12px;
		line-height:105%;
	}
	#footer ul {
		padding-top:16px;
		font-family:Arial, Helvetica, sans-serif;
		color:#025400;
		font-size:11px;
	}
		#footer ul li {
			text-transform:uppercase;
			display:inline;
			color:#025400;
			padding:0px 2px;
		}
			#footer ul li a{
				color:#025400;
				text-decoration:underline;
			}
				#footer ul li a:hover{
				}
				
/* - - - FORMS - - - */

#newsletter{
	width:235px;
	padding:0px;
	margin-top:-15px;
}
#newsletter fieldset {
	width:140px;
	*width:234px;
	border:none;
	padding:0px;
}

#newsletter .name_address {
	display:block;
	background-color:#F6FAFE;
	width:227px;
	height:18px;
	*height:21px;
	border:1px solid #DDEEFE;
	font:normal 12px Arial;
	color: #025400;
	line-height:175%;
	margin-bottom:5px;
	*margin-bottom:4px;
	padding-left:5px;
	margin-top:0px;
	*margin-top:-1px;
	margin-left:-45px\9;
	*margin-left:auto;
	padding-top:3px;
	*padding-top:0;
}

#newsletter .city {
	background-color:#F6FAFE;
	width:108px;
	height:18px;
	*height:21px;
	border:1px solid #DDEEFE;
	font:normal 12px Arial;
	color: #025400;
	line-height:175%;
	margin-right:5px;
	margin-bottom:5px;
	padding-left:5px;
	margin-left:-45px\9;
	*margin-left:auto;
	padding-top:3px;
	*padding-top:0;
}
#newsletter .state {
	background-color:#F6FAFE;
	width:35px;
	height:18px;
	*height:21px;
	border:1px solid #DDEEFE;
	font:normal 12px Arial;
	color: #025400;
	line-height:175%;
	margin-bottom:3px;
	padding-left:5px;

	padding-top:3px;
	*padding-top:0;
}
#newsletter .zipcode {
	background-color:#F6FAFE;
	width:60px;
	height:18px;
	*height:21px;
	border:1px solid #DDEEFE;
	font:normal 12px Arial;
	color: #025400;
	line-height:175%;
	margin-bottom:3px;
	padding-left:5px;
	padding-top:3px;
	*padding-top:0;
	margin:0px -49px 3px 0\9;
	*margin:auto;
}
#newsletter .emailaddress {
	background:none;
	background-color:#F6FAFE;
	width:172px;
	height:18px;
	*height:21px;
	border:1px solid #DDEEFE;
	font:normal 12px Arial;
	color: #025400;
	line-height:175%;
	margin-bottom:0px;
	padding-left:5px;
	margin-left:-45px\9;
	*margin-left:auto;
	padding-top:3px;
	*padding-top:0;
}
#newsletter .buttons {
	background:url(../img/submit-bg.jpg) top left repeat-x;
	color: #025400;
	font:normal 11px Arial;
	height:23px;
	width:55px;
	border:1px solid #DDEEFE;
	border-left:none;
	padding-left:12px;
	*padding-left:7px;
	padding-top:2px;
	margin-left:0px;
	margin:0px -49px 3px 0\9;
	*margin:auto;
}

fieldset {
	border:1px dashed #8BD099;
	padding:10px;
	width:390px;
	margin:10px 0 0 0;
}

legend {
	font-family:"Trebuchet MS";
	font-size:17px;
	line-height:18px;
	border: 1px solid #8BD099;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:#025400;
	*margin:0 0px 7px -7px;
}
label {
	font-family:"Trebuchet MS";
	width:132px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	color:#fff;
	background:#8BD099;
	float:left;
	display: block;
	font-size:16px;
	font-weight: bold;
	line-height: 1.1;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:243px;
	float:right;
	background-color:#FAFBF0;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
   	background-image: url(../img/16t.png);
   	background-repeat: no-repeat;
   	background-position:left;
	width:203px;
   	font:normal 18px Arial;
   	color: #444444;
   	padding:3px 5px 3px 24px;
}
.textbox:focus, .textbox:hover {
	background-color:#F6FAFE;
}

h6{
width:502px;
	height:32px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:2px;
	padding-top:10px;
	padding-left:6px;
	background-color:#2D334A;
	float:left;
	display: block;
	font-size: 11pt;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.div_checkbox {
	width:502px;
	height:45px;
	background-color:#FAFBF0;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}
.checkbox{
	width: 15px;
	height: 15px;
}

.checkRight {
	float:left;
	width:125px;
	text-align:left;
	display:inline;
}

.checkRightRoof {
	float:left;
	width:150px;
	text-align:left;
	display:inline;
}

.div_checkboxRoofing {
	width:502px;
	height:45px;
	background-color:#FAFBF0;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}

.div_textarea {
	width:243px;
	float:right;
	background-color:#FAFBF0;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../img/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:203px;
	height:100px;
	font:normal 18px Arial;
	color: #444444;
	padding:3px 5px 3px 24px;
}
.textarea:focus, .textarea:hover {
	background-color:#F6FAFE;
}

.username {
    background-image: url(../img/16m.png);
   	background-repeat: no-repeat;
    background-position:left;
	width:203px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.username:focus, .username:hover {
	background-color:#F6FAFE;
}
   
.password {
    background-image: url(../img/16s.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F6FAFE;
}

.email {
    background-image: url(../img/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:203px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover {
	background-color:#F6FAFE;
}

.button_div {
	width:287px;
	float:right;
	background-color:;
	border:1px solid #FAFBF0;
	text-align:right;
	height:35px;
	margin:8px auto auto 0;
	padding:5px 32px 3px;
}
.buttons {
	background:url(../img/header.gif) no-repeat center right;
	font-size:12px; 
	color: #8EB0CF; 
	padding: 6px 11px;
	border-width: 2px;
	border-style: solid;
	border-color: #DDEEFE #8EB0CF #8EB0CF #DDEEFE;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}