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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(/images/site_design/bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color: #393939;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 960px; /* 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:#274e45;}
	h1 { font-size: 24px; color:#54166d;}
	h2 { font-size: 18px; }
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#54166d; text-decoration:none; }
	a:hover { color:#54166d; text-decoration:underline; }
	
	a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(/images/site_design/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 940px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {background:transparent; margin:1em; margin:0; padding:0px;}
	.contenttop, .contentbottom {display:block; background:transparent; font-size:1px;}
	.contentb1, .contentb2, .contentb3, .contentb4, .contentb5, .contentb6, .contentb7 {display:block; overflow:hidden;}
	.contentb1, .contentb2, .contentb3, .contentb4, .contentb5, .contentb6  {height:1px;}
	.contentb2, .contentb3, .contentb4, .contentb5, .contentb6, .contentb7 {background:#fff; border-left:1px solid #cecece; border-right:1px solid #cecece;}
	.contentb1 {margin:0 8px; background:#cecece;}
	.contentb2 {margin:0 6px; border-width:0 2px;}
	.contentb3 {margin:0 5px;}
	.contentb4 {margin:0 4px;}
	.contentb5 {margin:0 3px;}
	.contentb6 {margin:0 2px;}
	.contentb7 {height:2px; margin:0 1px;}
	.contentboxcontent {display:block; background:#fff; border:0 solid #cecece; border-width:0 1px; padding:1px 18px; margin:0;}
	
	#footer { clear:both; text-align:center; margin:15px 0; } 
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:59px; margin:0; padding:0; list-style-type:none; clear:left;}
	ul#nav_main li { height:59px; 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.meet-us { width:123px; }
	ul#nav_main li.meet-us a span,ul#nav_main li.meet-us a:link span { background:url(/images/site_design/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/site_design/buttons/btn-meet-us.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.location { width:111px; }
	ul#nav_main li.location a span,ul#nav_main li.location a:link span { background:url(/images/site_design/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/site_design/buttons/btn-location.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.expecting { width:115px; }
	ul#nav_main li.expecting a span,ul#nav_main li.expecting a:link span { background:url(/images/site_design/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/site_design/buttons/btn-expecting.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.new-patients { width:139px; }
	ul#nav_main li.new-patients a span,ul#nav_main li.new-patients a:link span { background:url(/images/site_design/buttons/btn-new-patients.gif) no-repeat; }
	ul#nav_main li.new-patients a:hover span,body.new-patients ul#nav_main li.new-patients a span { background:url(/images/site_design/buttons/btn-new-patients.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.forms-policies { width:170px; }
	ul#nav_main li.forms-policies a span,ul#nav_main li.forms-policies a:link span { background:url(/images/site_design/buttons/btn-forms-policies.gif) 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/site_design/buttons/btn-forms-policies.gif) no-repeat 0 -60px; }
	
	ul#nav_main li.for-parents { width:134px; }
	ul#nav_main li.for-parents a span,ul#nav_main li.for-parents a:link span { background:url(/images/site_design/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/site_design/buttons/btn-for-parents.gif) no-repeat 0 -60px; }
		
	ul#nav_main li.whats-new { width:148px; }
	ul#nav_main li.whats-new a span,ul#nav_main li.whats-new a:link span { background:url(/images/site_design/buttons/btn-whats-new.gif) no-repeat; }
	ul#nav_main li.whats-new a:hover span,body.whats-new ul#nav_main li.whats-new a span { background:url(/images/site_design/buttons/btn-whats-new.gif) no-repeat 0 -60px; }
	
	
	#nav_sub { margin:0; padding:0 0 18px 0; text-align:right;}
	#nav_sub, 
	#nav_sub a,
	#nav_sub a:visited { color:#2b5a4f; text-decoration:none; }
	#nav_sub a:hover { color:#2b5a4f; text-decoration:underline; }
	
	#nav_supp { }
	#nav_supp,
	#nav_supp a,
	#nav_supp a:visited { color:#333333; text-decoration: none;}
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:120px; overflow:hidden; }
	
	#branding h1 { width:410px; height:120px; margin:0; padding:0; position:relative; overflow:hidden; float:left;}
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(/images/site_design/logo.gif) no-repeat; }
	
	#branding .branding-right {float:right; width:283px; padding:20px 12px 0 0; margin:0;}
	
	#branding #contact-info { margin:0; padding:0; text-align:right; font-size:26px; font-weight:bold; color:#54166d;}
		#branding #contact-info h2 { float:left; width:120px; height:27px; margin:2px 0 0 0; padding:0; position:relative; overflow:hidden; text-align:left; }
		#branding #contact-info h2.appointments span { width:100%; height:100%; position:absolute; background:url(/images/site_design/h2-appointments.gif) no-repeat; }
		#branding #contact-info h2.fax span { width:100%; height:100%; position:absolute; background:url(/images/site_design/h2-fax.gif) no-repeat; }
	
	#two_column #branding_sub h1 { width:901px; height:172px; margin:0; padding:0; position:relative; overflow:hidden; }
	body#two_column.content #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-forms-policies.jpg) no-repeat; }
	body#two_column.meet-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-meet-us.jpg) no-repeat; }
	body#two_column.location #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-location.jpg) no-repeat; }
	body#two_column.expecting #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-expecting.jpg) no-repeat; }
	body#two_column.new-patients #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-new-patients.jpg) no-repeat; }
	body#two_column.forms-policies #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-forms-policies.jpg) no-repeat; }
	body#two_column.for-parents #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-for-parents.jpg) no-repeat; }
	body#two_column.whats-new #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-whats-new.jpg) no-repeat; }
	body#two_column.staff-only #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-staff-only.jpg) no-repeat; }
	body#two_column.contact-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-contact-us.jpg) no-repeat; }
	body#two_column.privacy-policy #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-privacy-policy.jpg) no-repeat; }
	body#two_column.thank-you #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/banners/banner-thanks.jpg) no-repeat; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { margin:10px 0; width:900px; height:263px; overflow:hidden;}
	
	#three_column #content_main #flash {width:610px; height:263px; overflow:hidden; float:left;}
	#three_column #content_main #flash #welcome {margin:-164px 0 0 253px; padding:0; width:330px; height:140px;}
	
	#three_column #content_main #callouts {width:278px; height:263px; overflow:hidden; float:right; }
	#three_column #content_main a.early-childhood {background:url(/images/site_design/callout-early-childhood.gif) no-repeat; color:#1e463d;}
	#three_column #content_main a.ages-6-12 {background:url(/images/site_design/callout-ages-6-12.gif) no-repeat; color:#54166d;}
	#three_column #content_main a.adolescence {background:url(/images/site_design/callout-adolescence.gif) no-repeat; color:#57472a;}
	#three_column #content_main a.callout,
	#three_column #content_main a:visited.callout,
	#three_column #content_main a:hover.callout {text-decoration:none; width:252px; height:45px; display:block; margin:0 0 7px 0; padding:38px 0 0 24px; overflow:hidden;}
	
	#three_column #content_sub { width:901px; height:255px; padding:20px 0 0 0; }
	
	#three_column #content_sub #is-your-child-sick {background: url(/images/site_design/is-your-child-sick.jpg) no-repeat; width:270px; height:242px; overflow:hidden; float:left; margin:0; padding:13px 30px 0 24px; }
	#is-your-child-sick h2 { width:230px; height:23px; margin:2px 0 0 0; padding:0; position:relative; overflow:hidden; text-align:left; }
	#is-your-child-sick h2.is-your-child-sick span { width:100%; height:100%; position:absolute; background:url(/images/site_design/h2-is-your-child-sick.gif) no-repeat; }
	
	#three_column #content_sub #is-your-child-sick p {margin:7px 0; padding:0;}
	#three_column #content_sub #is-your-child-sick form { margin:0; padding:0 0 3px 0; }
	#three_column #content_sub #is-your-child-sick form select { margin:0 10px 5px 10px; padding:0; width:175px; border:1px solid #a5acb2; }
	#three_column #content_sub #is-your-child-sick form input { margin:0 0 -5px 0; padding:0; }
       * html #three_column #content_sub #is-your-child-sick form input { margin:0; padding:0; }
       *+html #three_column #content_sub #is-your-child-sick form input { margin:0; padding:0; }
	
	#three_column #content_sub #callouts2 { float:left; overflow:hidden; margin:0 18px; line-height:16px; color:#333333; }
	#three_column #content_sub #callouts2 .link {color:#54166d;}
	#three_column #content_sub #callouts2 a,
	#three_column #content_sub #callouts2 a:visited,
	#three_column #content_sub #callouts2 a:hover {display:block; text-decoration:none; margin:0 0 15px 0; padding:55px 0 0 130px;  height:55px; width:120px; }
	
	#three_column #content_sub #callouts2 #online-services {background: url(/images/site_design/callout-online-services.jpg) no-repeat;}
	#three_column #content_sub #callouts2 #mailing-list {background:url(/images/site_design/callout-mailing-list.jpg) no-repeat;}
	
	#three_column #content_sub #is-your-child-sick ul { list-style-type:none; color:#417267; font-weight:bold; margin:0; padding:5px 0 0 0; float:left; overflow:hidden; }
	#three_column #content_sub #is-your-child-sick ul.left { list-style-type:none; color:#417267; font-weight:bold; margin:0; padding:5px 45px 0 0; float:left; overflow:hidden; }
	#three_column #content_sub #is-your-child-sick ul li {color:#417267; font-weight:bold; padding:1px 0; margin:0;}
	#three_column #content_sub #is-your-child-sick ul li a,
	#three_column #content_sub #is-your-child-sick ul li a:visited {color:#417267; font-weight:bold; text-decoration:none; }
	#three_column #content_sub #is-your-child-sick ul li a:hover {color:#417267; font-weight:bold; text-decoration:underline; }
	
	#three_column #content_sub #whats-new { height:255px; width:275px; overflow:hidden; float:right; }
	#whats-new h2 { width:278px; height:46px; margin:0; padding:0 0 5px 0; position:relative; overflow:hidden; text-align:left; }
	#whats-new h2.whats-new span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(/images/site_design/h2-whats-new.gif) no-repeat; }
	
	#whats-new ul {list-style-type:none; margin:8px 25px; padding:0; line-height:16px;}
	#whats-new ul li { margin:5px 0; padding:0;}
	#whats-new p {margin:8px 25px; padding:0; line-height:16px;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:667px; float:right; padding:20px 0; margin:0;}
	
	#two_column #content_sub { width:200px; float:left; padding:20px 0; margin:0;} 
	
	#two_column #content_sub h2 { width:200px; height:48px; margin:0; padding:0; position:relative; overflow:hidden;}
	#two_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(/images/site_design/h2-in-this-section.gif) no-repeat; }
	
	#two_column #content_sub ul { margin:0; padding:5px 0 0 0; list-style-type:none; clear:both; }
	#two_column #content_sub ul li { margin:0; padding:5px 20px;}
	
	
	
	/* =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/site_design/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background: url(/images/site_design/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(/images/site_design/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}

	/* =Vcard
	-----------------------------------------------------------------------------*/
        .vcard {padding:10px 10px 0 20px;}
	.vcard-dl {margin-top:10px; background: url(/images/site_design/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin:5px 0; padding:0; }
	#site_info,
	#site_info a,
	#site_info a:visited { color:#333333; 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: 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; }
	
	.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;
	}

	.immunization {text-align:center;}
	
	/* =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:center; margin:0;}

       .alert {
       width:375px;
	background: url(/images/site_design/alert.gif) repeat-y;
       margin:0;
	padding:0;
	}

      .alert-top{
       background: url(/images/site_design/alert-top.gif) no-repeat top;
       margin:0;
	padding:0;
	}

       .alert-bottom {
       background: url(/images/site_design/alert-bottom.gif) no-repeat bottom;
       margin:0;
	padding:5px 10px 10px 0;
	}

       .alert img {float:left; margin:15px 20px 15px 15px; }
	
	
}