/*-----------------------------------------------------------------------------
Lincoln Pediatrics Group Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.lincolnpedsgroup.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: 842px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#9ca97b url(../images/bg.jpg) repeat-x;
	  color:#3e3e3e;
	}
	
	body#two_column { background:#9ca97b url(../images/bg_interior.jpg) repeat-x; }
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#641121; }
	h2 { font-size: 1.3em; color:#44494D; }
	h3 { font-size: 1.1em; color:#641121; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color:#641121; }
	a:visited { color:#641121; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 842px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content_container { background:#fffbf9 url(../images/bg_content_container.jpg) repeat-x; text-align:left; }
	
	#content { width:842px; margin:0 auto; }
	
	#footer { background:#9ca97b url(../images/bg_footer.gif) repeat-x; text-align:left; } /* Optional container, use only if necessary. */
	#two_column #footer { height:56px; }
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:41px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:41px; 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; }
	
	ul#nav_main li.meet_us { width:149px; }
	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 -41px; }
	
	ul#nav_main li.our_office { width:131px; }
	ul#nav_main li.our_office a span,ul#nav_main li.our_office a:link span { background:url(../images/buttons/btn_our_office.gif) no-repeat; }
	ul#nav_main li.our_office a:hover span,body.our_office ul#nav_main li.our_office a span { background:url(../images/buttons/btn_our_office.gif) no-repeat 0 -41px; }

	ul#nav_main li.for_parents { width:130px; }
	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 -41px; }

	ul#nav_main li.expecting { width:132px; }
	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 -41px; }

	ul#nav_main li.forms { width:158px; }
	ul#nav_main li.forms a span,ul#nav_main li.forms a:link span { background:url(../images/buttons/btn_forms.gif) no-repeat; }
	ul#nav_main li.forms a:hover span,body.forms ul#nav_main li.forms a span { background:url(../images/buttons/btn_forms.gif) no-repeat 0 -41px; }

	ul#nav_main li.whats_new { width:142px; }
	ul#nav_main li.whats_new a span,ul#nav_main li.whats_new a:link span { background:url(../images/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/buttons/btn_whats_new.gif) no-repeat 0 -41px; }

	
	#nav_sub { float:right; text-align:right; font-size:0.92em; }
	#nav_sub, #nav_sub a { color: #FFF; }
	#nav_sub a { text-transform:uppercase; text-decoration:none; }
	#nav_sub a:hover { text-decoration:underline; }
	
	
	#nav_supp { width:842px; margin:0 auto; padding-top:5px; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #3e3e3e; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:99px; }
	
	#branding h1 { width:224px; height:99px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	
	.address { font-size:10px; color:#641121; margin-bottom:3px; }
	.phone { font-size:24px; color:#641121; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:345px; height:190px; margin:10px 10px 0 5px; padding:0 5px; float:left; background:url(../images/bg_content_main2.gif) no-repeat; }
	
	#three_column #content_sub { display:inline; width:213px; height:190px; margin:10px 0 0 8px; padding:0 5px; float:left; background:url(../images/bg_content_sub.gif) no-repeat; }
	#three_column #content_sub img { margin-right: 10px; }
	#three_column #content_sub p { margin-bottom:20px; }
	
	#three_column #content_supp{ display:inline; width:208px; height:190px; margin:10px 5px 0 0; padding:0 5px; float:right; background:url(../images/bg_content_supp.gif) no-repeat; }
	#three_column #content_supp ul { margin:0; padding:0; list-style-type:none; }
	#three_column #content_supp li { margin-bottom:10px; }
	#three_column #content_supp li strong { display:block; color:#641121; }
	 
	 
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	h2.banner { width:842px; height:88px; margin:0; padding:0; 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.our_office h2.banner span { background:url(../images/banners/banner_our_office.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.forms h2.banner span { background:url(../images/banners/banner_forms_policies.jpg) no-repeat; }
	body.whats_new h2.banner span { background:url(../images/banners/banner_whats_new.jpg) no-repeat; }
	body.contact_us h2.banner span { background:url(../images/banners/banner_contact.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; }
	
	
	#two_column #content_main { display:inline; width:604px; margin-top:10px; float:right; background:url(../images/bg_content_main.gif) repeat-y; }
	.padding { padding:10px; }
	#two_column #content_main h1 { margin-top:0; }
	
	#two_column #content_sub { display:inline; width:198px; height:190px; margin-top:10px; padding:0 10px; float:left; background:url(../images/bg_in_this_section.gif) no-repeat; }
	#two_column #content_sub_tall { display:inline; width:198px; height:500px; margin-top:10px; padding:0 10px; float:left; background:url(../images/bg_in_this_section_tall.gif) no-repeat; }
	/* #two_column #content_sub_tall ul { margin-left: -3px; } */
	#two_column #content_sub h2 { margin-top:15px; }
	#two_column #content_sub ul { padding:0; margin:0 0 0 5px; list-style-type:none; }
	#two_column #content_sub li { line-height:20px; }
	#two_column #content_sub li a { color:#641121; text-decoration:none; }
	#two_column #content_sub li a:hover { text-decoration:underline; }
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0; border:0; width:265px; }
	#get_directions #top {background: url(../images/directionsTop.gif) no-repeat; height:30px;}
	#get_directions #middle {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#get_directions #bottom {background: url(../images/directionsBottom.gif) no-repeat; height:35px;}
	#get_directions #middle input {margin:5px 0px;}
	#get_directions #bottom #submitButton {margin-top:2px; cursor:pointer;}
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { width:842px; margin:5px auto 0 auto; font-size: 0.92em; }
	#site_info, #site_info a { color: #3e3e3e;}
	#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;
	}
	td p {
		margin: 0px 0px 5px 0px;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.small { font-size: 9px;}
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}