/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	HBAMP
  TARGET SPEC:	CSS-2
		 MODIFIED:	2006.06.19
			 AUTHOR:	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

a { color: #05d; text-decoration: underline; }
a:hover { color: #05d; text-decoration: none; }

html, body { padding: 0px; margin: 0px; border: 0px; height: 100%; }

body { background: #fff; margin-bottom: 30px; }
body, table { color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.63; }

table, td, div, img { margin: 0px; padding: 0px; }
td { vertical-align: top; }

img { border: none; margin: 0px; padding: 0px; }

sup { font: normal 8px Verdana, Arial, Helvetica, sans-serif; }

h1 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	color: #685;
	border-bottom: 2px solid #685;
}


h2 {
	display: block;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	color: #15a;
	padding: 0px 0px 5px 0px;
}

h3 {
	display: block;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 6px 0px;
	color: #685;
}

h4 {
	display: block;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #259;
}

ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: square outside;
}

ul li {
	margin: 3px 10px 3px 10px;		
}

h1 + p, h2 + p, h3 + p, h4 + p, .Header1 + p, .Header2 + p, .Header3 + p, .Header4 + p, p:first-child { margin-top: 0px; }
p + h1, p + h2, p + h3, p + h4, p + .Header1, p + .Header2, p + .Header3, p + .Header4 { margin-top: 30px; }
ul + h1, ul + h2, ul + h3, ul + h4, ul + .Header1, ul + .Header2, ul + .Header3, ul + .Header4 { margin-top: 30px; }
ol + h1, ol + h2, ol + h3, ol + h4, ol + .Header1, ol + .Header2, ol + .Header3, ol + .Header4 { margin-top: 30px; }
ul:last-child, p:last-child { margin-bottom: 0px; }

#bottomAdBar img, .BorderedPicLeft, .PicLeft, .QuickLinkPic { float: left; margin: 0px 10px 8px 0px; }
.BorderedPicRight, .PicRight { float: right; margin: 0px 0px 8px 10px; }
.QuickLinkPic { background: #fff; padding: 2px; border: 1px solid #a0a0a0; }
#bottomAdBar img, .BorderedPicLeft, .BorderedPicRight { border: 1px solid #a0a0a0; } 
.BorderedPicCenter { border: 1px solid #a0a0a0; display: block; margin: 10px auto 20px auto; }

.HeaderImage { padding-bottom: 10px; border-bottom: 1px solid #cc9; margin-bottom: 20px; }

.POHMap { display: block; margin: 20px auto 0px auto; padding: 0px; }

.PhotoGallery { width: 99%; margin-top: -20px; }
.PhotoGallery td { text-align: center; padding-top: 20px; }
.PhotoGallery img { display: block; margin: 0px auto 10px auto; }

/*-----------------------------------------------
						MAIN LAYOUT SECTIONS
-----------------------------------------------*/

#layoutWrapper { margin: 0px auto 0px auto; padding: 0px; width: 960px; }

#topSection { height: 100px; }
#topBannerAd { float: right; margin-top: 20px; }

#bannerSection { margin: 0px; padding: 20px 0px 0px 199px; line-height: 1.45; height: 30px; }
.LayoutHome #bannerSection {
	background: #dec url("images/bannernav_bg.gif") repeat-y top right;
	padding: 0px;
	border-bottom: 5px solid #a0a0a0;
	height: 250px;
}
#bannerSection a { font-weight: bold; }
#homeFlash { float: left; }
#bannerSection p { margin: 10px 0px 0px 0px; }
#newsworthy { padding: 8px 20px 0px 20px; width: 200px; float: left; height:190px; overflow:hidden; }
#quickLinks { padding: 8px 20px 0px 20px; width: 200px; float: left; height:190px; overflow:hidden;  }
#quickLinks p { margin-left: 20px; }
#quickLinks img { margin-left: -20px; }

#contentSectionHeader { padding: 20px 0px 0px 20px; margin: 0px; height: 30px; }
#contentSectionHeader img { float: left; }
#contentSection { border-bottom: 5px solid #a0a0a0; background: #f0f0f0; padding-left: 20px; margin: 0px; }

#subNav { 
	margin: 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
}
#subNav li { border-top: 1px solid #a0a0a0; margin: 0px; padding: 0; }
#subNav li:first-child { border-top: 0px; }
#subNav a { text-decoration: none; display: block; zoom: 1; padding: 5px 10px 5px 0px; }
#subNav a:hover { text-decoration: underline; }
#subNav a.active { background: #a0a0a0; color: #fff; font-weight: bold; }

.LayoutHome #columnWrapper { width: 100%; margin: 0px; }
.LayoutHome #columnWrapper td { text-align: justify; vertical-align: top; }
.LayoutHome #columnWrapper tbody td { border-left: 1px solid #a0a0a0; padding: 20px; }
.LayoutHome #column1 { width: 418px; }
.LayoutHome #column2 { width: 200px; }

.LayoutSub1A #column1 { background: #f0f0f0; padding: 20px; }

.LayoutSub2A #columnWrapper { margin: 0px; }
.LayoutSub2A #column1 { width: 179px; padding: 15px 0px 0px 0px; border-right: 1px solid #a0a0a0; }
.LayoutSub2A #column2 { padding: 20px; width: 720px; }

.LayoutSub2B #column1 { float: left; width: 190px; border-bottom: 1px solid #a0a0a0; }
.LayoutSub2B #column2 { margin-left: 210px; }

#bfCalendarFrame { width: 99%; height: 300px; border: 0px; }
#bfHomePageEventSummary { width: 99%; height: 250px; border: 0px; }

#bottomAdBar { height: 70px; padding: 10px 0px 0px 10px; }
#footerSection {
	clear: both;
	padding-top: 15px;
	border-top: 1px solid #a0a0a0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.6;
}


.ClearingBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}

.SpacerBlock {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	height: 20px;
}

#contactForm { background: #f0f0f0; padding: 20px; width: 300px; float: left; margin-right: 30px; }
#contactForm table { width: 100%; }
#contactForm td { width: 50%; }
#contactForm td.Sep, #contactForm td.Sep div { width: 20px; }
#contactForm textarea { width: 100%; }
#contactForm h4 { margin-top: 10px; }
#contactForm #btnSubmit { background: #8c4; color: #fff; border: 1px solid #666; padding: 2px; font-weight: bold; }

.TextBox, textarea { border: 1px solid #ccc; background: #fff; }
.RequiredTextBox { border: 1px solid #fc0; background: #fff; }

#primaryNav { 
	padding: 13px 20px 0px 20px;
	height: 25px;
	background: #f0f0f0;
	margin: 0px;
	border-top: 1px solid #a0a0a0;
	border-bottom: 5px solid #a0a0a0;
}
.LayoutHome #primaryNav { 
	border-bottom: 1px solid #a0a0a0;
}
#primaryNav a { display: block; float: left; zoom: 1; height: 25px; }
#primaryNav img { margin: 0px }


#nav	{
	margin:0;
	padding:0;
}

#nav ul {
	text-indent:-999em;
	position:absolute;

}

#nav li {
	list-style:none;/* can't take this out */
	float: left;
	margin:0;/*can't take out*/
}
#nav li a{
	width:100%;
	height:26px;
}

#nav ul li {
	float:none;
}
#nav ul li a{
	display:block;
}
#nav li ul{
	text-indent:-999em;
	position:absolute;
	visibility:hidden;
}
#nav li:hover ul {/*submenu*/
	position: absolute;
	z-index: 9998;
	margin: 25px 0 0 0;
	padding: 0;
	width: 200px;
	text-indent:0;
	border: 5px solid #a0a0a0;
	background: #f0f0f0;
	list-style: none;
	display:block;
	visibility:visible;
}
#nav li:hover ul li {
	border-top: 1px solid #b0b0b0; /*with clear:both, this makes the line go across*/
	padding:0;
	margin:0;
	clear:both;
}

#nav li li a {
	display: block;
	padding:0px 0px 0px 10px;
	/*margin: 3px 0 -3px 0;*/
	color: #333;
	text-decoration: none;
	zoom: 1;
	height:25px;
	line-height:25px;
}

#nav li li.first { border-top: 0px; }


#nav li li a:hover {
	background: #D9E7CC;
	color: #333;
	width: 190px;/*green all the way across*/
}

#menu2 {
	cursor:pointer;
	width:57px;
	text-indent:-9999px;
	background: url(images/nav_home_off.gif) no-repeat;
}
#menu3 {
	cursor:pointer;
	width:77px;
	text-indent:-9999px;
	background: url(images/nav_about_off.gif) no-repeat
}
#menu4 {
	cursor:pointer;
	width:97px;
	text-indent:-9999px;
	background: url(images/nav_membership_off.gif) no-repeat
}
#menu5 {
	cursor:pointer;
	width:60px;
	text-indent:-9999px;
	background: url(images/nav_events_off.gif) no-repeat
}
#menu6 {
	cursor:pointer;
	width:80px;
	text-indent:-9999px;
	background: url(images/nav_education_off.gif) no-repeat
}
#menu7 {
	cursor:pointer;
	width:139px;
	text-indent:-9999px;
	background: url(images/nav_news_off.gif) no-repeat
}
#menu8 {
	cursor:pointer;
	width:109px;
	text-indent:-9999px;
	background: url(images/nav_membersonly_off.gif) no-repeat
}
#menu9 {
	cursor:pointer;
	width:89px;
	text-indent:-9999px;
	background: url(images/nav_consumers_off.gif) no-repeat
}
#menu10 {
	cursor:pointer;
	width:86px;
	text-indent:-9999px;
	background: url(images/nav_contact_off.gif) no-repeat
}

#menu2.active { background: url(images/nav_home_on.gif) no-repeat}
#menu3.active { background: url(images/nav_about_on.gif) no-repeat;}
#menu4.active {background: url(images/nav_membership_on.gif) no-repeat}
#menu5.active {background: url(images/nav_events_on.gif) no-repeat}
#menu6.active {background: url(images/nav_education_on.gif) no-repeat}
#menu7.active {background: url(images/nav_news_on.gif) no-repeat}
#menu8.active {background: url(images/nav_membersonly_on.gif) no-repeat}
#menu9.active {background: url(images/nav_consumers_on.gif) no-repeat}
#menu10.active {background: url(images/nav_contact_on.gif) no-repeat}