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

version:   1.0
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background:#1e646e url(../images/bg.jpg) repeat-x top center;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#303030;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 996px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#0c5e6a; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link,	a:visited, a:hover { color:#0c5e6a; 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 {
	  width: 996px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { margin:0; padding:0; background:url(../images/content-bg.jpg) repeat-y top left; text-align:left; }
	#content .top { background:url(../images/content-top-bg.jpg) no-repeat top left; padding-top:20px; }
	#content .bottom { 
		background:url(../images/body-base.jpg) no-repeat bottom left; 
		padding:0 0 20px 0;
		min-height:400px; height:auto !important; height:400px;
	}
	
	#footer { 
		width: 950px;
		margin: 0 auto;
		padding:0 0 10px 23px;
		text-align: left;
		color:#fff;
		line-height:22px;
	}
	
	#footer a,
	#footer a:visited { color:#fff; text-decoration:none; }
	#footer a:hover { color:#fff; text-decoration:underline; }	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:35px; margin:0 0 0 18px; padding:0; list-style-type:none; text-align:left; }
	ul#nav_main li { height:35px; 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.home { width:135px; }
	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 -35px; }
	
	ul#nav_main li.about-us { width:138px; }
	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 -35px; }
	
	ul#nav_main li.location { width:135px; }
	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 -35px; }
	
	ul#nav_main li.services { width:135px; }
	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 -35px; }
	
	ul#nav_main li.patient-education { width:135px; }
	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 -35px; }
	
	ul#nav_main li.your-visit { width:135px; }
	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 -35px; }
	
	ul#nav_main li.contact-us { width:135px; }
	ul#nav_main li.contact-us a span,ul#nav_main li.contact-us a:link span { background:url(../images/buttons/btn-contact-us.gif) 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.gif) no-repeat 0 -35px; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { text-align:left; height:114px; overflow:hidden; }
	
	#branding h1 { width:370px; height:114px; margin:0 0 0 18px; padding:0; position:relative; overflow:hidden; float:left; display:inline; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg); }
	
	#branding_sub { margin:0; padding:60px 30px 0 0; float:right; display:inline; text-align:right;}
	#branding_sub h1 { margin:0; padding:0; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { margin:0 0 0 18px; padding:0; width:960px; height:280px; }
	#three_column #content_main #flash { width:549px; height:280px; margin:0; padding:0; float:left; display:inline; }
	#three_column #content_main #welcome { width:373px; height:240px; margin:0; padding: 25px 21px 8px 16px; float:right; display:inline; overflow:hidden; background:url(../images/welcome-bg.jpg) repeat-x; }
	#three_column #content_main #welcome h2 { width:374px; height:28px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #welcome h2 span { width:100%; height:100%; position:absolute; background: url(../images/welcome-txt.gif); }
	#three_column #content_main #welcome p { line-height:18px; }
	
	#three_column #content_sub { width:273px; margin:0; padding:0 0 0 18px; float:left; display:inline; }
	#three_column #content_sub #whats_new { width:273px; }
	#three_column #content_sub #whats_new h2 { width:273px; height:45px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #whats_new h2 span {width:100%; height:100%; position:absolute; background: url(../images/whats-new-txt.jpg); }
	#three_column #content_sub #whats_new #whats_new_content {  height:244px; margin:0; padding:15px 0 0 18px; background:#fff url(../images/content-sub-bg.jpg) repeat-x; border-right: 1px solid #1c3664; }
	#three_column #content_sub #whats_new_content ul { margin:0; padding:0; }
	#three_column #content_sub #whats_new_content li { margin:0; padding:0 8px 10px 0; list-style-type:none; line-height:16px; }
	
	#three_column #content_sub a,
	#three_column #content_sub a:visited { text-decoration:none; }
	#three_column #content_sub a:hover { text-decoration:underline; }
	
	
	#three_column #content_supp {width:687px; margin:0; padding:0; float:left; background:#fff url(../images/content-supp-bg.jpg) repeat-x left 45px; overflow:auto; }
	
	#three_column #content_supp h2 { width:687px; height:45px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute; background: url(../images/featured-services-txt.jpg) no-repeat; }
	
	
	#three_column #content_supp #callouts { margin:0; padding:0; } 	
	
	#three_column #content_supp #callouts p { margin:0 0 10px 10px; padding:0; line-height:18px; }
	
	#three_column #content_supp #callouts a,
	#three_column #content_supp #callouts a:visited { text-decoration:none; }
	#three_column #content_supp #callouts a:hover { text-decoration:underline; }
	
	#three_column #content_supp #callouts #callout1 { width:273px; margin:0; padding:0 0 0 38px; float:left; display:inline;}
	#three_column #content_supp #callouts #callout1 h3 { width:273px; height:30px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp #callouts #callout1 h3 span{ width:100%; height:100%; position:absolute; background: url(../images/online-health-library-txt.jpg) no-repeat; }
	
	#three_column #content_supp #callouts #callout2 { width:273px; margin:0 0 0 58px; padding:0; float:left; display:inline;}
	#three_column #content_supp #callouts #callout2 h3 { width:273px; height:30px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp #callouts #callout2 h3 span{ width:100%; height:100%; position:absolute; background: url(../images/perscriptions-renewals-txt.jpg) no-repeat; }
	
	
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:648px; margin:0 18px 0 0; padding:50px 20px 10px 20px; line-height:18px; float:right; background: #fff url(../images/grey-bg.gif) repeat-x top; display:inline; }
	
	#two_column #banner h1{ width:960px; height:100px; margin:0 0 0 18px; padding:0; position:relative; overflow:hidden; float:left; display:inline; }	
	#two_column #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-default.jpg) no-repeat;  }
	
	#two_column.about-us #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	#two_column.location #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-location.jpg) no-repeat; }
	#two_column.services #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-services.jpg) no-repeat; }
	#two_column.patient-education #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-patient-education.jpg) no-repeat; }
	#two_column.your-visit #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-your-visit.jpg) no-repeat; }
	#two_column.contact-us #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.privacy-policy #banner h1 span { width:100%; height:100%; margin:0; padding:0; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	
	
	
	
	
	#two_column #content_sub { width:272px; margin:0 0 0 18px; float:left; display:inline; }
	#two_column #content_sub #in-this-section { width:272px; height:100%; margin:0; padding:8px 0 0 0; background:url(../images/content-sub-bg.jpg) repeat-x top; overflow:hidden;}
	#two_column #content_sub #in-this-section .bg { margin:0; padding:0;  }
	#two_column #content_sub h2{ width:272px; height:45px; 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-txt.gif) no-repeat; }
	
	#two_column #content_sub #in-this-section ul { list-style-type:none; margin:0; padding:0; }
	#two_column #content_sub #in-this-section li { line-height:24px; }
	
	#two_column #content_sub #in-this-section li a,
	#two_column #content_sub #in-this-section li a:visited,
	#two_column #content_sub #in-this-section li a:hover { width:255px; display:block; color:#0c5e6a; text-decoration:none; padding:2px 0 2px 18px; border-bottom: 1px solid #0c5e6a; }
	
	#two_column #content_sub #in-this-section li li a,
	#two_column #content_sub #in-this-section li li a:visited,
	#two_column #content_sub #in-this-section li li a:hover { width:243px; display:block; color:#0c5e6a; text-decoration:none; padding:2px 0 2px 30px; border-bottom: 1px solid #0c5e6a; }
	

	/* =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:disc; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y; overflow:hidden; }
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }


	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {margin:0px; padding:0 0 0 19px; }
	.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; }
	
	
	/* =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; }
	
	
}