@charset "utf-8";
/* CSS Document */


body {
behavior: url(csshover3.htc);
}

#menu {
	width: 100%;
	float: none;
	height: 25px;
	padding-top: 3px;

}
#menu ul {
	list-style: none;
	margin: 0;
		margin-bottom:-2px;
	padding: 0px;
	padding-top:1px;
	float: none;
}

.dropdowns1 {
	width: 123px;

	}
	
.dropdowns {
	width: 163px;

	}	
	
	

#menu a, #menu h2 {
	font: normal 13px arial, helvetica, sans-serif;
	line-height:13px;
	display: block;
	margin: 0px;
	
	height:20px;

}

#menu h2 {

	
}

#menu h2 a:link {
	color: #582700;
	font-size:13px;
	line-height:13px;
	
	width:auto;
	
	background-position: center 5px;
	display: block;
	word-spacing: normal;
	text-align:left;
	padding-left: 0px;
	padding-top: 3px;
	
}

 


#menu h2 a:active {
color: #582700;
	font-size:13px;
	line-height:13px;
	
	width:auto;
	background-position: center 5px;
	display: block;
	word-spacing: normal;
	text-align:left;
	padding-left: 0px;
	padding-top: 3px;
} 

#menu h2 a:visited {
color: #582700;
	font-size:13px;
	line-height:13px;
	
	width:auto;
	
	background-position: center 5px;
	display: block;
	word-spacing: normal;
	text-align:left;
	padding-left: 0px;
	padding-top: 3px;
} 

#menu h2 a:hover {
color: #8D8B00;
	font-size:13px;
	
	width:auto;
/* ***************** NAVIGATION HOVER ********************************** */
	background-position: center 5px;
	display: block;
	word-spacing: normal;
	line-height:13px;
	text-align:left;
	padding-left: 0px;
	padding-top: 3px;
} 

#menu a:link {
color: #582700;

text-decoration: none;

padding-top:4px;
padding-bottom: 0px
}
#menu a:active {
color: #582700;

text-decoration: none;

padding-top:4px;
padding-bottom: 0px
}

#menu a:visited {
color: #582700;

text-decoration: none;

padding-top:4px;
padding-bottom: 0px
}
#menu a:hover {
	color: #8D8B00;
	font-size: 12px;
	text-decoration: none;
padding-top:4px;
padding-bottom: 0px
}

#menu li {

}

#menu ul ul ul {
position: absolute;
left: 100%;

}

#menu ul ul {
	position: absolute;
	padding-top: 0px;
	z-index: 1000;
	margin-top: 0px;
	margin-left: -10px;
}

div#menu ul ul {
display: none;

}

div#menu ul li:hover ul
{display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: none; width: 100%; }
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
	font: normal 12px arial, helvetica, sans-serif;
	text-align:left;
	line-height: 14px;
	margin-bottom:0px;
	
}

	

.about2 {
	width:120px;
	padding-right:10px;
	margin-left:0px;
	border-top: 0px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 14px;
	background-color: #ffffff;
	padding-left: 11px;	
	overflow: hidden;
}



.about3 {
	width:97px;
	padding-right:10px;
	margin-left:0px;
	border-top: 0px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 14px;
	background-color: #ffffff;
	padding-left: 11px;	
	overflow: hidden;
}

.pricing {
	width:129px;
	padding-right:10px;
	margin-left:0px;
	border-top: 0px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 14px;
	background-color: #ffffff;
	padding-left: 11px;	
	overflow: hidden;
}












#who {
width: 107px;
	float:left;
	padding-top:0px;
	padding-left:10px;
	height: 25px;
	
	}
.who {
	width:107px;
	
	padding-left:35px;
	padding-top:0px;
}



#install {
width: 90px;
	float:left;
	padding-top:0px;
	padding-left:10px;
	height: 25px;
	}
.install {
	width:90px;
	
	padding-left:35px;
	padding-top:0px;
}

#green {
width: 90px;
	float:left;
	padding-top:0px;
	padding-left:10px;
	height: 25px;

	}
.green {
	width:90px;
	
	padding-left:35px;
	padding-top:0px;
}

.green_font {
	color:#61B80A;
	}


#more {
width: 75px;
	float:left;
	padding-top:0px;
	padding-left:10px;
	height: 25px;
	}
.more {
	width:75px;
	
	padding-left:35px;
	padding-top:0px;
}













#membership {
	width:100px;
	float:left;
	padding-top:0px;
	padding-left: 10px;
		height: 25px;
	}
	
	.membership {
	width:100px;

	padding-top:0px;
}

#conlife2 {
	width:125px;
	float:left;
	padding-top:0px;
	padding-left: 13px;
		height: 25px;
	}
	
	.conlife2{
	width:125px;

	padding-top:0px;
}

#photo_gallery {
width: 125px;
	float:left;
	padding-top:0px;
	padding-left:20px;
		height: 25px;
	}

	.photo_gallery {
	width:125px;

	padding-top:0px;
}


#service2 {
width: 125px;
	float:left;
	padding-top:0px;
	padding-left:13px;
		height: 25px;
	}

	.service2 {
	width:125px;

	padding-top:0px;
}


#events {
width: 70px;
	float:left;
	padding-top:0px;
	padding-left:20px;
		height: 25px;
	}

	.events {
	width:70px;

	padding-top:0px;
}

#contact_us {
width: 110px;
	float:left;
	padding-top:0px;
	padding-left:10px;
		height: 25px;
	}

	.contact_us {
	width:110px;

	padding-top:0px;
}


#youth2 {
width: 110px;
	float:left;
	padding-top:0px;
	padding-left:18px;
		height: 25px;
	}

	.youth2 {
	width:110px;

	padding-top:0px;
}

#support {
width: 173px;
	float:left;
	padding-top:0px;
	padding-left:10px;
		height: 25px;
	}

	.support {
	width:173px;

	padding-top:0px;
}


</style>
[endif]