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

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

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px "Trebuchet MS";
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 846px; /* Centered design work around for Netscape 6. */
	  background: #d4e6e9 url(../images/bg.gif) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear {   clear: both; 
  height: 1px;
  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; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #236A75; }
	a:visited { color: #236A75; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 846px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/bg_container.gif) repeat-y;
	}
	
	#container_bg { background: url(../images/bg_container_top.gif) no-repeat; }
	
	#three_column #content { background: url(../images/bg_in_the_news.gif) no-repeat 550px -15px; }
	
	#footer { height:90px; background: url(../images/bg_footer.gif) no-repeat; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { width:846px; height:29px; padding:0; margin:0; list-style-type:none; }
	ul#nav_main li { float:left; }
	ul#nav_main li a { display:block; }
	ul#nav_main li ul { 
		position:absolute; 
		width:15em; 
		margin: 10px 0 0 0; 
		padding:0; 
		left:-999em; 
		background:#a5cbd1; 
		list-style-type:none; 
		/*border-top:1px solid #5E929A;*/
		border-left:1px solid #5E929A;
		border-right:1px solid #5E929A;
	}
	ul#nav_main li ul li { padding: 3px 5px 3px 23px; float:none; border-bottom: 1px solid #5E929A; }
	ul#nav_main li ul li a { text-decoration:none; }
	ul#nav_main li ul li a:hover { text-decoration: underline; }
	ul#nav_main li:hover ul, ul#nav_main li.sfhover ul { left:auto; }
	ul#nav_main li:hover ul, #nav li.sfhover ul { left:auto; }
	
	ul#nav_main li ul li.subtitle { color: #996940; font-weight:bold; }
	
	ul#nav_main li.about { width:93px; height:29px; position:relative; }
	ul#nav_main li.about a span, ul#nav_main li.about a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_about.gif) no-repeat; }
	ul#nav_main li.about a:hover span { background:url(../images/buttons/btn_about.gif) no-repeat 0 -29px; }
	
	ul#nav_main li.locations { width:104px; height:29px; position:relative; }
	ul#nav_main li.locations a span, ul#nav_main li.locations a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_locations.gif) no-repeat; }
	ul#nav_main li.locations a:hover span { background: url(../images/buttons/btn_locations.gif) no-repeat 0 -29px; }

	ul#nav_main li.services { width:177px; height:29px; position:relative; }
	ul#nav_main li.services a span, ul#nav_main li.services a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_services.gif) no-repeat; }
	ul#nav_main li.services a:hover span { background: url(../images/buttons/btn_services.gif) no-repeat 0 -29px; }
	
	ul#nav_main li.prenatal { width:97px; height:29px; position:relative; }
	ul#nav_main li.prenatal a span, ul#nav_main li.prenatal a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_prenatal.gif) no-repeat; }
	ul#nav_main li.prenatal a:hover span { background: url(../images/buttons/btn_prenatal.gif) no-repeat 0 -29px; }
	
	ul#nav_main li.womens_health { width:135px; height:29px; position:relative; }
	ul#nav_main li.womens_health a span, ul#nav_main li.womens_health a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_womens_health.gif) no-repeat; }
	ul#nav_main li.womens_health a:hover span { background: url(../images/buttons/btn_womens_health.gif) no-repeat 0 -29px; }
	
	ul#nav_main li.forms { width:141px; height:29px; position:relative; }
	ul#nav_main li.forms a span, ul#nav_main li.forms a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_forms.gif) no-repeat; }
	ul#nav_main li.forms a:hover span { background: url(../images/buttons/btn_forms.gif) no-repeat 0 -29px; }
	
	ul#nav_main li.news { width:88px; height:29px; position:relative; }
	ul#nav_main li.news a span, #ul_nav_main li.news a:link span { width:100%; height:100%; position:absolute; background: url(../images/buttons/btn_news.gif) no-repeat; }
	ul#nav_main li.news a:hover span { background: url(../images/buttons/btn_news.gif) no-repeat 0 -29px; }
	
	
	#nav_sub { width:375px; height:23px; padding: 18px 15px 0 0; text-align: right; float:right; background: url(../images/bg_nav_sub.gif) no-repeat; font-size: 11px; }
	#nav_sub, #nav_sub a { color: #; }
	#nav_sub a { text-decoration: none; text-transform:uppercase; }
	
	
	#nav_supp { margin-left:20px; padding-top:5px; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #552e0c; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding_main { height:41px; }
	
	#branding_main h1 { height:41px; width:456px; margin:0; position:relative; float:left; }
	#branding_main h1 span { width:100%; height:100%; position:absolute; background: url(../images/logo1.gif) no-repeat; }
	
	#branding_sub { height:239px; }
	#branding_sub img { float: left; }
	#branding_sub p { margin:0; }
	
	p.tagline { width: 462px; height:239px; float:left; position:relative; }
	p.tagline span { width:100%; height:100%; position:absolute; background: url(../images/tagline.jpg) no-repeat; }
	
	p.spa_callout { width:228px; height:122px; float:right; position:relative; }
	p.spa_callout span { width:100%; height:100%; position:absolute; background: url(../images/callout_spa.jpg) no-repeat; }
	
	p.prenatal_callout { width:228px; height:117px; float: right; position:relative; }
	p.prenatal_callout span { width:100%; height:100%; position:absolute; background:url(../images/callout_prenatal.jpg) no-repeat; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:600px; float:left; margin-left: 12px; color: #236A75;}
	
	#welcome { width:410px; float: left; padding: 0 15px; margin-bottom:15px; font-size:11px; }
	
	#quick_links { width:150px; float:left; }
	#quick_links ul { padding:0 0 0 10px; margin:0; list-style-type: none; }
	#quick_links li { padding-left:15px; background: url(../images/bullet.gif) no-repeat 0 3px; }
	#quick_links li a { color:#236a75; text-decoration:none; }
	
	#callouts { margin-top:10px; clear:left; }
	
	#callout_laser { width:291px; float:left; }
	#callout_library { width: 287px; float:right; }
	
	#three_column #content_sub { display:inline; height:281px; width:205px; float: right; margin-right:10px; }
	#three_column #content_sub ul { padding:0; margin:50px 10px 0 10px; list-style:none; line-height:20px; }
	#three_column #content_sub ul a:link { text-decoration:none; }
	#three_column #content_sub ul a:hover { text-decoration:underline; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:620px; float:right; margin-right: 10px; color:#236a75; }
	
	#two_column #content_sub { display:inline; width:205px; float:left; margin-left: 10px; color:#236A75; }
	#two_column #content_sub h2 { margin-left: 30px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#236a75; }
	
	#two_column #content_sub ul { padding:0; margin: 0 0 0 35px; list-style-type:none; }
	#two_column #content_sub ul li { padding-left:15px; background: url(../images/bullet.gif) no-repeat 0 4px; line-height:18px; }
	#two_column #content_sub ul li.title { padding: 5px 0; background:none; font-weight:bold; color:#236a75; }
	#two_column #content_sub ul li a { text-decoration: none; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin-left:20px; font-size: 0.92em; }
	#site_info, #site_info a { color: #552e0c;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	#numbers { padding: 10px 0 0 20px; color:#236a75; font-weight:bold; }
	
	
	/* =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; }
	
	.padding { padding: 0 20px; }
	
	a.davinci-callout,
	a:visited.davinci-callout,
	a:hover.davinci-callout {text-decoration:none;}
	.davinci-callout img {width:177px;}
	img.right {float:right; margin:0 0 10px 10px;}
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	img.no_wrap { display:block; }
}