/*-----------------------------------------------------------------------------
Acupath Laboratories, Inc. Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.acupath.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background:#fff url(../images/bg.gif);
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#1f1f1f;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 842px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	p.right {text-align:right;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#0055a4; margin: 0 0 10px 0;}
	h2 { font-size: 1.3em; color:#3b3b3b; }
	h3 { font-size: 1.1em; color:#3b3b3b; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	h1.block-yellow { font-size: 1.5em; color:#0055a4; display:block; border-top:1px solid #ffc000; border-bottom:1px solid #ffc000;}
	h2.blue { color:#0055a4; }
	h3.blue { color:#0055a4; }
	
	h2.banner { width:596px; height:101px; padding:0; margin:0; float:left; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.gif) no-repeat; }
	
	body.physicians h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.gif) no-repeat; }
	body.breast-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-breast-pathology.gif) no-repeat; }
	body.colon-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-colon-rectal-pathology.gif) no-repeat; }
	body.derm-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-dermatopathology.gif) no-repeat; }
	body.ent-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-ent-pathology.gif) no-repeat; }
	body.family-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-family-practice-pathology.gif) no-repeat; }
	body.gastro-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-gastrointestinal-pathology.gif) no-repeat; }
	body.ortho-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-orthopedic-pathology.gif) no-repeat; }
	body.general-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-general-pathology.gif) no-repeat; }
	body.gyno-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-gynecologic-pathology.gif) no-repeat; }
	body.hema-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-hematopathology.gif) no-repeat; }
	body.ophth-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-ophthalmic-pathology.gif) no-repeat; }
	body.plastic-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-plastic-surgery-pathology.gif) no-repeat; }
	body.pod-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-podiatric-pathology.gif) no-repeat; }
	body.uro-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-uropathology.gif) no-repeat; }
	body.oral-path h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-oral-maxillofacial-pathology.gif) no-repeat; }	
	body.hospitals h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-hospitals.gif) no-repeat; }
	body.patients h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-patients.gif) no-repeat; }
	body.contact h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.gif) no-repeat; }
	body.privacy h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.gif) no-repeat; }
	body.thanks h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.gif) no-repeat; }	
	body.contact h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.gif) no-repeat; }	
	body.about h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-us.gif) no-repeat; }	
	body.biopsy-tracking h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-biopsy-tracking.gif) no-repeat; }
	body.delivery-of-results h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-delivery-of-results.gif) no-repeat; }
	body.diagnosis-summary-reports h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-monthly-diagnosis-summary-reports.gif) no-repeat; }
	body.diagnostic-reports h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-diagnostic-reports.gif) no-repeat; }
	body.online-requisitions h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-online-requisitions.gif) no-repeat; }
	body.peel-off-label-system h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-patented-peel-off-label-system.gif) no-repeat; }
	body.pick-up h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-pick-up.gif) no-repeat; }
	body.referring-doctors h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-services-for-the-referring-doctors.gif) no-repeat; }
	body.supplies h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-supplies.gif) no-repeat; }
	body.virtual-immunohistochemistry h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-virtual-immunohistochemistry.gif) no-repeat; }
	body.online-access h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-online-access.gif) no-repeat; }
	
	
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #0055A4; }
	a:visited { color: #0055A4; }
	a:hover {  }
	
	a.black,
	a:visited.black,
	a:hover.black { color:#1f1f1f; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	/* Made 2 container divs to facilitate the large grey border with additional dark grey borders */
	#container {
	  width: 822px;
	  margin: 20px auto 10px auto;
	  padding:11px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:#d3d0d0;
	  border:1px solid #aeaeae;
	}
	
	#container2 {
		background:#FFF;
		border:1px solid #aeaeae;
	}
	
	#content { margin-top:10px; }
	
	#footer { } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	ul#nav_main { height:30px; width:595px; margin:0; padding:0; float:left; list-style-type:none; }
	ul#nav_main li { height:30px; float:left; position:relative; }
	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;}
	
	/* Drop down menu CSS directives. */
	ul#nav_main li ul { 
		width:15em; 
		z-index:10;
		position: absolute; 
		background:#084383; 
		padding:0; 
		margin:0;
		top:30px; 
		left: -999em;
		list-style-type:none;
		font-size:11px;
	}
	
	ul#nav_main li ul li { width:100%; height:25px; padding:0; margin:0; }
	ul#nav_main li ul li a { padding:5px; margin:0; border-bottom:1px solid #FFF; color:#FFF; text-decoration:none; }
	ul#nav_main li ul li a:hover { background:#0055A4; }
	ul#nav_main li:hover ul, ul#nav_main li.sfhover ul { left:auto;}	
	
	/* fixes dropdown menu issue when used in conjunction with image replacement in IE6 and IE7
	* html ul#nav_main li.sfhover {position:absolute; z-index:10; }
	*+html ul#nav_main li.sfhover {position:absolute; z-index:10; }
	 */
	
	/* 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.physicians { width:118px; }
	ul#nav_main li.physicians a span,ul#nav_main li.physicians a:link span { background:url(../images/buttons/btn_physicians.jpg) no-repeat; }
	ul#nav_main li.physicians a:hover span,body.physicians ul#nav_main li.physicians a span { background:url(../images/buttons/btn_physicians.jpg) no-repeat 0 -30px; }

	ul#nav_main li.hospitals { width:117px; }
	ul#nav_main li.hospitals a span,ul#nav_main li.hospitals a:link span { background:url(../images/buttons/btn_hospitals.jpg) no-repeat; }
	ul#nav_main li.hospitals a:hover span,body.hospitals ul#nav_main li.hospitals a span { background:url(../images/buttons/btn_hospitals.jpg) no-repeat 0 -30px; }	

	ul#nav_main li.patients { width:116px; }
	ul#nav_main li.patients a span,ul#nav_main li.patients a:link span { background:url(../images/buttons/btn_patients.jpg) no-repeat; }
	ul#nav_main li.patients a:hover span,body.patients ul#nav_main li.patients a span { background:url(../images/buttons/btn_patients.jpg) no-repeat 0 -30px; }
	
	
	
	#specialized-services-dropdown, #specialized-services-dropdown ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#specialized-services-dropdown a, #specialized-services-dropdown a:visited, #specialized-services-dropdown a:hover {
		display: block;
		padding-bottom:6px;
	}
	
	#specialized-services-dropdown li {
		float: left;
		width: 300px;
	}
	
	#specialized-services-dropdown li ul {
		position: absolute;
		width: 300px;
		background:#ececec;
		padding:5px;
		border:1px solid #adadad;
		border-top:none;
		display:none;
	}
	
	#specialized-services-dropdown li ul li {
		padding:0 0 0 12px; 
		background:url(../images/blue_bullet.gif) no-repeat 0 4px;
	}
	
	#specialized-services-dropdown li:hover ul {
		display:block;
	}
	
	#specialized-services-dropdown li:hover ul, 
	#specialized-services-dropdown li.sfhover ul {
		display:block;
	}
	
	
	
	#nav_sub { height:33px; padding:20px 0 0 20px; float:left; }
	#nav_sub, #nav_sub a { color: #0256a6; }
	#nav_sub a { padding:0 5px; text-decoration:none; }
	#nav_sub a:hover { text-decoration:underline; }
	
	/* Used for internal nav across top of internal pages below top banner. */
	#nav_int { width:596px; height:28px; padding:18px 0 0 0; float:left; color:#0256a6; font-size:10px; background:url(../images/bg_nav_int.gif) no-repeat; }
	#nav_int a { color:#0256a6; text-decoration:none; }	
	#nav_int a:hover { text-decoration:underline; }
	
	#nav_supp { margin:0 9px; text-align:center; border-top:1px solid #aeaeae; padding-top:10px; }
	#nav_supp, #nav_supp a { color: #333333; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Acuweb Online Access links
	-----------------------------------------------------------------------------*/
	#acuweb_links { width:179px; height:350px; background:#0055a4; border:1px solid #aeaeae; }
	#acuweb_links h2 { width:179px; height:70px; padding:0; margin:0; position:relative; }
	#acuweb_links h2 span { width:100%; height:100%; position:absolute; background:url(../images/acuweb_online_access.gif) no-repeat; }
	#acuweb_links ul { width:177px; list-style-type:none; margin:0 0 0 1px; padding:0; }
	#acuweb_links li { line-height:25px; border-bottom:1px solid #FFF; }
	#acuweb_links li.bottom { border:none; }
	#acuweb_links li a { padding:0 0 0 5px; color:#FFF; text-decoration:none; }
	#acuweb_links li a.gold { text-transform:uppercase; color:#e0af1c; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#three_column #branding { height:318px; background:url(../images/bg_branding.jpg) no-repeat top right; }
	#two_column #branding { height:222px; }
	
	#three_column #branding h1 { width:209px; height:249px; margin:0; padding:0; float:left; position:relative; }
	#three_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }
	
	#two_column #branding h1 { width:213px; height:222px; margin:0; padding:0; float:left; position:relative; }
	#two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo2.jpg) no-repeat; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:355px; height:350px; margin-left:9px; padding:0 5px; float:left; border:1px solid #aeaeae; background:#f8f8f8; }
	
	#potential_callout { width:160px; padding:5px; margin-bottom:5px; float:left; background-color:#fff; border:1px solid #ffc000; text-align:center; font-size:11px; }
	#potential_callout h3 { color:#0256a6; }
	
	#existing_callout { width:160px; padding:5px; margin-bottom:5px; float:right; background-color:#fff; border:1px solid #ffc000; text-align:center; font-size:11px; }
	#existing_callout h3 { color:#0256a6; }
	
	#three_column #content_sub { display:inline; width:181px; margin-left:9px; float:left; }
	
	#three_column #content_supp{ display:inline; width:235px; height:350px; margin-right:10px; float:right; border:1px solid #aeaeae; background:#f8f8f8; } /* Design may not call for this container, delete id not necessary. */
	
	#three_column #content_supp h2 { padding:0 5px; margin-left:2px; margin-right:2px; color:#094487; border-top:1px solid #FFC000; border-bottom:1px solid #FFC000; }
	
	#three_column #content_supp ul { margin:0 5px 20px 5px; padding:0; list-style-type:none; }
	#three_column #content_supp li { padding-left:3px; margin-bottom:5px; }
	#three_column #content_supp li strong { display:block; }
	
	#three_column #content_supp table { margin-left:3px; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:590px; margin-right:15px; float:right; }
	
	#two_column #content_sub { display:inline; width:181px; margin-left:9px; float:left; } 
	
	
	#two_column #content_sub #specialty p {padding-left:10px; background:#fff url(../images/blue-block.gif) no-repeat left 4px; }
	
	/* =Specialty Services
	-----------------------------------------------------------------------------*/	
	#specialty {clear:left;}
	#specialty h2 { color:#094487; border-top:1px solid #FFC000; border-bottom:1px solid #FFC000; font-size:14px; padding:3px 0;}
	#specialty p { margin:3px 0; }
	#specialty a { text-decoration:none; }
	#specialty a:hover { text-decoration:underline; }

	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:265px; }
	
	#driving_directions h2 {width:265px; height:35px; 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 p {margin:0; padding:0;}
	#driving_directions .content {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:5px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:2px auto; cursor:pointer;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin:0 9px 10px 9px; text-align:center; }
	#site_info, #site_info a { color: #333333;}
	#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; }
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	table {margin-bottom:15px;}
	
	td {
	  text-align: left;
	}
	
	/* =Biographies
	-----------------------------------------------------------------------------*/
	.drname {
		 font-weight: bold;
		 font-size: 14px;
	}
	.drtitle {
		color: gray;
	}
	.drbody {
		margin-left: 90px;
	}
	
	/* =lists
	-----------------------------------------------------------------------------*/
	
	ul.blue {list-style-type:none; margin:0; padding:0 0 0 10px;}
	ul.blue li {padding:2px 0 2px 15px; background:url(../images/blue_bullet.gif) no-repeat 0 6px;}
	ul.blue li strong {color:#0055a4;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	#cred_stmt { margin:10px 9px; font-size:0.92em; color:#282828; text-align:center;}
	
	.featured-services {background:#EDEDED; padding:10px 0; width:100%; border:2px solid #bfd4e8;}
	.red {color:red;}
	.bold-blue { color:#0055a4; font-weight:bold; }
	.big-bold-italic-blue { font-size:16px; color:#0055a4; font-weight:bold; font-style:italic;}
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}