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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#231f20;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 910px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:#ffffff url(../images/bg.jpg) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	abbr {border-bottom:0px;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#638559;}
	h1 { font-size: 1.7em; }
	h2 { font-size: 1.3em; color:#231f20;}
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #107d60; text-decoration:none;}
	a:hover { color: #107d60; text-decoration:underline;}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 910px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}	
	
	#footer { position:relative; }
	#footer .acr-logo { position:absolute; top:-10px; right:35px; }
	#two_column #footer { padding:0; margin:20px 0; text-align:center; } 
	#three_column #footer { padding:0; margin:15px 0 20px 0; text-align:center; }
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:38px; margin:10px 2px 0 0; padding:0; list-style-type:none; float:right;}
	ul#nav_main li { height:38px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a, ul#nav_main li a:visited { display:block; cursor:pointer; text-decoration:none; color:#f6f2cf; font-size:0;}
	#nav_main a:hover { background:none; cursor:pointer; text-decoration:none;}
	* html #nav_main a:hover { background:none; cursor:pointer; text-decoration:none;}
	
	
	/* 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:130px; }
	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 -38px;}
	
	ul#nav_main li.locations { width:110px; }
	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 -38px; }
	
	ul#nav_main li.services { width:97px; }
	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 -38px; }
	
	ul#nav_main li.for-patients { width:128px; }
	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 -38px; }
	
	ul#nav_main li.for-physicians { width:148px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat 0 -38px; }
	
	ul#nav_main li.news { width:113px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.gif) no-repeat; }
	ul#nav_main li.news a:hover span,body.news ul#nav_main li.news a span { background:url(../images/buttons/btn-news.gif) no-repeat 0 -38px; }
	
	
	#nav_sub { font-size:12px; margin:20px 0 0 45px; padding:0; position:absolute;}
	#nav_sub, #nav_sub a, #nav_sub a:visited { color: #373536; text-decoration:none; }
	#nav_sub a:hover { color: #373536; text-decoration:underline;}
	
	#nav_supp { font-size: 12px; }
	#nav_supp, #nav_supp a, #nav_supp a:visited { color: #231f20; text-decoration: none;}
	#nav_supp a:hover { color: #231f20; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/	
	#branding h1 { width:454px; height:100px; margin:0; padding:0; position:relative; clear:both; overflow:hidden;}
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	#branding .flash {clear:both;}
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content {margin-top:30px; padding:0;  width:910px;}
		
	#three_column #content_main { margin:-145px 0 0 0; padding:20px 25px 0 18px; height:156px; width:466px; background:url(../images/welcome-bg.gif) no-repeat; z-index:2; position:absolute; }
	#three_column #content_main h1.welcome { width:444px; height:23px; padding:0; margin:0 0 5px 0; position:relative; overflow:hidden; }
	#three_column #content_main h1.welcome span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_sub { margin:0 0 0 520px; padding:5px 0 0 0; clear:both; position:absolute; color:#638559;}
	#three_column #content_sub h2.quick-access { width:104px; height:22px; padding:0; margin:-5px 0 5px 0; position:relative; float:left; overflow:hidden;}
	#three_column #content_sub h2.quick-access span { width:100%; height:100%; position:absolute; background:url(../images/quick-access.gif) no-repeat; }
	
	#three_column #content_supp{ margin-top:25px; padding:0; width:910px; height:176px; background:url(../images/content-sub-bg.jpg) no-repeat; }
	
	* html #three_column #content_supp {margin-top:29px;}
	*+html #three_column #content_supp {margin-top:29px;}
	
	#three_column #content_supp .callout {width:249px; margin:0; padding:9px 26px 0 26px; float:left;}
	#three_column #content_supp p {margin:0 0 0 11px; padding:0; }
	#three_column #content_supp h2 { width:249px; height:25px; padding:0; margin:0; position:relative; overflow:hidden; }
	
	#three_column #content_supp .breast-imaging-center h2 span { width:100%; height:100%; position:absolute; background:url(../images/breast-imaging-center.gif) no-repeat; }
	
	#three_column #content_supp .center-of-excellence h2 span { width:100%; height:100%; position:absolute; background:url(../images/center-of-excellence.gif) no-repeat; }
	
	#three_column #content_supp .interventional-services h2 span { width:100%; height:100%; position:absolute; background:url(../images/interventional-services.gif) no-repeat; }
		
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	body#two_column.about-us #branding { background: url(../images/banners/banner-about-us.jpg) no-repeat bottom right; }
	body#two_column.locations #branding { background: url(../images/banners/banner-locations.jpg) no-repeat bottom right; }
	body#two_column.services #branding { background: url(../images/banners/banner-services.jpg) no-repeat bottom right; }
	body#two_column.for-patients #branding { background: url(../images/banners/banner-for-patients.jpg) no-repeat bottom right; }
	body#two_column.for-physicians #branding { background: url(../images/banners/banner-for-physicians.jpg) no-repeat bottom right; }
	body#two_column.news #branding { background: url(../images/banners/banner-news.jpg) no-repeat bottom right; }
	body#two_column.contact-us #branding { background: url(../images/banners/banner-contact-us.jpg) no-repeat bottom right; }
	body#two_column.privacy-policy #branding { background: url(../images/banners/banner-privacy-policy.jpg) no-repeat bottom right; }
	body#two_column.thanks #branding { background: url(../images/banners/banner-thanks.jpg) no-repeat bottom right; }
	
	#two_column #content { margin:0; padding:0; background: url(../images/2col-content-bg.png) repeat-y;}	
	* html #two_column #content { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~peninsularadiology.com/images/2col-content-bg.png', sizingMethod='scale', enabled='true' ); }
	
	#two_column #content .top { background: url(../images/2col-content-top.jpg) no-repeat top center; margin:0; padding:20px 0 0 0; width:910px;}
	#two_column #content .bottom {clear:both; margin:0 auto -3px auto; padding:0; width:910px; }
	
	#two_column #content_main { position:relative; width:660px; float:right; margin:0; padding:0 25px 0 0; min-height:300px; height:auto !important; height:300px;}

	#two_column #content_sub { position:relative; width:185px; margin:0; padding:0; } 
	
	#two_column #content_sub h1 { width:108px; height:23px; margin:10px 0 0 30px; padding:0; position:relative; overflow:hidden;}
	#two_column #content_sub h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/in-this-section.jpg) no-repeat; }
	
	#two_column #content_sub ul { list-style-type:none; margin:2px 0 0 30px; padding:0; width:155px; border-top:1px solid #dadad9;}
	#two_column #content_sub ul li { margin:0; padding:3px 0; border-bottom:1px solid #dadad9;}
	#two_column #content_sub ul li a, #two_column #content_sub ul li a:visited { display:block; text-decoration:none; }
	#two_column #content_sub ul li a:hover { display:block; text-decoration:none; background:#f8f7c1; }
	
	#two_column #content_sub #callouts {margin:20px 0 0 30px; padding:0; }
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; height:230px; float:right; background: url(../images/directionsBackground.gif) repeat-y;}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative; overflow:hidden;}
	#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 .dd_bottom {width:250px; height:35px; text-align:center;}
	#driving_directions .dd_bottom #submitButton {margin:0px auto; cursor:pointer;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 12px; }
	#site_info, #site_info a, #site_info a:visited { color: #231f20; text-decoration: none;}
	#site_info a:hover { color: #231f20; 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; }
	
	.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; }
	
	.vcard { margin:2px 0 0 30px; padding:10px 0 0 0; width:155px; border-top:1px solid #dadad9;}
	.fn {font-weight:bold;}
	
}