/*-----------------------------------------------------------------------------
Lifecare Medical Associates Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  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;
	  
	}
	
	body#three_column  { background:url(../images/bg.jpg) repeat-x; }
	body#two_column { background:url(../images/bg_interior.jpg) repeat-x; }
	
	/* Class for clearing floats */
	/*.clear { clear:both; height:1px; }*/
	.clear { 
	  clear: both; 
	  height: 0px;
	  overflow: hidden; 
	}
	/* 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:#111b92; }
	h2 { font-size: 1.3em; color:#1515cc; }
	h3 { font-size: 1.1em; color:#1515cc; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	ul {list-style-type:square;}
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #5959b3; text-decoration:none;}
	a:visited { color: #5959b3; text-decoration:none;}
	a:hover { text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#two_column #container {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left;
	  background-color: #F0F2EF;
	  /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	
	#three_column #container {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left;
	  background: url(../images/bg_content.gif) repeat-y;
	  /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#footer { height:64px; padding-top:15px; border-top:2px solid #FFF; background:#1212cc; } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:71px; margin:0; padding:0; list-style-type:none; background:#1616cc;}
	ul#nav_main li { height:71px; 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:#1616cc; 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:97px; }
	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 -71px; }
	
	ul#nav_main li.about_us { width:103px; }
	ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.jpg) no-repeat; }
	ul#nav_main li.about_us a:hover span,body.about_us ul#nav_main li.about_us a span { background:url(../images/buttons/btn_about_us.jpg) no-repeat 0 -71px; }

	ul#nav_main li.services { width:98px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn_services.jpg) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn_services.jpg) no-repeat 0 -71px; }

	ul#nav_main li.patient_ed { width:174px; }
	ul#nav_main li.patient_ed a span,ul#nav_main li.patient_ed a:link span { background:url(../images/buttons/btn_patient_ed.jpg) no-repeat; }
	ul#nav_main li.patient_ed a:hover span,body.patient_ed ul#nav_main li.patient_ed a span { background:url(../images/buttons/btn_patient_ed.jpg) no-repeat 0 -71px; }

	ul#nav_main li.patient_visit { width:120px; }
	ul#nav_main li.patient_visit a span,ul#nav_main li.patient_visit a:link span { background:url(../images/buttons/btn_patient_visit.jpg) no-repeat; }
	ul#nav_main li.patient_visit a:hover span,body.patient_visit ul#nav_main li.patient_visit a span { background:url(../images/buttons/btn_patient_visit.jpg) no-repeat 0 -71px; }

	ul#nav_main li.location { width:103px; }
	ul#nav_main li.location a span,ul#nav_main li.location a:link span { background:url(../images/buttons/btn_location.jpg) 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.jpg) no-repeat 0 -71px; }

	ul#nav_main li.contact_us { width:145px; }
	ul#nav_main li.contact_us a span,ul#nav_main li.contact_us a:link span { background:url(../images/buttons/btn_contact_us.jpg) 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.jpg) no-repeat 0 -71px; }

	
	
	#nav_sub { float:right; font-size:0.92em; margin-top:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	#nav_sub, #nav_sub a { color: #1212CC; }
	#nav_sub .address{ font-size:13px; }
	#nav_sub .phone{ font-size:20px; margin:0; padding:0;}
	
	
	#nav_supp { font-size: 0.92em; text-align:center; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:107px; background-color:#FFFFFF; }
	
	#branding h1 { width:306px; height:107px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
		
	
	/* =Three Column 
	-----------------------------------------------------------------------------*/
	
	#three_column #content { background: url(../images/bg_content.gif) repeat-y; }
	
	#three_column #content_main { display:block; width:230px; float:left; color:#FFF; margin:0; padding:0 25px; background:#8080ce; background-color:#8080CE;}
	#three_column #content_main h2 { width:213px; height:31px; margin:0; padding:20px 0 0 0; position:relative; }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.jpg) no-repeat; }
	
	#three_column #content_sub { display:block; width:281px; float:left;}
	#three_column #content_sub #quick_access{ margin:0; padding:0 0 10px 0; background:#8080ce url(../images/bg_content_sub.jpg) no-repeat top right;}
	#three_column #content_sub #quick_access h2 { width:208px; height:52px; margin:0; padding:0; float:left; position:relative; }
	#three_column #content_sub #quick_access h2 span { width:100%; height:100%; position:absolute; background:url(../images/quick_access.gif) no-repeat; }
	#three_column #content_sub #quick_access ul { margin-left: 30px; padding-left: 0; list-style: none; clear:left;}
	#three_column #content_sub #quick_access li {
		padding: 2px 0px 2px 12px;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		}
	#three_column #content_sub #quick_access a {color:#fff; text-decoration:none;}
	#three_column #content_sub #quick_access a:visited {color:#fff; text-decoration:none;}
	#three_column #content_sub #quick_access a:hover {color:#fff; text-decoration:underline;}
	
	
	#three_column #content_sub #lifecare_services{ color:#1212CC; background:#ffff7c; margin:0; padding-top:0px;}
	#three_column #content_sub #lifecare_services h2 { width:280px; height:40px; margin:0; padding:0; float:left; position:relative; }
	#three_column #content_sub #lifecare_services h2 span { width:100%; height:100%; position:absolute; background:url(../images/lifecare_services.gif) no-repeat;}

	#three_column #content_sub #lifecare_services ul {color:#000; margin:0 0 0 30px; padding:5px 10px 0 0; list-style: none; clear:left;}
	#three_column #content_sub #lifecare_services li { padding: 2px 0px 2px 12px;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;}
	#three_column #content_sub #lifecare_services li a, #three_column #content_sub #lifecare_services li a:visited {text-decoration:none; color:#000;}
	#three_column #content_sub #lifecare_services li a:hover {text-decoration:underline; color:#000;}
	
	
	#three_column #content_supp{ display:block; width:279px; float:left; color:#000; background:#ffff7c url(../images/bg_content_supp.gif) no-repeat top left; background-color:#FFFF7C; }	
	#three_column #content_supp h2 { width:139px; height:31px; margin:20px 0 0 70px; padding:0; position:relative; }
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute; background:url(../images/whats_new.jpg) no-repeat; }
	#three_column #content_supp ul {padding:20px 0 0 15px; margin-left:0; list-style: none; clear:left;}
	#three_column #content_supp li {padding-bottom:5px;}
	#three_column #content_supp li a {color:#111b92; text-decoration:none; font-weight:bold;}
	#three_column #content_supp li a:visited {color:#111b92; text-decoration:none; font-weight:bold;}
	#three_column #content_supp li a:hover {color:#111b92; text-decoration:underline; font-weight:bold;}
	
	.building {position:absolute; bottom:0px;}


	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:600px; margin-right:10px; padding-top:10px; float:right; color:#000;  }
	
	#two_column #content_sub { display:inline; width:160px; padding:10px 20px; margin-left:1px; float:left; background:#8080ce; color:#FFF; } 
	
	#two_column #content_sub ul { padding:0; margin:0; list-style-type:none; }
	#two_column #content_sub li { padding:2px 0 2px 15px; background:url(../images/bullet.gif) no-repeat 0 6px; }
	#two_column #content_sub ul li a { color:#FFF; text-decoration:none; }
	
	#two_column #content_sub h2 { width:142px; height:31px; position:relative; }
	#two_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_in_this_section.gif) no-repeat; }
	
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions {float:right; margin:-10px -10px 0 0; padding:15px 15px 0 15px; width:200px; background:#8080ce; color:#fff; font-size:12px; }
	#driving_directions #middle {padding-bottom:10px;}
	#dirving_directions #submitButton {margin:4px 0; cursor:pointer;}
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; text-align:center; margin-top: 6px; }
	#site_info, #site_info a { color: #FFF;}
	#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: 25%; }
	
	#two_column.patient_visit 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;
	}
	
	/* =Doc Bio
	-----------------------------------------------------------------------------*/
	.doc_bio {clear:both;}
	.doc_bio img {float:right; margin:10px 0 10px 10px;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	
	.bio_photo {padding:10px 0 0 10px;}
	
	
	#flash { width:840px; height:207px; margin:0; padding:0; float:left; position:relative; }
	#flash span { width:100%; height:100%; position:absolute; background:url(../images/test_bg.jpg) no-repeat; }
	
	.table_header {background:#8080ce; color:#fff;}
	
	#section-nav {text-align:center; margin-top:10px; padding:5px 0; width:100%; border-top:1px solid #aaa;}
	#section-nav .prev {float:left; padding-left:10px;}
	#section-nav .next {float:right; padding-right:10px;}
	
	
	
}