/*-----------------------------------------------------------------------------
Long Island Radiology Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#313131;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 966px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:url(../images/bg.gif);
	}
	
	/* 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:#00519D; }
	h2 { font-size: 1.3em; color:#424242;}
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner_for_physicians.jpg) no-repeat; }
	
	body.about_us h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.about_us h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	
	body.locations h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.locations h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-locations.jpg) no-repeat; }
	
	body.exams h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.exams h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-exams.jpg) no-repeat; }
	
	body.for_patients h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.for_patients h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	
	body.careers h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.careers h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-careers.jpg) no-repeat; }
	
	body.news h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.news h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-news.jpg) no-repeat; }
	
	body.contact h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.contact h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact.jpg) no-repeat; }
	
	body.thanks h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.thanks h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	
	body.privacy h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.privacy h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	
	body.referring h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.referring h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-referring-md.jpg) no-repeat; }
	
	body.for_physicians h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.for_physicians h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	
	body.search h2.banner { width:920px; height:126px; padding:0; margin:0 0 0 24px; position:relative; }
	body.search h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-search.jpg) no-repeat; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #00519D; }
	a:visited { color: color:#00519D; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 966px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/bg_content.gif) repeat-y;
	}
	
	#content { margin:0 22px 0 24px; }
	#three_column #content { background:url(../images/bg_content2.gif) no-repeat; }
	
	#footer { height:56px; margin-left:24px; padding-top:15px; background:url(../images/bg_footer.jpg) no-repeat; } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:34px; margin:0 0 0 24px; padding:0; list-style-type:none; }
	ul#nav_main li { height:34px; 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.about_us { width:112px; }
	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 -34px; }
	
	ul#nav_main li.locations { width:116px; }
	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 -34px; }

	ul#nav_main li.exams { width:103px; }
	ul#nav_main li.exams a span,ul#nav_main li.exams a:link span { background:url(../images/buttons/btn_exams.jpg) no-repeat; }
	ul#nav_main li.exams a:hover span,body.exams ul#nav_main li.exams a span { background:url(../images/buttons/btn_exams.jpg) no-repeat 0 -34px; }

	ul#nav_main li.for_patients { width:134px; }
	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 -34px; }

	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.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 -34px; }

	ul#nav_main li.careers { width:113px; }
	ul#nav_main li.careers a span,ul#nav_main li.careers a:link span { background:url(../images/buttons/btn_careers.jpg) no-repeat; }
	ul#nav_main li.careers a:hover span,body.careers ul#nav_main li.careers a span { background:url(../images/buttons/btn_careers.jpg) no-repeat 0 -34px; }

	ul#nav_main li.news { width:99px; }
	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 -34px; }

	ul#nav_main li.contact { width:95px; }
	ul#nav_main li.contact a span,ul#nav_main li.contact a:link span { background:url(../images/buttons/btn_contact.jpg) no-repeat; }
	ul#nav_main li.contact a:hover span,body.contact ul#nav_main li.contact a span { background:url(../images/buttons/btn_contact.jpg) no-repeat 0 -34px; }
	
	
	#nav_supp { text-align:center; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { text-transform:lowercase; text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:35px; margin:0 22px 0 24px; background:url(../images/bg_branding.gif) no-repeat; }
	
	#branding h1 { width:422px; height:35px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif); }
	
	#branding_sub { height:211px; margin-left:24px; } /* Optional container, use only if necessary. */
	

	/* =Search
	-----------------------------------------------------------------------------*/	
	#search { float:right; font-size:0.92em; padding:5px 0 0 0; margin:0; }
	#search .query {padding:0; margin:-2px 0 0 0;}
	#search .button {width:52px; height:18px; padding:0; margin:0 0 -3px 0; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:360px; float:left; }
	#three_column #content_main p { padding-left:10px; }
	
	#three_column #content_main h2 { width:359px; height:30px; position:relative; }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_welcome.gif) no-repeat; }
	
	#three_column #content_sub { display:inline; width:255px; padding-left:5px; margin-left:16px; float:left; }
	
	#three_column #content_sub ul { padding:0; margin:0 0 0 15px; list-style-type:none; }
	#three_column #content_sub li { margin-bottom:15px; }
	#three_column #content_sub li strong { display:block; }

	#three_column #content_sub h2 { width:247px; height:30px; position:relative; }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_whats_new.gif) no-repeat; }
	
	#three_column #content_supp { display:inline; width:280px; float:right; } /* Design may not call for this container, delete id not necessary. */
	#three_column #content_supp p { padding-left:23px; }
	#three_column #content_supp img { padding-right:20px; }
	
	#three_column #content_supp ul { padding:0; margin:0 0 0 23px; list-style:none; }
	#three_column #content_supp li { padding-left:15px; background:url(../images/bullet.gif) no-repeat 0 5px; }

	#three_column #content_supp h2.quick { width:277px; height:30px; margin-left:3px; position:relative; }
	#three_column #content_supp h2.quick span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_access.gif) no-repeat; }

	#three_column #content_supp h2.referring { width:277px; height:30px; margin-left:3px; position:relative; }
	#three_column #content_supp h2.referring span { width:100%; height:100%; position:absolute; background:url(../images/txt_referring_physicians_ho.gif) no-repeat; }

	#three_column #content_supp h2.womens { width:277px; height:30px; margin-left:3px; position:relative; }
	#three_column #content_supp h2.womens span { width:100%; height:100%; position:absolute; background:url(../images/txt_womens_imaging.gif) no-repeat; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:670px; float:left; padding:0 5px; padding-top:35px; background:url(../images/bg_content_main.gif) no-repeat; }
	
	#two_column #content_sub { display:inline; min-height:279px; height:auto !important; height:500px; width:224px; float:right; background:url(../images/bg_in_this_section.gif) no-repeat; } 
	
	#two_column #content_sub ul { margin:0; padding: 0 0 0 20px; list-style-type:none; }
	#two_column #content_sub li { padding-left:15px; line-height:18px; background:url(../images/bullet.gif) no-repeat 0 4px; }
	#two_column #content_sub li a { color:#2d2d2d; text-decoration:none; }
	#two_column #content_sub li a:hover { text-decoration:underline; }
	
	#two_column #content_sub h2.its { width:224px; height:42px; margin:0; padding:0; position:relative; }
	#two_column #content_sub h2.its span { width:100%; height:100%; position:absolute; background:url(../images/txt_in_this_section.gif) no-repeat; }
	
	#two_column #content_sub h2.referring { width:224px; height:26px; margin:0; padding:0; position:relative; }
	#two_column #content_sub h2.referring span { width:100%; height:100%; position:absolute; background:url(../images/txt_referring_physicians.gif) no-repeat; }
	
	#two_column #content_sub p.callout { padding:0 10px; }
	
	/* =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
	-----------------------------------------------------------------------------*/
	#site_info { text-align:center; font-size: 0.92em; }
	#site_info, #site_info a { color: #FFF;}
	#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: 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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.stextwh { font-size: 1.1em; font-weight: bold; color:#ffffff;}
	a.stextwh:link { color: #ffffff; }
	a.stextwh:visited { color: color:#ffffff; }
	
	.office-specific-forms {float:left; width:300px; margin-right:20px; min-height:50px; height:auto !important; height:50px;}
	.office-specific-forms h3 { padding:0 0 2px 0; border-bottom: 1px solid #00519D; }
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}