/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www..com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff4d6;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#474747;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 780px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#675f80; }
	h1 { font-size: 1.5em; color:#6d8d23;}
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link,
	a:visited { color:#675f80; text-decoration:none; }
	a:hover { color:#675f80; text-decoration:underline; }
	
	a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/pdf-icon.gif) no-repeat right center;
	}
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#outer_container {
	  width: 910px;
	  margin: 0 auto;
	  padding: 0;
	  margin-top:24px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#inner_container {
	  width: 910px;
	  margin: 0 auto;
	  padding: 0;
	  background:#ffffff;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
		#inner_container .t {background: url(../images/inner_container-t.jpg) 0 0 repeat-x; width:100%; }
		#inner_container .b {background: url(../images/inner_container-b.jpg) 0 100% repeat-x; }
		#inner_container .l {background: url(../images/inner_container-l.jpg) 0 0 repeat-y; }
		#inner_container .r {background: url(../images/inner_container-r.jpg) 100% 0 repeat-y; }
		#inner_container .bl {background: url(../images/inner_container-bl.jpg) 0 100% no-repeat; }
		#inner_container .br {background: url(../images/inner_container-br.jpg) 100% 100% no-repeat; }
		#inner_container .tl {background: url(../images/inner_container-tl.jpg) 0 0 no-repeat; }
		#inner_container .tr {background: url(../images/inner_container-tr.jpg) 100% 0 no-repeat; padding:0 15px;}
	
	#content { }
	
	#footer { text-align:center; height:45px; padding:5px 0 0 0 0; margin:5px 0 0 0; background:url(../images/greater-hazelton-health-alliance.gif) no-repeat top right; }
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:46px; margin:0; padding:83px 0 10px 0; list-style-type:none; }
	ul#nav_main li { height:46px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.home { width:105px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn-home.jpg) no-repeat; }
	ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn-home.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.meet-us { width:105px; }
	ul#nav_main li.meet-us a span,ul#nav_main li.meet-us a:link span { background:url(../images/buttons/btn-meet-us.jpg) no-repeat; }
	ul#nav_main li.meet-us a:hover span,body.meet-us ul#nav_main li.meet-us a span { background:url(../images/buttons/btn-meet-us.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.locations { width:116px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.jpg) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.forms-policies { width:167px; }
	ul#nav_main li.forms-policies a span,ul#nav_main li.forms-policies a:link span { background:url(../images/buttons/btn-forms-policies.jpg) no-repeat; }
	ul#nav_main li.forms-policies a:hover span,body.forms-policies ul#nav_main li.forms-policies a span { background:url(../images/buttons/btn-forms-policies.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.for-parents { width:128px; }
	ul#nav_main li.for-parents a span,ul#nav_main li.for-parents a:link span { background:url(../images/buttons/btn-for-parents.jpg) no-repeat; }
	ul#nav_main li.for-parents a:hover span,body.for-parents ul#nav_main li.for-parents a span { background:url(../images/buttons/btn-for-parents.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.expecting { width:118px; }
	ul#nav_main li.expecting a span,ul#nav_main li.expecting a:link span { background:url(../images/buttons/btn-expecting.jpg) no-repeat; }
	ul#nav_main li.expecting a:hover span,body.expecting ul#nav_main li.expecting a span { background:url(../images/buttons/btn-expecting.jpg) no-repeat 0 -46px; }
	
	ul#nav_main li.contact { width:141px; }
	ul#nav_main li.contact a span,ul#nav_main li.contact a:link span { background:url(../images/buttons/btn-contact-us.jpg) no-repeat; }
	ul#nav_main li.contact a:hover span,body.contact ul#nav_main li.contact a span { background:url(../images/buttons/btn-contact-us.jpg) no-repeat 0 -46px; }
	
	
	#nav_sub { width:325px; height:30px; float:right; clear:right; margin:-10px 0 0 0; padding-right:8px; background:url(../images/nav-sub-bg.jpg) no-repeat; color:#444444; font-family:Georgia, "Times New Roman", Times, serif; }
	#nav_sub form {margin:4px 0 0 30px; padding:0; }
	#nav_sub form select {height:20px; width:230px; margin:0 0 0 5px; border:1px solid #e3e3e3; color:#656565; }
	
	
	#nav_supp { font-size: 0.92em;}
	#nav_supp, #nav_supp a, #nav_supp a:visited { color: #444444; text-decoration: none; }
	#nav_supp a:hover { color: #444444; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:100px; width:903px; position:absolute; margin:-24px 0 0 15px;}
	
	#branding #appointments {width:195px; margin:11px 0 0 0; padding:0 0 0 130px; font-size:24px; color:#6d8d23; background: url(../images/appointments.gif) no-repeat; float:right; clear:right; font-weight:bold;}
	
	#branding h1 { width:295px; height:100px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif); }
	
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	
	#three_column #branding-sub { float:left; width:610px; height:247px; margin-right:10px; background:url(../images/flash.jpg) no-repeat; } 
	
	#three_column #whats-new { float:left; width:230px; height:230px; margin:0; padding:17px 5px 0 25px; background:url(../images/whats-new-bg.jpg) no-repeat; overflow:hidden;}
	#three_column #whats-new h2 { width:193px; height:24px; margin:0 0 0 -2px; padding:0; position:relative; overflow:hidden;  }
	#three_column #whats-new h2 span { width:100%; height:100%; position:absolute;  background:url(../images/whats-new.jpg); }
	#three_column #whats-new h3 { margin:7px 0 0 0; padding:0; color:#6d8d23;}
	#three_column #whats-new p { margin:4px 0; padding:0; }
	#three_column #whats-new a,
	#three_column #whats-new a:visited { color:#444444; text-decoration:none; }
	#three_column #whats-new a:hover { color:#444444; text-decoration:underline; }
	
	#three_column #content {width:850px; padding:15px 14px; clear:both; }
	
	#three_column #content_main { float:left; width:290px; margin-right:20px;}
	#three_column #content_main h2 { width:280px; height:32px; margin:0 0 0 -2px; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute;  background:url(../images/welcome.gif); }
	#three_column #content_main p {margin:10px 0; padding:0;}
	
	#three_column #content_sub { float:left; padding:0px 10px; width:268px; min-height:195px; height:auto !important; height:195px; margin-right:20px; background:url(../images/child-health-library-bg.jpg) no-repeat bottom;}
	#three_column #content_sub h2 { width:180px; height:25px; margin:0 0 0 -10px; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute;  background:url(../images/child-health-library.gif); }
	#three_column #content_sub h3 { width:102px; height:16px; margin:18px 0 0 0; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_sub h3 span { width:100%; height:100%; position:absolute;  background:url(../images/online-library.gif); }
	#three_column #content_sub p {margin:10px 0; padding:0;}
	#three_column #content_sub img.left {margin:18px 10px 20px 0; padding:0;}
	
	#three_column #content_supp{ float:left; width:232px; } 
	#three_column #content_supp h2 { width:161px; height:25px; margin:0; padding:0; position:relative; overflow:hidden;  }
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute;  background:url(../images/featured-services.gif); }
	#three_column #content_supp img {padding-top:7px;}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:625px; float:right; margin:0; padding:0 20px 30px 0;}
	
	#two_column #content_main h1 {width:350px; height:24px; margin:0; padding:0; position:relative; overflow:hidden;}
		#two_column.meet-us #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-meet-us.gif);}
		#two_column.locations #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-locations.gif);}
		#two_column.forms-policies #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-forms-policies.gif);}
		#two_column.for-parents #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-for-parents.gif);}
		#two_column.expecting #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-expecting.gif);}
		#two_column.contact-us #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-contact-us.gif);}
		#two_column.thank-you #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-thank-you.gif);}
		#two_column.privacy-policy #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-privacy-policy.gif);}
		#two_column.whats-new #content_main h1 span {width:100%; height:100%; position:absolute;  background:url(../images/banners/banner-whats-new.gif);}
	
	#two_column #content_sub {width:211px; float:left; margin:0; padding:0 0 20px 0; }
	#two_column #content_sub #in-this-section { width:211px; height:235px; margin:0; padding:0; background:url(../images/in-this-section-bg.jpg) no-repeat; }	
	#two_column #content_sub #in-this-section h2 {width:160px; height:24px; margin:0; padding:15px 0 7px 22px; position:relative; overflow:hidden;}
	#two_column #content_sub #in-this-section h2 span {width:100%; height:100%; position:absolute;  background:url(../images/in-this-section.gif) no-repeat;}
	
	#two_column #content_sub ul { margin:0; padding:0 10px 0 24px; list-style-type:none; }
	#two_column #content_sub ul li {color:#454545; margin:0; padding:1px 0; }
	#two_column #content_sub ul li a,
	#two_column #content_sub ul li a:visited {color:#454545; text-decoration:none; }	
	#two_column #content_sub ul li a:hover {color:#454545; text-decoration:underline; }	
	
	#two_column #content_sub #callouts {}
	
	#two_column.forms-policies #content_main ul.forms {list-style-type:none; margin:0; padding:0;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right;}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.jpg) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background: #efe4cd url(../images/directionsMiddle.jpg) no-repeat; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.jpg) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}

	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; margin-top:5px;}
	#site_info, #site_info a, #site_info a:visited { color: #444444; text-decoration: none;}
	#site_info a:hover {color: #444444; text-decoration: underline; }
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0;}
	img.right { float:right; margin:0 0 10px 10px;}
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:cetner; }
	
	
}