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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background:#c5e2bf url(../images/bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#1d1d1d;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 966px; /* 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: 5px 0; color:#387c2b;}
	h1 { font-size: 24px; font-weight:bold; color:#003e79;}
	h2 { font-size: 18px; }
	h3 { font-size: 14px;color:#387c2b; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #003e79; text-decoration:none; }
	a:hover { color: #003e79; text-decoration:underline; }
	
	a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	
	#container_shadow_bottom {
	  background:url(../images/container-shadow-bottom.jpg) no-repeat bottom;
	  width: 966px;
	  margin: 0 auto;
	  padding-bottom:20px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}	
	
	#container_shadow {
	  background:url(../images/container-shadow.png) repeat-y;
	  width: 966px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	* html #container_shadow { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~hrosm.com/images/container-shadow.png', sizingMethod='scale', enabled='true' ); }
	
	#container {
	  background:#fff;
	  width: 940px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  position:relative;
	}
	
	#footer {
	  width: 966px;
	  margin: 0 auto;
	  padding-bottom: 15px;
	  text-align: center;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:75px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:75px; 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.padding { width:186px; background:url(../images/buttons/padding.gif) no-repeat;}
	
	ul#nav_main li.about-us { width:93px; }
	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 -75px; }
	
	ul#nav_main li.our-physicians { width:136px; }
	ul#nav_main li.our-physicians a span,ul#nav_main li.our-physicians a:link span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat; }
	ul#nav_main li.our-physicians a:hover span,body.our-physicians ul#nav_main li.our-physicians a span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat 0 -75px; }
	
	ul#nav_main li.our-office { width:104px; }
	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 -75px; }
	
	ul#nav_main li.services { width:93px; }
	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 -75px; }
	
	ul#nav_main li.patient-education { width:152px; }
	ul#nav_main li.patient-education a span,ul#nav_main li.patient-education a:link span { background:url(../images/buttons/btn-patient-education.gif) no-repeat; }
	ul#nav_main li.patient-education a:hover span,body.patient-education ul#nav_main li.patient-education a span { background:url(../images/buttons/btn-patient-education.gif) no-repeat 0 -75px; }
	
	ul#nav_main li.referring-physicians { width:176px; }
	ul#nav_main li.referring-physicians a span,ul#nav_main li.referring-physicians a:link span { background:url(../images/buttons/btn-referring-physicians.gif) no-repeat; }
	ul#nav_main li.referring-physicians a:hover span,body.referring-physicians ul#nav_main li.referring-physicians a span { background:url(../images/buttons/btn-referring-physicians.gif) no-repeat 0 -75px; }
	
	
	#nav_sub { float:right; margin-top:-96px; padding-right:22px;}
	#nav_sub,
	#nav_sub a,
	#nav_sub a:visited { color: #5e8656; text-decoration:none; }
	#nav_sub a:hover { color: #5e8656; text-decoration:underline; }
	
	#nav_supp,
	#nav_supp a,
	#nav_supp a:visited { color: #003d79; text-decoration: none; }
	#nav_supp a:hover { color: #003d79; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:119px; background:url(../images/branding-right.gif) no-repeat right; }
	
	#branding h1 { width:352px; height:119px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content {background:#fff url(../images/flash-shadow.jpg) no-repeat top left;}
	
	#three_column #flash { margin:0; padding:5px 10px 20px 26px;  width:506px; height:338px; float:left; overflow:hidden; }
	
	#three_column #content_main { margin:0; padding:0 18px 20px 18px; height:343px; width:353px; float:left; background:#fff url(../images/3col-content-main.jpg) no-repeat top left; overflow:hidden; }
	
	#three_column #content_main h2.quick-access { width:353px; height:35px; margin:15px 0 10px 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main h2.quick-access span { width:100%; height:100%; position:absolute; background:url(../images/quick-access.gif) no-repeat; }
	
	#three_column #content_main .left {float:left; width:170px;}
	#three_column #content_main ul { color:#003d79; list-style-type:square; margin:0 0 0 33px; padding:0; }
	#three_column #content_main ul li {margin:0; padding:1px 0;}
	
	
	#three_column #content_main h2.welcome {clear:both; width:353px; height:38px; margin:0 0 5px 0; padding:40px 0 0 0; position:relative; overflow:hidden;}
	#three_column #content_main h2.welcome span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_main p {margin:0; padding:5px 5px 5px 10px; line-height:16px;}
	
	#three_column #content_sub { margin:0 auto; padding:0 17px; width:850px; min-height:210px; height:auto !important; height:210px; clear:both; background:url(../images/3col-content-sub.jpg) no-repeat; }
	
	#three_column #content_sub h2 {width:185px; height:33px; margin:0; padding:0; position:relative; overflow:hidden;}
	#three_column #content_sub h2 span {width:100%; height:100%; position:absolute; background:url(../images/featured-topics.gif) no-repeat;}
	
	#three_column #content_sub .callout { width:260px; float:left; padding:14px 0; margin:0;}
	#three_column #content_sub .callout.center {margin:0 35px;}
	
	#three_column #content_sub .callout p{margin:0 15px; padding:0;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { margin:0 25px 20px 0; padding:0; width:705px; display:inline; float:right;}
	
	#two_column #content_main .callout { width:264px; float:right; padding:18px 14px 10px 14px; margin:0 0 10px 10px; background:#b4cbba;}
	#two_column #content_main .callout p{margin:5px 15px; padding:0;}
	
	#two_column #content_sub { margin:0 0 20px 13px; padding:0; width:170px; display:inline; float:left;}
	
	#two_column #content_sub h2 {width:170px; height:33px; margin:0; padding:0; position:relative; overflow:hidden;}
	#two_column #content_sub h2 span {width:100%; height:100%; position:absolute; background:url(../images/in-this-section.gif) no-repeat;}
	
	#two_column #content_sub ul#in-this-section {list-style-type:none; margin:0; padding:7px 5px 0 15px; height:303px; background:url(../images/in-this-section.jpg) no-repeat;}
	#two_column #content_sub ul#in-this-section li {margin:0; padding:2px 0;}
	
	#two_column #content_sub ul#in-this-section li ul { list-style-type:none; margin:0; padding:0 0 0 15px; }
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; hegiht:220px; float:right; background:url(../images/directionsBg.jpg) no-repeat;}
	#driving_directions h2 {width:250px; height:36px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom { width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}

	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info, 
	#site_info a,
	#site_info a:visited { color: #003d79; text-decoration: none; }
	#site_info a:hover { color: #003d79; 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; }
	
	/*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;
	  vertical-align:top;
	}
	
	
	/* =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:cetner; }
	
	
	/* =Doc Thumbnails
	-----------------------------------------------------------------------------*/
	.doc-thumbnail {width:340px; height:107px; float:left; margin:10px 10px 10px 0; overflow:hidden; }
	.doc-thumbnail img {float:left; height:107px; width:90px; margin-right:10px;}
	.doc-thumbnail .doc-name {font-weight:bold; }
	.doc-thumbnail .doc-specialty {font-style:italic; }
	
	
	
	
	
}