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

version:   1.0
author:    Jon Reddout
email:     jreddout@practisinc.com
website:   http://www.delaneyradiologist.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0; 
	  background-image:url(../images/delaney-background.gif);
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 907px; /* Centered design work around for Netscape 6. */
	  line-height: 18px;
	  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; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color: #0d386b; }
	h2 { font-size: 1.3em; color: #585656; }
	h3 { font-size: 1.1em; color: #0d386b; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #0d386b; text-decoration:underline; }
	a:hover { color: #0d386b; text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 907px;
	  margin: 10px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/wht-frame-fill.png) repeat-y;
	}	
	* html #container { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~delaneyrad.com/images/wht-frame-fill.png',sizingMethod='scale', enabled='true' ); }
	
	#two_column #content { background:url(../images/grey-frame-bottom.gif) no-repeat bottom left; padding-bottom:20px;}
	
	#three_column #content { background:url(../images/grey-frame-bottom.gif) no-repeat bottom left; padding-bottom:20px;  }
	#three_column #content2 { width:844px; margin:13px 0 0 27px; padding:0; background:url(../images/home-content-bg.gif) repeat-y; border: 1px solid #d7d6d6; }
	
	#footer { width:907px; height:74px; margin:0 auto; background: url(../images/wht-frame-bottom.png) no-repeat bottom left; } /* 
	Optional container, use only if necessary. */
	
	* html #footer{ height:74px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~delaneyrad.com/images/wht-frame-bottom.png',sizingMethod='scale', enabled='true' ); }
	
	/* =Header Interior
	-----------------------------------------------------------------------------*/
	#three_column #header { width:846px; height:251px; margin:12px 0 0 27px; padding:8px 0 0 7px; background:url(../images/home-header-bg.jpg) no-repeat; }
	#three_column #flash { display:inline; width:563px; height:188px; margin:5px 0 0 2px; float:left; }
	#three_column #audience { display:inline; width:257px; height:188px; margin:5px 16px 0 8px; background:url(../images/quick-access.jpg) no-repeat; float:right;  }
	#three_column #audience #i_am{ margin:45px 0 0 14px;  }
	#three_column #audience #tell_me{ margin:75px 0 0 14px;  }
	
	#two_column #header { width:846px; height:155px; margin:12px 0 0 27px; padding:8px 0 0 7px; background:url(../images/header-bg.jpg) no-repeat; }
	
	h2.banner { width:828px; height:92px; margin:5px 0 0 1px; padding:0; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; }
	
	body.about_us h2.banner span { background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	body.locations h2.banner span { background:url(../images/banners/banner-locations.jpg) no-repeat; }
	body.services h2.banner span { background:url(../images/banners/banner-services.jpg) no-repeat; }
	body.for_patients h2.banner span { background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	body.for_physicians h2.banner span { background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	body.news h2.banner span { background:url(../images/banners/banner-news.jpg) no-repeat; }
	body.contact h2.banner span { background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	body.employment h2.banner span { background:url(../images/banners/banner-careers.jpg) no-repeat; }
	body.for_staff h2.banner span { background:url(../images/banners/banner-for-staff.jpg) no-repeat; }
	body.privacy h2.banner span { background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	body.thanks h2.banner span { background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	body.womens_imaging h2.banner span { background:url(../images/banners/banner-womens-imaging.jpg) no-repeat; }
	body.vr h2.banner span { background:url(../images/banners/banner-virtual-tour.jpg) no-repeat; }
	body.pacs h2.banner span { background:url(../images/banners/banner-pacs.jpg) no-repeat; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:41px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:41px; 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;}
	
	
	/* 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:99px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn-home.jpg) 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.jpg) no-repeat 0 -41px; }
	
	ul#nav_main li.about_us { width:118px; }
	ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn-about-us.jpg) 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.jpg) no-repeat 0 -41px; }
	
	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.jpg) 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.jpg) no-repeat 0 -41px; }
	
	ul#nav_main li.services { width:110px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn-services.jpg) 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.jpg) no-repeat 0 -41px; }
	
	ul#nav_main li.for_patients { width:136px; }
	ul#nav_main li.for_patients a span,ul#nav_main li.for_patients a:link span { background:url(../images/buttons/btn-for-patients.jpg) 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.jpg) no-repeat 0 -41px; }
	
	ul#nav_main li.for_physicians { width:152px; }
	ul#nav_main li.for_physicians a span,ul#nav_main li.for_physicians a:link span { background:url(../images/buttons/btn-for-physicians.jpg) 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.jpg) no-repeat 0 -41px; }
	
	ul#nav_main li.news { width:96px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.jpg) 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.jpg) no-repeat 0 -41px; }
	
	
	
	#nav_sub { display:inline; font-size:0.92em; width:250px; height:65px; margin:25px 64px 0 0; text-align:center; float:right; color: #0d386b; }
	#nav_sub a, #nav_sub a:visited { color: #0d386b; text-decoration:underline; }
	#nav_sub a:hover { color: #0d386b; text-decoration:underline; }

	
	
	#nav_supp { font-size: 0.92em; text-align:center; padding-top:14px; position:relative; color: #0d386b; }
	#nav_supp a, #nav_supp a:visited { color:#0d386b; text-decoration:underline; }
	#nav_supp a:hover { color:#0d386b; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding {  height:86px; margin:0; padding:0; background:url(../images/wht-frame-top.gif) no-repeat; position:relative; }
	#branding h1 { position:relative; width:381px; height:67px; margin:19px 0 0 34px; padding:0; position:relative; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/delaney-radiology-logo.jpg) no-repeat; }
	#branding .phone { position:relative; display: block; font-size:24px; color:#0d386b; margin-top:15px; }
	#branding_sub { } /* Optional container, use only if necessary. */
		
	/* =Quick Access
	-----------------------------------------------------------------------------*/
	#three_column #quick_access { width:723px; height:23px; margin:0 0 0 28px; padding:9px 0 0 123px; background:url(../images/quick-access-bg.gif) no-repeat; position:relative; }

	#three_column #quick_access a, #three_column #quick_access a:visited { margin:0; padding:0; color:#0d386b; text-decoration:underline; }
	#three_column #quick_access a:hover {  color:#0d386b; text-decoration:underline; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:280px; float:left; padding:7px 19px 0 17px; position:relative; }
	#three_column #content_main h1 { width:280px; height:29px; margin:7px 0 8px 0; padding:0; position:relative; float:left; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background:url(../images/welcome-txt.gif) no-repeat;  }
	#three_column #content_main p { font:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
	
	#three_column #content_sub { display:inline; width:258px; float:left; position:relative; }
	#three_column #content_sub #for_patients { width:258px; height:81px;   }
	#three_column #content_sub #womens_imaging { width:258px; height:77px; background:url(../images/callout-beveled-line.jpg) repeat-x bottom;   }
	#three_column #content_sub #neuro { width:258px; height:90px; background:url(../images/callout-beveled-line.jpg) repeat-x bottom; }
	
	#three_column #content_sub h3 { margin:0 0 0 90px; padding:8px 0 0 0; color:#0d386b;}
	#three_column #content_sub img { margin:0; padding:0; position:absolute;}
	#three_column #content_sub p { margin:0 5px 0 90px; padding:0; line-height:15px;}
	
	#three_column #content_sub a, #three_column #content_sub a:visited { color:#000; text-decoration:none; }
	#three_column #content_sub a:hover { color:#000; text-decoration:none; }
	
	#three_column #content_supp { position:relative; display:inline; width:268px; margin-left:2px; background:url(../images/whats-new-bg.jpg) no-repeat; float:left;}
	#three_column #content_supp h2 {  width:253px; height:37px; margin:0; padding:0; position:relative; }
	#three_column #content_supp h2 span{ width:100%; height:100%; position:absolute; background:url(../images/whats-new-txt.jpg) no-repeat;   }
	#three_column #content_supp ul { padding:0; margin:0 18px 0 20px; list-style-type:none; height:100px;}
	#three_column #content_supp li { padding:8px 0; background:url(../images/whats-new-beveled-line.jpg) repeat-x bottom; }
	#three_column #content_supp li strong { display:block; color:#0d386b ;}
	#three_column #content_supp li a { color:#0d386b; text-decoration:none; }
	
	.billpay { color:#C00000; font-size:16px; font-weight:bold; padding:0 18px 0 20px; text-align:center; }
	.billpay a,
	.billpay a:visited,
	.billpay a:hover { color:#C00000; text-decoration:underline; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	
	
	#two_column #grey_bottom { width:882px; height:20px; margin:0 0 0 9px; background:url(../images/grey-frame-bottom.gif) no-repeat; }
	
	#two_column #content_main { display:inline; width:604px; border: 1px solid #d7d6d6; margin:0 34px 0 0; padding:0 21px 12px 16px; background:#fff url(../images/content-bg.jpg) repeat-x; float:right; position:relative;} 

	#two_column #content_main h1 { margin:8px 0 0 0; padding:0; }       
	
	#two_column #content_sub { width:196px; position:relative; } 

	#in_this_section { width:196px; margin:0 0 0 28px; }
	#in_this_section h2 { width:196px; height:35px; margin:0; padding:0; position:relative; }
	#in_this_section h2 span { width:100%; height:100%; position:absolute; background:url(../images/in-this-section.gif) no-repeat; }
	#in_this_section ul { padding:0; margin:0; list-style-type:none; background-color: #C4D3B7; border:1px solid  #b3c1a5 ;  }
	#in_this_section li { padding-left:28px; font: 11px Arial; background:url(../images/in-this-section-bg.gif) no-repeat; line-height:19px; }
	#in_this_section li a, #in_this_section li a:visited { color:#0d386b; text-decoration:underline; }
	#in_this_section li a:hover { color:#0d386b; text-decoration:underline; }
	
	#in_this_section h3 { color:#0d386b; text-decoration:none; margin:0; padding:5px 0 4px 17px; background:#c4d3b7; display:block;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right;}
	#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 {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}
	
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer #site_info { font-size: 0.92em; text-align:center; position:relative;}
	#footer #site_info{ color: #323232;}
	#footer #site_info a, #footer #site_info a:visited { color: #0d386b; text-decoration: underline; }
	#footer #site_info a:hover {color:#0d386b; 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; }
	.sm {font-size:10px; line-height: 12px; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 0 0;}
	img.right { float:right; margin:0 0 0 10px;}
	
	p.right {text-align:right; }
	p.left {text-align:left; }
	
	.img-right {float:right; margin:0 0 10px 10px; width:210px;}
	.caption {text-align:center; margin-top:8px; font-size:10px; line-height:10px; clear:both;}
	
	
}