/*-----------------------------------------------------------------------------
Pediatric Care Unlimited Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.pediatriccareunlimited.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 840px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#D5E1ED;
	}
	
	/* Class for clearing floats */
	#three_column .clear { clear:both; }
	#two_column .clear { height:20px; clear:both; background:url(../images/bg_content_bottom.gif) no-repeat; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; font-family:Georgia, "Times New Roman", Times, serif; }
	h1 { font-size: 1.5em; color:#0e3793; }
	h2 { font-size: 1.3em; color:#0e3793; }
	h3 { font-size: 1.1em; color:#0e3793; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	h2.banner { display:inline; width:475px; height:159px; margin:0 40px 0 0; float:right; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; }
	
	body.meet_us h2.banner span { background:url(../images/banners/banner_meet_us.jpg) no-repeat; }
	body.location h2.banner span { background:url(../images/banners/banner_location.jpg) no-repeat; }
	body.for_parents h2.banner span { background:url(../images/banners/banner_for_parents.jpg) no-repeat; }
	body.expecting h2.banner span { background:url(../images/banners/banner_expecting.jpg) no-repeat; }
	body.policies_forms h2.banner span { background:url(../images/banners/banner_policies_forms.jpg) no-repeat; }
	body.contact_us h2.banner span { background:url(../images/banners/banner_contact_us.jpg) no-repeat; }
	body.thanks h2.banner span { background:url(../images/banners/banner_thanks.jpg) no-repeat; }
	body.privacy h2.banner span { background:url(../images/banners/banner_privacy.jpg) no-repeat; }
	body.news h2.banner span { background:url(../images/banners/banner_news.jpg) no-repeat; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #169338; }
	a:visited { color: #169338; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:#e0e9f1;
	}
	
	#two_column #content { padding:0; margin:20px 0 0px 40px; background:url(../images/bg_content.gif) repeat-y; }
	
	#footer { height:70px; background:#D5E1ED url(../images/bg_footer.gif) no-repeat; }
	#two_column #footer { margin-top:20px; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	ul#nav_main { height:69px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:69px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; }
	* html #nav_main a:hover { background:#ccccff; } /* IE6 rollover fix. */
	
	ul#nav_main li.meet_us { width:140px; }
	ul#nav_main li.meet_us a span, ul#nav_main li.meet_us a:link span { background:url(../images/buttons/btn_meet_us.gif) 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.gif) no-repeat 0 -69px; }

	ul#nav_main li.location { width:141px; }
	ul#nav_main li.location a span, ul#nav_main li.location a:link span { background:url(../images/buttons/btn_location.gif) no-repeat; }
	ul#nav_main li.location a:hover span, body.location ul#nav_main li.location a span { background:url(../images/buttons/btn_location.gif) no-repeat 0 -69px; }
	
	ul#nav_main li.for_parents { width:140px; }
	ul#nav_main li.for_parents a span, ul#nav_main li.for_parents a:link span { background:url(../images/buttons/btn_for_parents.gif) 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.gif) no-repeat 0 -69px; }

	ul#nav_main li.expecting { width:141px; }
	ul#nav_main li.expecting a span, ul#nav_main li.expecting a:link span { background:url(../images/buttons/btn_expecting.gif) 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.gif) no-repeat 0 -69px; }

	ul#nav_main li.policies_forms { width:140px; }
	ul#nav_main li.policies_forms a span, ul#nav_main li.policies_forms a:link span { background:url(../images/buttons/btn_policies_forms.gif) no-repeat; }
	ul#nav_main li.policies_forms a:hover span, body.policies_forms ul#nav_main li.policies_forms a span { background:url(../images/buttons/btn_policies_forms.gif) no-repeat 0 -69px; }

	ul#nav_main li.contact_us { width:138px; }
	ul#nav_main li.contact_us a span, ul#nav_main li.contact_us a:link span { background:url(../images/buttons/btn_contact_us.gif) no-repeat; }
	ul#nav_main li.contact_us a:hover span, body.contact_us ul#nav_main li.contact_us a span { background:url(../images/buttons/btn_contact_us.gif) no-repeat 0 -69px; }	
	
	#nav_supp { padding-top:15px; font-size: 0.92em; }
	#three_column #nav_supp { text-align:center; }
	#nav_supp, #nav_supp a { color: #323233; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:253px; margin:20px 0 0 40px; }
	#three_column #branding { height:253px; padding-right:40px; }
	#two_column #branding { height:159px; }
	
	#three_column #branding h1 { height:188px; width:253px; margin:0; float:left; position:relative; }
	#three_column #branding h1 span { height:100%; width:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }

	#two_column #branding h1 { height:142px; width:238px; margin:0; float:left; position:relative; }
	#two_column #branding h1 span { height:100%; width:100%; position:absolute; background:url(../images/logo2.jpg) no-repeat; }
	
	#branding p { float:left; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { width:780px; margin-left:30px; }
	div#welcome { width:184px; height:174px; padding:20px 20px 0 184px; float:left; background:url(../images/bg_welcome.jpg) no-repeat; }
	div#welcome h2 { font-size:1.5em; color:#0e3793; }
	
	div#for_parents { width:197px; height:174px; padding:20px 165px 0 30px; float:right; background:url(../images/bg_for_parents.jpg) no-repeat; }
	div#for_parents h2 { font-size:1.3em; color:#0a802b; }
	
	#three_column #content_sub { }
	#three_column #content_sub h3 { color:#097f2b; }
	div#expecting { display:inline; width:131px; height:143px; padding:10px 222px 0 20px; margin-left:40px; float:left; background:url(../images/bg_expecting.jpg) no-repeat; } 
	
	div#whats_new { display:inline; width:333px; height:130px; padding:10px 20px 0 20px; margin-right:40px; float:right; background:url(../images/bg_whats_new.jpg) no-repeat; }
	div#whats_new ul { padding:0; margin:10px 0 0 0; list-style-type:none; }
	div#whats_new li { width:150px; float:left; }
	div#whats_new li.second { margin-left:20px; }
	div#whats_new li strong { display:block; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:545px; margin:0 50px 0 0; float:right; }
	
	#two_column #content_sub { display:inline; width:144px; margin-left:10px; float:left; }
	#two_column #content_sub ul { padding:0; margin:0; list-style-type:none; }
	#two_column #content_sub li { border-bottom: 1px solid #0e3793; line-height:21px; }
	#two_column #content_sub li.top { border-top: 1px solid #0e3793; }
	#two_column #content_sub li a { color:#0e3793; text-decoration:none; }
	
	
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0px; border:0; width:210px; }
	#get_directions .top { background-image: url(../images/directionsTop.gif); height:29px; background-repeat:no-repeat; }
	#get_directions .middle { background-image: url(../images/directionsMiddle.gif); padding:10px; background-repeat:repeat-y; }
	#get_directions .middle input { margin:2px 0px; }
	#get_directions .bottom { background-image: url(../images/directionsBottom.gif); height:35px; text-align:center; background-repeat:no-repeat; }
	#get_directions p { margin-left:5px; }
	#get_directions .submitButton { padding: 0px; margin:5px auto; border: 0px; background:none; width:122px; cursor:pointer; }

	*html .submitButton { cursor:hand; } /*alternate cursor style for ie*/
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#three_column #site_info { text-align:center; }
	#site_info, #site_info a { color: #323233;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { 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: 35%; }
	
	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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	#footer .bg_content_img { float:left; position:relative; margin:0; top:-215px; left:32px; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}