/*-----------------------------------------------------------------------------
Coeur Health Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.coeurhealth.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: 938px; /* Centered design work around for Netscape 6. */
	  background:#566047;
	  overflow:-moz-scrollbars-vertical;
	}
	
	/* 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; color:#738259; }
	h1 { font-size: 1.5em; color:#780133; text-transform:uppercase; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1.4em; color:#780133; }
	h5 { /* different color */ }
	
	h2.banner { width:400px; height:34px; margin:0 60px 0 0; float:right; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; } 
	
	body.about_us h2.banner span { background:url(../images/banners/banner_about_us.gif) no-repeat; } 
	body.location h2.banner span { background:url(../images/banners/banner_location.gif) no-repeat; }
	body.services h2.banner span { background:url(../images/banners/banner_services.gif) no-repeat; } 
	body.your_visit h2.banner span { background:url(../images/banners/banner_your_visit.gif) no-repeat; }
	body.resources h2.banner span { background:url(../images/banners/banner_resources.gif) no-repeat; }
	body.contact_us h2.banner span { background:url(../images/banners/banner_contact_us.gif) no-repeat; }
	
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #780133; }
	a:visited { color: #780133; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#white_container { background:#FFF url(../images/bg.gif) repeat-x; }
	#two_column #white_container { background:#FFF url(../images/bg2.gif) repeat-x; }
	
	#container {
	  width: 893px;
	  padding-left:45px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/bg_curve.gif) no-repeat 0 154px;
	}
	
/*	#two_column #container { background:url(../images/bg_curve2_about.jpg) no-repeat 9px 129px; }
*/
	body.about_us #container { background:url(../images/bg_curve2_about.jpg) no-repeat 9px 129px; }
	body.location #container { background:url(../images/bg_curve2_location.jpg) no-repeat 9px 129px; }
	body.services #container { background:url(../images/bg_curve2_services.jpg) no-repeat 9px 129px; }
	body.your_visit #container { background:url(../images/bg_curve2_your_visit.jpg) no-repeat 9px 129px; }
	body.resources #container { background:url(../images/bg_curve2_resources.jpg) no-repeat 9px 129px; }
	body.contact_us #container { background:url(../images/bg_curve2_contact.jpg) no-repeat 9px 129px; }
	body.privacy #container { background:url(../images/bg_curve2_location.jpg) no-repeat 9px 129px; }
	body.thanks #container { background:url(../images/bg_curve2_location.jpg) no-repeat 9px 129px; }

		
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:33px; padding:0; margin:0; list-style-type:none; }
	ul#nav_main li { height:33px; position:relative; float:left; }
	ul#nav_main li a { display:block; }
	ul#nav_main li a span { width:100%; height:100%; position:absolute; }
	* html #nav_main a:hover { background:#ccccff; }
	
	ul#nav_main li.about_us { width:95px; }
	ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.gif) 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.gif) no-repeat 0 -33px; }
	
	ul#nav_main li.location { width:93px; }
	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 -33px; }
	
	ul#nav_main li.services { width:191px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn_services.gif) 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.gif) no-repeat 0 -33px; }

	ul#nav_main li.your_visit { width:99px; }
	ul#nav_main li.your_visit a span,ul#nav_main li.your_visit a:link span { background:url(../images/buttons/btn_your_visit.gif) no-repeat;}
	ul#nav_main li.your_visit a:hover span,body.your_visit ul#nav_main li.your_visit a span { background:url(../images/buttons/btn_your_visit.gif) no-repeat 0 -33px; }

	ul#nav_main li.resources { width:100px; }
	ul#nav_main li.resources a span,ul#nav_main li.resources a:link span { background:url(../images/buttons/btn_resources.gif) no-repeat;}
	ul#nav_main li.resources a:hover span,body.resources ul#nav_main li.resources a span { background:url(../images/buttons/btn_resources.gif) no-repeat 0 -33px; }

	ul#nav_main li.contact { width:112px; }
	ul#nav_main li.contact a span,ul#nav_main li.contact a:link span { background:url(../images/buttons/btn_contact_us.gif) no-repeat;}
	ul#nav_main li.contact a:hover span,body.contact ul#nav_main li.contact a span { background:url(../images/buttons/btn_contact_us.gif) no-repeat 0 -33px; }
	
	ul#nav_main li.home { width:74px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.gif) 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.gif) no-repeat 0 -33px; }
	

	#telephone { margin:15px 0 0 0; padding-right:60px; float:right; text-align:right; }
	#telephone p { font-size:16px; font-family:"Trebuchet MS"; }
	#three_column #telephone p { margin-top:30px; }
	#telephone .phone { font-size:18px; }
	#telephone, #telephone a { color: #780133;}
	
	
	#nav_supp { width:900px; margin:0 auto; text-align:left; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:121px; }
	#two_column #branding { height:96px; }
	
	#branding h1 { width:387px; height:121px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.swf) no-repeat; }
	
	#two_column #branding h1 { width:281px; height:96px; margin:0; padding:0; float:left; position:relative; }
	#two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo2.gif) no-repeat; }
			
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content { background:url(../images/homepage_watermark.jpg) no-repeat 450px 250px; }
	
	#three_column #content_main { display:inline; width:385px; margin-left:10px; padding-right:25px; float:left; border-right:1px solid #afb7a4;}
	
	#three_column #content_sub { display:inline;  width:321px; margin-right:100px; float:right; }
	
	#three_column #content_supp{ }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:585px; margin:30px 60px 0 0; float:right; background:url(../images/watermark.gif) no-repeat bottom right; }
	
	/*#two_column #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section.jpg) no-repeat; }*/
	
	body.about_us #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_about.jpg) no-repeat; }
	body.location #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_location.jpg) no-repeat; }
	body.services #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_services.jpg) no-repeat; }
	body.your_visit #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_your_visit.jpg) no-repeat; }
	body.resources #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_resources.jpg) no-repeat; }
	body.contact_us #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_contact.jpg) no-repeat; }
	body.privacy #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_location.jpg) no-repeat; }
	body.thanks #content_sub { display:inline; width:209px; height:354px; margin:48px 0 0 0; float:left; background:url(../images/bg_in_this_section_location.jpg) no-repeat; }
	
	
	#two_column #content_sub h3 { width:208px; height:41px; margin-top:0; position:relative; }
	/*#two_column #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section.jpg) no-repeat; }*/
	
	body.about_us #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_about.jpg) no-repeat; }
	body.location #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_location.jpg) no-repeat; }
	body.services #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_services.jpg) no-repeat; }
	body.your_visit #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_your_visit.jpg) no-repeat; }
	body.resources #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_resources.jpg) no-repeat; }
	body.contact_us #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_contact.jpg) no-repeat; }
	body.privacy #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_location.jpg) no-repeat; }
	body.thanks #content_sub h3 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section_location.jpg) no-repeat; }
	
	
	
	#two_column #content_sub ul { padding:0; margin:0 0 0 20px; list-style-type:none; }
	#two_column #content_sub li { line-height:18px; }
	#two_column #content_sub li a { color:#FFF; text-decoration:none; }
	#two_column #content_sub li a:hover { text-decoration:underline; }
	
	#two_column #content_sub .vcard{ color:#fff;}
	
	/* =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 { width:900px; margin:0 auto 10px auto; text-align:left; font-size: 0.92em; }
	#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: 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; }
	
	.vcard { margin-left:15px; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}
