@charset "utf-8";
/* Styles for hcpreventioncoalition.com */

.access{ display:none; }
.clear{ clear:both; }
.center{ text-align:center; }

*{ margin:0; padding:0; list-style:none; }
body{ font-size:small; font-family:Arial, Helvetica, sans-serif; }
a{ color:#001361; }
h1{ color:#000; font-weight:normal; margin:0 0 10px; width:417px; }
h2{ background:url(/img/bg-h2.jpg) no-repeat 0 0; color:#445079; font-weight:normal; margin:0 0 10px; padding:9px 0 5px 8px; }
h3{}
p{ margin:0 0 15px; }
ul{ margin:0 0 15px; }
ul li{ background:url(/img/bg-bullet.png) no-repeat 0 0; padding:0 0 0 11px; color:#001361; }
ol{ margin:0 0 15px 18px; }
	ol li{ list-style:decimal; padding:0 0 0 11px; }
		ol li ul li{ list-style:none; }
blockquote { color:#081590; font-size:130%; font-weight:normal; padding:10px 0 0 56px; text-align:center; width:562px; }
cite { border:none; color:#000; display:block; padding:0 0 15px; text-align:right; }
.blue-text{ color:#081590; }

/* -----Branding----- */
#branding{ background:#ccd2e7 url(/img/bg-branding.jpg) repeat-x 0 top; }
	#branding-in{ background:#ccd2e7 url(/img/bg-branding.jpg) repeat-x 0 top; margin:0 auto; width:955px; }
		#branding-content{ margin:0 auto; width:780px; }
			#logo{ border:0; padding:13px 10px 10px 11px; }
			#branding-txt{ padding:34px 0 0 95px; text-align:right; vertical-align:top; }
		
/* -----Navigation----- */
#nav{ background:#1e369a url(/img/bg-nav.jpg) repeat-x 0 top; text-align:center; }
	#nav-in{ background:#1e369a url(/img/bg-nav.jpg) repeat-x 0 top; margin:0 auto; width:955px; }
		#nav #header{ background:url(/img/hcpc.png) no-repeat 81px 4px; color:#fff; float:left; font-size:240%; height:30px; letter-spacing:8px; text-indent:-9999px; width:100%;}
		#nav ul{ background:none; float:left; height:121px; padding:0; margin:0 0 0 98px; text-align:left; width:100%; }
			#nav ul li{ background:url(/img/main-nav-img-parents.jpg) no-repeat 0 37px; float:left; margin:0 0 3px 10px; padding:0 0 87px; width:178px; }
				#nav ul li.img-members{ background:url(/img/main-nav-img-members.jpg) no-repeat 0 37px; }
				#nav ul li.img-youth{ background:url(/img/main-nav-img-youth.jpg) no-repeat 0 37px; }
				#nav ul li.img-involved{ background:url(/img/main-nav-img-involved.jpg) no-repeat 0 37px; }
					#nav ul li a{ color:#fff; display:block; height:37px; overflow:hidden; width:178px; text-indent: -9999px; }
						#parents{ background:url(/img/bg-nav-parents-inside.jpg) no-repeat 0 0; }
							#parents:hover{ background:url(/img/bg-nav-parents-inside-on.jpg) no-repeat right 0; }
						#comm{ background:url(/img/bg-nav-comm-inside.jpg) no-repeat 0 0; }
							#comm:hover{ background:url(/img/bg-nav-comm-inside-on.jpg) no-repeat right 0; }
						#youth{ background:url(/img/bg-nav-youth-inside.jpg) no-repeat 0 0; }
							#youth:hover{ background:url(/img/bg-nav-youth-inside-on.jpg) no-repeat right 0; }
						#involved{ background:url(/img/bg-nav-involved-inside.jpg) no-repeat 0 0; }
							#involved:hover{ background:url(/img/bg-nav-involved-inside-on.jpg) no-repeat right 0; }

/* -----Main-Nav----- */
#main-nav{ background:#001361 url(/img/bg-main-nav.png) repeat-x 0 0;  }
	#main-nav-in{ background:#001361 url(/img/bg-main-nav.png) repeat-x 0 0; margin:0 auto; width:955px; }
		#main-nav-content{ margin:0 auto; width:780px; position:relative;}
			#main-nav ul{ float:left; margin:0; padding:0 0 0 0px; width:100%; }
				#main-nav ul li{ background:none; color:#fff; float:left; padding:0 0 0 3px; }
					#main-nav ul li span{ float:left; padding:9px 9px 9px 5px; }
					#main-nav ul li a{ background:none; color:#fff; display:block; float:left; font-size:135%; padding:0 0 0 5px; text-decoration:none; }
						#main-nav ul li a:hover{ background:url(/img/bg-nav-corner-l.png) no-repeat left 0; _background:#fff; color:#001361; }
						#main-nav ul li a:hover span{ background:url(/img/bg-nav-corner-r.png) no-repeat right 0; _background:none; }

/* sub-nav */
#main-nav li ul{ background: url(/img/bg-sub-nav.png) no-repeat 0 bottom; left:0; margin:0px 0 0 -1000em; padding:6px 0; position:absolute; top:36px; width:100%; }
	#main-nav li:hover ul, #main-nav li.sfhover ul{ margin:0 0 0 0; }
		#main-nav li ul li{ background:url(/img/bg-sub-nav-li.png) no-repeat right center; float:left; font-size:80%; font-weight:bold; left:0; margin:0; padding:0; position:relative; top:0; text-align:center; }
			#main-nav li ul li a{ color:#001361; cursor:pointer; float:left; padding:5px 10px;}
				#main-nav li ul li a:hover{ background:none; text-decoration:underline; }

/* -----Content----- */
#content{ background:url(/img/bg-content.jpg) repeat-x 0 0; line-height:2.1em; margin:30px 0 0; padding-top:25px; font-size:90%; }
	#content-in{ background:#fff; margin:0 auto; padding:30px 50px; width:680px; }
		#content-main{ float:left; min-height:100px; _min-height:100px; width:425px; }
			#content-main.width{ width:100%; }
		#content-sub{ float:left; width:215px; padding:0 0 0 40px; }
		
/* -----BreadCrumb----- */
#breadcrumb li{ background:none; color:#000; float:left; padding:0 3px 0 0; }
	#breadcrumb li a{ color:#001361; }	

/* gallery */
#gallery{ background:url(/img/bg-gallery-rp.png) repeat-y 0 0; float:right; margin:0 -20px 20px 20px; _ margin:0 -10px 20px 20px; width:207px; }
	#gallery-top{ background:url(/img/bg-gallery-top.png) no-repeat 0 0; float:right; width:207px; }
		#gallery-btm{ background:url(/img/bg-gallery-btm.png) no-repeat 0 bottom; float:right; padding:10px; width:187px; }
	#gallery h2{ text-align:left; }
	#photos{ text-align:center; }
		#photos img{ border:1px solid #4d524e; padding:0; }
		#photos #imgSlide{ margin:0 0 0 3px; }
		#photos #larger{ font-size:80%; padding:0 0 30px; }
		#photos #thumbs{ float:left; margin:0; padding:0; }
			#photos #thumbs li{ background:none; float:left; margin:0; padding:0 2px 2px; }
				#photos #thumbs li a{ float:left; margin:0; padding:0; }
	#files ul{ padding:0; text-align:center; }
		#files ul li{ background:none; margin:0; padding:0 0 4px; }
		#files ul li.pdf, #files ul li.word, #files ul li.excel, #files ul li.other{ margin:6px 0 6px 0; padding:2px 0 2px 25px; text-align:left; }
							#files ul li.pdf{ background:url(/img/img-pdf.png) no-repeat left center; }
							#files ul li.word{ background:url(/img/img-word.png) no-repeat left center; }
							#files ul li.excel{ background:url(/img/img-excel.png) no-repeat left center; }
							#files ul li.other{ background:url(/img/img-other.png) no-repeat left center; }
	
/* -----Footer----- */
#footer{ background:#9aa3c8; float:left; font-size:90%; text-align:center; line-height:normal; padding:0 0 10px; width:100%; }
	#footer-nav{ margin:0 auto; width:680px; } 
		#footer ul{ width:100%; margin:5px 0 5px; }
			#footer ul li{ background:none; display:inline; }
				#footer ul li a{ color:#001361; font-weight:bold; text-decoration:none; }
		#footer p{ color:#fff; padding:0; margin:0; }
		#footer #tkg{ color:#fff; margin:5px 0; }
			#footer #tkg a{ color:#001361; }

/* forms */
form{ float:left; width:355px; }
	form fieldset{ border:none; }
		form p{ color:#081590; padding:10px; text-align:right; }
		form fieldset legend{ display:none; }
		form fieldset div.full-row{ float:left; padding:0 0 15px; width:100%; }
			form fieldset div.full-row label{ display:block; float:left; padding:0 15px 0 0; text-align:right; width:120px; }
			form fieldset div.full-row input{ float:left; width:180px; border:2px solid #CFCFCF; }
			form fieldset div.full-row textarea{ height:230px; width:180px;  border:2px solid #CFCFCF; }
				form fieldset div.full-row input:hover, form fieldset div.full-row textarea:hover, form fieldset div.full-row input:focus, form fieldset div.full-row textarea:focus{ border:2px solid #081590; }
					form fieldset div.full-row input.submit{ color:#081590; background:none; float:right; width:80px; }
						form fieldset div.full-row input.submit:hover{ }
			form fieldset div.full-row fieldset ol{ float:left; }
				form fieldset div.full-row fieldset ol li{ float:left; list-style-type:none; }
					form fieldset div.full-row fieldset ol li label{ float:left; text-align:left; width:100%; }
						form fieldset div.full-row fieldset ol li label input{ float:left; margin:5px 5px 0 0; width:auto; }
					
		

	div#alert{ background:#f1f1f1; border:1px solid #081590; display:none; padding:20px 0; text-align:center; }
		div#alert p#msg{ color:#081590; }
		div#alert p{ color:#6F6F6F; }

/* vcard / directions */
address.vcard{ color:#081590; float:right; font-style:normal; width:260px; padding:53px 0 20px; }
	address.vcard span.org, address.vcard span.street-address, address.vcard span.tel{ display:block; }
	
/* sitemap */
#sitemap li{ background:url(/img/bg-bullet.png) no-repeat 0 22px; float:left; padding:15px; width:100%; }
	#sitemap-txt{ color:#000; }
		#sitemap li a h2{ margin:0 0 5px; padding:0; }	
		#sitemap li ul li{ background:none; margin:0 0 0 15px; padding:0 0 0 15px; }
			#sitemap li ul li a:hover{ text-decoration:underline; }