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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #cda138 url(../images/body-bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#242424;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 980px; /* 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; line-height:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.3em 0; color:#0b1b58; }
	h1 { font-size: 26px; font-family: Georgia, "Times New Roman", Times, serif; }
	h2 { font-size: 16px; color:#7e5a04; }
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#0b1b58; text-decoration:underline; }
	a:hover { color:#0b1b58; text-decoration:underline; }
	
	#two_column #content_main 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 {
	  width: 940px;
	  margin: 0 auto;
	  padding:0 20px 0 20px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/container-bg.png) repeat-y;
	}
	
	* html #container { background: url(../images/ie6-container-bg.png) no-repeat; }
	
	#container-bottom {
		height:10px;
		margin:0 -20px;
		padding:0;
		background:url(../images/container-bottom-bg.jpg) no-repeat;
		overflow:hidden;
	}
	
	#content {
		margin:10px 0 0 0;
		padding:0;
	}
	
	#footer { 
		border:1px solid #97a1c3;
		background:#e2e2e3;
		padding:16px;
		margin:13px 0 10px 0;
	} 
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:43px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:43px; 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.about-us { width:120px; }
	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 -43px; }
	
	ul#nav_main li.our-physicians { width:161px; }
	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 -43px; }
	
	ul#nav_main li.locations { width:121px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.gif) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.gif) no-repeat 0 -43px; }
	
	ul#nav_main li.for-patients { width:138px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.gif) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.gif) no-repeat 0 -43px; }
	
	ul#nav_main li.services-procedures { width:215px; }
	ul#nav_main li.services-procedures a span,ul#nav_main li.services-procedures a:link span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat; }
	ul#nav_main li.services-procedures a:hover span,body.services-procedures ul#nav_main li.services-procedures a span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat 0 -43px; }
	
	ul#nav_main li.patient-education { width:185px; }
	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 -43px; }
	
	
	#nav_sub { float:right; width:98px; margin:10px 0 0 0; display:inline; }
	#nav_sub a,
	#nav_sub a:visited, 
	#nav_sub a:hover { color: #fff; text-decoration:none; }	
	
	#nav_sub .icon-home { width:11px; height:12px; margin:1px 11px 0 0; padding:0; position:relative; overflow:hidden; float:left;}
	#nav_sub .icon-home span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/icon-home.gif) no-repeat; }
	
	#nav_supp { margin:0 0 8px 0; }
	#nav_supp a, 
	#nav_supp a:visited { text-decoration: none; color:#242424; }
	#nav_supp a:hover { text-decoration: underline; color:#242424; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { 
		height:107px; 
		background:url(../images/branding-bg.jpg) no-repeat ;
	}
	
	#branding h1 { width:326px; height:107px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main * {margin:0; padding:0;}
	#three_column #content_sub * {margin:0; padding:0;}
	
	#three_column #content_main { 
		border:1px solid #a4afda;
		background:#fff url(../images/3col-content-main-bg.jpg) repeat-x;
		height:395px;
		overflow:hidden;
	}
	
	#three_column #content_main .left {float:left;  width:425px; display:inline; overflow:hidden;}
	#three_column #content_main .right {float:right; width:510px; display:inline; overflow:hidden;}
	
	#three_column #content_main #welcome {
		margin:0;
		padding:20px 0 0 17px;
		height:195px;
		width:405px;
		overflow:hidden;
	}
	
	#three_column #content_main #welcome h1 { width:250px; height:22px; margin:0 0 10px 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #welcome h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-welcome.gif) no-repeat; }
	
	#three_column #content_main #welcome p {line-height:16px;}
	
	#three_column #content_main #whats-new {
		border:1px solid #a4afda;
		background:#fff url(../images/whats-new-bg.jpg) repeat-x;
		width:392px;
		height:136px;
		padding:10px;
		margin:10px 0 0 10px;
		overflow:hidden;
	}
	
	#three_column #content_main #whats-new h2 { width:115px; height:23px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #whats-new h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	
	#three_column #content_main #whats-new ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	#three_column #content_main #whats-new ul li {
		border-top:1px solid #0b1b58;
		line-height:17px;
		padding:3px 2px;
	}
	
	#three_column #content_main #whats-new ul li strong { color:#0b1b58; }
	
	#three_column #content_main #quick-find {
		border:1px solid #97a1c3;
		background:#fff;
		width:484px;
		height:21px;
		margin:14px 13px 4px 0;
		padding:7px 0 0 0;
		float:right;
		overflow:hidden;
		display:inline;
	}
	
	#three_column #content_main #quick-find h2 { width:128px; height:28px; margin:-7px 0 0 0; padding:0; position:relative; overflow:hidden; float:left; }
	#three_column #content_main #quick-find h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-quick-find.gif) no-repeat; }
	
	#three_column #content_main #quick-find a,
	#three_column #content_main #quick-find a:visited { color:#242424; text-decoration:none; }
	#three_column #content_main #quick-find a:hover { color:#242424; text-decoration:underline; }
	
	
	#three_column #content_main #flash {
		width:510px;
		height:345px;
		float:right;
		overflow:hidden;
		display:inline;
	}
	
	#three_column #content_sub { 
		border:1px solid #bcc4e1;
		background:#e7e7e7 url(../images/3col-content-sub-bg.jpg) repeat-x bottom;
		margin:18px 0 0 0;
		padding:10px;
	}
	
	#three_column #content_sub .callout {
		width:290px;
		float:left;	
		margin-right:22px;
	}
	
	#three_column #content_sub .callout.health-library {margin:0;}
	
	#three_column #content_sub .callout p { line-height:16px; padding-left:8px;}
	
	#three_column #content_sub .callout a,
	#three_column #content_sub .callout a:visited { font-weight:bold; color:#242424; text-decoration:none; }
	#three_column #content_sub .callout a:hover { font-weight:bold; color:#242424; text-decoration:underline; }
	
	#three_column #content_sub .callout h2 { width:290px; height:25px; margin:0; padding:0; position:relative; overflow:hidden; }
	
	#three_column #content_sub .callout.fellowship h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-fellowship.gif) no-repeat; }
	#three_column #content_sub .callout.health-library h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-health-library.gif) no-repeat; }
	#three_column #content_sub .callout.your-visit h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-your-visit.gif) no-repeat; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content {
		border:1px solid #a4afda;
		background:#fff url(../images/2col-content-bg.jpg) repeat-x;
		width:940px;
		padding:15px 0 0 0;
		min-height:500px;
		height:auto !important;
		height:500px;
	}
	
	#two_column #content_main { 
		width:625px;
		padding:0 15px 0 0;
		float:right;
	}
	
	
	
	#two_column #content_sub {
		float:left;
		width:290px;
		height:200px;
	} 
	
	#two_column #content_sub #in-this-section {
		background:url(../images/in-this-section-bg-bottom.gif) no-repeat bottom;
		color:#454545;
		margin:0; 
		padding:0 0 10px 0;
	}
	
	#two_column #content_sub #in-this-section .content {
		margin:0; 
		padding:0 0 1px 0;
		background:url(../images/in-this-section-bg.gif) repeat-y;
	}
	
	#two_column #content_sub #in-this-section h2 { width:290px; height:50px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in-this-section h2 span { width:100%; height:100%; position:absolute; background: url(../images/txt-in-this-section.gif) no-repeat; }
	
	#two_column #content_sub #in-this-section ul { list-style-type:none; margin:0 7px 0 11px; padding:0; }
	#two_column #content_sub #in-this-section ul li { margin:0; padding:0; }
	
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited {  
		color:#454545; 
		text-decoration:none;
		display:block;
		padding:6px 0 0 11px;
		height:21px;
		width:260px;
	}
	#two_column #content_sub #in-this-section ul li a:hover { background:#e5cf99; color:#454545; text-decoration:none; }
	
	#doc_bio { margin:0; padding:15px 15px 0 15px; border:solid 1px #A4AFDA; background-color:#f2f2f2; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { }
	#site_info a,
	#site_info a:visited { text-decoration: none; color: #242424; }
	#site_info a:hover { text-decoration: underline; color: #242424; }
	
	
	/* =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; }
	
	.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;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:circle;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; height:230px; float:right; background:url(../images/driving_directions_start.jpg);}
	#driving_directions h2 {width:250px; height:30px; 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 { margin:0 22px; padding:10px 0;}
	.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;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	#two_column #content_main ol li ul { list-style-type:lower-alpha;}
	
	
	/* =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:center; }
	
	
	.physician-profile-short {width:300px; margin:10px 10px 0 0; float:left; display:inline; }
	.physician-profile-short .name { font-weight:bold; }
	.physician-profile-short .specialties { font-style:italic; margin:3px; }
	
	ul#locations-menu { margin:0; padding:0; overflow:auto; text-align:center; }
	ul#locations-menu li { float:left; display:inline; width:300px; }
	ul#locations-menu li a,
	ul#locations-menu li a:visited { text-decoration:none; }
	ul#locations-menu li a:hover { text-decoration:none; }
	
	
	
	
	
	
	
	
	
	
	
	
	
}