@charset "utf-8";



/* CSS Document */







body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.7em; } 



body a { } 



.borderNone { border: none; }



.last { border: none; }



.clear{ clear:both; }



/*  ====================  BEGIN TOP NAV STYLES   ====================  */



		#topNavContainer { width: 100%; height: 30px; margin: 0 auto; background-color: #92B951; }



			#topNav { width: 960px; height: 30px; margin: 0 auto; }



			#topNav ul { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; padding: 8px 0 0 0; }



			#topNav ul li { float: left; border-right: 1px solid #FFFFFF; margin: 0 0 0 18px; padding: 0 18px 0 0; line-height: 1em; }



			#topNav ul li.last { border: none; }



			#topNav ul li a { color: #FFFFFF; text-decoration: none; }



			#topNav ul li a:hover { color: #495C29; text-decoration: none; border: none; }











/*  ====================  BEGIN HEADER STYLES   ====================  */







		#mainContainer { width: 962px; margin: 0 auto; }



				#header { width: 960px; height: 100px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }



				#header #logo { float: left; width: 435px; height: 70px; background: transparent url(../_images/hmp-logo.jpg) 0 0 no-repeat; margin: 20px 0 0 10px; }



						#logo a { display: block; width: 435px; height: 70px; text-indent: -9999px; }



						#logo a:hover { border: none; }



						.searchBox { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.7em; color: #B7B7B7; float: right; 



						             width: 220px; height: 20px; padding: 5px 0 3px 5px; margin: 40px 10px 0 0; border: 1px solid #CCCCCC; 



									 background:transparent url(../_images/bg-search-box-arrow.gif) 200px 3px no-repeat; }



						











/*  ====================  BEGIN BODY STYLES   ====================  */







		#body { width: 960px; border: 1px solid #E5E5E5; border-bottom: none; background:transparent url(../_images/bg-body.gif) 0 0 repeat-y; padding: 0 0 50px 0; }



		#body #mainNavContainer { position: relative; float: left; width: 160px; }



			  #mainNavContainer ul { font-size: 15px; font-weight: normal; color: #3E3F40; margin: 32px 0 0 0; }



			  #mainNavContainer ul li { width: 160px; height: 40px; background: transparent url(../_images/bg-main-nav-list.gif) 0 0 repeat-y; 



			                              border-bottom: 1px solid #ABC6DD; }



			  #mainNavContainer ul li.borderNone { border: none; }



			  #mainNavContainer ul li a { display: block; width: 150px; height: 31px; padding: 10px 0 0 10px; color: #3E3F40; 



			                              text-decoration: none; border: none; }



			  #mainNavContainer ul li a:hover { color: #FFF; background-color: #6DA1C6; border: none; }



			  #mainNavContainer ul li a:hover span { color: #FFF; background-color: #6DA1C6; border-bottom: 1px solid #ABC6DD; border-style: dotted;}



			  #mainNavContainer ul li a.selected { width: 160px; color: #FFF; background: url(../_images/bg-main-nav-selected.gif) 0 0 no-repeat; border: none; }



			  #mainNavContainer ul li a.selected:hover { background-color: transparent; border: none; }



			  #mainNavContainer ul li.ourMarkets { position: absolute; top: 0; left: 0; width: 175px; height: 45px; margin: 0 0 0 -13px; 



			                                       background: url(../_images/bg-our-markets.gif) 0 0 no-repeat; text-indent: -9999px; border: none; }











/*  ====================  BEGIN MAIN BODY CONTENT   ====================  */







		#body #bodyContent { float: right; width: 750px; padding: 20px 0 0 40px; }



				#bodyContent p { font-weight: normal; color: #333333; padding: 10px 0 10px 0; }



				#bodyContent h1 { font-size: 30px; font-weight: normal; color: #015BAB; }



				#bodyContent h2 { font-family: Arial, Helvetica, sans-serif; color: #035BAB; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 15px 0 0px 0; }



				#bodyContent h3 { font-size: 18px; font-family: Georgia, "Times New Roman", serif; font-weight: normal; color: #336600; padding: 20px 0 0px 0; line-height: 22px;}



				#bodyContent h4 { font-family: Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; padding: 5px 0 15px 0; font-style: italic;}



				#bodyContent .dottedBar { height: 11px; width: 740px; background: url(../_images/bg-blue-dotted-bar.gif) 0 0 repeat-x; margin: 15px 0 20px 0; }



				#bodyContent a { color: #FF6600; text-decoration: none; }



				#bodyContent a:hover { text-decoration: none; border-bottom-width: 1px; border-style: dotted; }



				#bodyContent #content { float: left; width: 525px;  }

				

				#bodyContent #contentWide { float: left; width: 725px;  }





				/*-- begin news page styles */



				#bodyContent #contentWide .newsItem { float: left; clear: both; width: 725px; border-bottom: 1px dotted #E5E5E5; padding: 20px 0 20px 0; }



				#bodyContent #contentWide .newsItem .date { float: left; width: 125px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #669933; }



				#bodyContent #contentWide .newsItem .description { float: left; position: relative;  width: 400px; color: #669933;  }



				#bodyContent #contentWide .newsItem .description a { font-family: Georgia, "Times-New-Roman", serif; color: #669933;  }

				

				img.newsLogo {float: right; }



				



				/*-- end news page styles */



				#bodyContent #content ul { margin: 0 0 0 15px; }



				#bodyContent #content ul li { list-style-image: url(../_images/bg-green-list-circle.jpg); margin: 0 0 10px 0; color: #333333; }



				#bodyContent #content ul li.nested { list-style-image: url(../_images/bg-interior-nested-list.gif); color: #333333; }



				#bodyContent #contentRightColumn { float: right; width: 200px; padding: 0 20px 0 0; }



				             #contentRightColumn #imageCaption { float: right; width: 150px; padding: 0px 0 0 0; }



							 #contentRightColumn #imageCaption p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; line-height: 1.3em; 																                                                                   color: #666666; }



							 



							 



/*  ====================  BEGIN HOME PAGE INFORMATION BANNERS AND ROTATOR FEATURE   ====================  */







	#bodyContent #rotator { display: inline; width: 800px; }



					#rotator p { font-size: 15px; color: #3E3F40; }



					#rotator #left { float: left; width: 425px; margin: 0 0 50px 0; }



					#rotator #left h2 { width: 400px; font-family:Georgia; font-size:28px; font-style:italic; font-weight:normal; text-transform:none;



										margin-bottom:12px; margin-top:0px; padding-top:0px; line-height:34px; background-color:#FFF;}



					#rotator #left h3{ width: 400px; margin-bottom:0px; font-style:normal; text-transform: uppercase; font-size: 16px; letter-spacing:2px; color:#035BAB;



										padding-top:0px; }



					#rotator #right { float: right; width: 300px; }



	   



	   #bodyContent #infoBanners { clear: both; width: 780px; margin: 0 0 0 -20px; height: 350px; }



					#infoBanners .bannerItem { float: left; width: 190px; height: 50px; }



					#infoBanners .bannerItem p { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 0 15px; line-height: 1.5em; }



					#infoBanners .bannerItem p.smallLinks { color: #FF6600; text-decoration: none; font-size: 10px; margin: 15px; }
					
					
					#infoBanners .bannerItem p.smallLinks2 { color: #FF6600; text-decoration: none; font-size: 10px; margin: 10px; padding: 0 0 0 5px; }



					#infoBanners .bannerItem ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 0 15px; line-height: 1.5em; }



					#infoBanners .bannerItem ul a { color: #3E3F40; }



					#infoBanners .bannerItem ul a:hover { color: #3E3F40; text-decoration: none; }



					#infoBanners .bannerItem ul li { margin: 0 0 10px 15px; list-style-image: url(../_images/bg-green-list-circle.jpg); }

					

					#infoBanners .bannerItem h3 a{ border:none; background-position:top left; background-repeat:no-repeat}

					

					#infoBanners .bannerItem h3 a:hover{ border:none; background-position:bottom left; }



					#infoBanners .bannerItem #aboutHMP a { display: block; width: 195px; height: 50px; 



													     background-image: url(../_images/bg-banner-about-hmp.jpg); text-indent: -9999px; }



					#infoBanners .bannerItem #capabilities a { display: block; width: 195px; height: 50px; 



					                                          background-image: url(../_images/bg-banner-capabilities.jpg); text-indent: -9999px; }



					#infoBanners .bannerItem #latestNews a { display: block; width: 195px; height: 50px; 



					                                       background-image: url(../_images/bg-banner-latest-news.jpg); text-indent: -9999px; }



					#infoBanners .bannerItem #upcomingEvents a { display: block; width: 195px; height: 50px; 



					                                           background-image: url(../_images/bg-banner-upcoming-events.jpg); text-indent: -9999px; }











/*  ====================  BEGIN FOOTERS - TOP FOOTER   ====================  */







		#footerContainerTop { width: 100%; background: #A8A5A0 url(../_images/bg-top-footer.gif) 0 0 repeat-x; 



		                      margin: 0 auto; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }



					#contactInfo { position: relative; width: 1000px; margin: 0 auto; padding: 20px 0 20px 0; }



					#contactInfo ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; margin: 0 0 0 40px; }



					#contactInfo ul li { display: inline; border-right: 1px solid #8E8D89; padding: 0 10px 0 10px; }



					#contactInfo ul li.last { border: none; }



					#contactInfo #hmpLogo { position: absolute; top: 12px; left: 5px; background: transparent url(../_images/hmp-logo-footer.jpg) 0 0 no-repeat; 



					                        border: none; height: 35px; width: 30px; text-indent: -9999px; }











/* ====================  BEGIN BOTTOM FOOTER   ====================  */







		#footerContainerBottom { width: 100%; background-color: #B5B3AE; margin: 0 auto; }



					#footerNav { position: relative; width: 960px; margin: 0 auto; padding: 20px 0 100px 0; }



					#footerNav ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 20px; width: 710px; }



					#footerNav ul li { display: inline; border-right: 1px solid #8E8D89; padding: 0 10px 0 10px; line-height: 2em; }



					#footerNav ul li a { color: #333333; text-decoration: none; }



					#footerNav ul li a:hover { text-decoration: none; border-bottom-width: 1px; border-style: dotted; }



					#footerNav ul li.ourMarkets { color: #FFF; display: block; float:left; width:80px; height: 18px; padding:0px; border-right:none;



													background:url(../_images/bg-our-markets-footer.gif) no-repeat; text-indent: -999em;}



					



					#footerNav ul li.border { border: none; }



					#footerNav #naccmeLogo { position: absolute; top: 75px; left: 25px; 



					background: transparent url(../_images/naccme-logo-footer.jpg) 0 0 no-repeat; height: 30px; width: 90px; text-indent: -9999px; }



					#footerNav #hmpCommLogo { position: absolute; top: 77px; left: 150px; 



					background: transparent url(../_images/hmp-logo-bottom-footer.jpg) 0 0 no-repeat; height: 30px; width: 150px; text-indent: -9999px; }











/*====================== BEGIN GALLERY STYLES  ======================= */



	#mooFlow{ width:250px; height:250px !important; }



		#mooFlow .autoPlayCon{ visibility:hidden; width:0px; }



		#mooFlow .mfNav{ bottom:0 !important;}



		#mooFlow .sliderCon{ width:55px; height:20px; margin-left:auto; margin-right:auto; float:none; margin-top:10px;}



			#mooFlow .sliderCon .slider{ display:none; width:1px; }



		#mooFlow a:hover{ border:none; }



		#mooFlow a.sliderPrev, #mooFlow a.sliderNext{ height:21px; }



		



	#mooflowDescs{ position:relative; }



		#mooflowDescs div{ position:absolute; visibility:hidden; }