/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www..com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#143a8a; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff;
	  font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	  color:#143a8a;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 920px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	body#three_column {
	  background: #eff6fa url(../images/body-bg-three-column.jpg) repeat-x center top;
	}
	
	body#two_column {
	  background: #fff url(../images/body-bg-two-column.jpg) repeat-x center top;
	}

	/* Class for clearing floats */
	.clear { clear:both; height:0px; }
	* html .clear { clear:both; height:0px; margin:-4px 0; padding:0; line-height:0; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr { border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	ul {}
	ul li { line-height:18px; }
	
	ol {}
	ol li { line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#143a8a; }
	h1 { font-size: 20px; }
	h2 { font-size: 16px; color:#0375a8; }
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }

	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#143a8a; text-decoration:underline; }
	a:hover { color:#143a8a; text-decoration:underline; }
	
	#two_column #content_main a[href$='.pdf'] {
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  	width: 920px;
	  	margin: 0 auto;
	  	text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#nav-container { 
		margin:0 0 10px 0;
		padding:0;
		width:920px;
		height:79px;
		overflow:hidden;
		background:transparent url(../images/nav-main-bg.gif) no-repeat;
	}
	
	#content { margin:0 0 30px 0; }
	
	#footer-container {
		border-top:2px solid #83c879;
		background:#143a8a;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	ul#nav_main { height:37px; margin:10px 0 0 0; padding:0; list-style-type:none; float:left; display:inline; }
	ul#nav_main li { height:37px; 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.about-us { width:93px; }
	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 -37px; }
	
	ul#nav_main li.our-radiologists { width:134px; }
	ul#nav_main li.our-radiologists a span,ul#nav_main li.our-radiologists a:link span { background:url(../images/buttons/btn-our-radiologists.gif) no-repeat; }
	ul#nav_main li.our-radiologists a:hover span,body.our-radiologists ul#nav_main li.our-radiologists a span { background:url(../images/buttons/btn-our-radiologists.gif) no-repeat 0 -37px; }
	
	ul#nav_main li.locations { width:93px; }
	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 -37px; }
	
	ul#nav_main li.services { width:84px; }
	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 -37px; }
	
	ul#nav_main li.for-patients { width:107px; }
	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 -37px; }
	
	ul#nav_main li.for-physicians { width:121px; }
	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 -37px; }
	
	ul#nav_main li.news { width:69px; }
	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 -37px; }
		
	#nav_sub { 
		float:right; 
		display:inline; 
		color:#fff;
		width:210px;
		margin:20px 0 0 0;
	} 
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	#nav_sub img.home {margin:0 14px -1px 0;}
	
	
	#nav_section { clear:both; margin:0 12px; padding:0; line-height:30px;}
	#nav_section a,
	#nav_section a:visited { text-decoration:none; }
	#nav_section a:hover { text-decoration:underline; }
	#nav_section p {margin:0; padding:5px 0;}
	#nav_section ul { margin:0; padding:5px 0; list-style-type:none; }
	#nav_section ul li { float:left; padding-right:5px; margin-right:5px; border-right:1px solid #143a8a; }
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { margin:0 0 12px 0; height:334px; overflow:hidden; background:url(../images/quick-access.jpg) no-repeat bottom left; }
	
	#three_column #branding #flash { float:right; display:inline; width:633px; height:334px; overflow:hidden; }
	
	#branding h1 { width:277px; height:162px; margin:0; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	
	#branding #quick-links { 
		width:237px; 
		height:170px; 
		overflow:hidden; 
		margin:0; 
		padding:0 20px; 
		color:#2a2a2a; 
	}
	#branding #quick-links h1,
	#branding #quick-links h2,
	#branding #quick-links h3,
	#branding #quick-links h4 { font-size:17px; color:#143a8a; font-weight:normal; clear:left; }
	#branding #quick-links h5 { font-size:12px; color:#143a8a; font-weight:bold; clear:left; }
	#branding #quick-links a,
	#branding #quick-links a:visited { color:#2a2a2a; text-decoration:none; }
	#branding #quick-links a:hover { color:#2a2a2a; text-decoration:underline; }
	
	#branding #quick-links ul { overflow:auto; margin:0 5px; }
	#branding #quick-links ul.split li { width:48%; float:left; display:inline; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #callouts { height:125px; overflow:hidden; margin:22px 0 33px 0;}
	#three_column #callouts img { float:left; display:inline; margin:0 15px 0 15px; }
		
	#three_column #content_main {
		float:left; 
		display:inline;
		background: url(../images/welcome.jpg) no-repeat;
		width:491px;
		height:175px;
		overflow:hidden;
		padding:10px 15px;
		margin:0 28px 0 0;
		line-height:24px;
	}
	#three_column #content_main p {line-height:24px;}
	
	#three_column #content_sub { 
		float:left;
		display:inline; 
		width:360px;
		margin:10px 0;
	}
	#three_column #content_sub h2 { color:#143a8a; font-weight:18px; font-weight:bold; }
	#three_column #content_sub strong { font-weight:bold; }
	#three_column #content_sub a,
	#three_column #content_sub a:visited { font-weight:bold; text-decoration:none; }
	#three_column #content_sub a:hover { font-weight:bold; text-decoration:none; }
	#three_column #content_sub ul li {margin:0 0 5px 0;}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #branding { background:transparent; height:162px; }
	#two_column #branding h1 { float:left; display:inline; }
	#two_column #branding h2 { float:right; display:inline; position:relative; overflow:hidden; width:633px; height:162px; margin:0; padding:0; }
	#two_column #branding h2 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-default.jpg) no-repeat; }
	
		/* Change Banner Per Body Class */
		#two_column.about-us #branding h2 span { background:url(../images/banners/banner-about-us.jpg) no-repeat; }
		#two_column.our-radiologists #branding h2 span { background:url(../images/banners/banner-our-radiologists.jpg) no-repeat; }
		#two_column.locations #branding h2 span { background:url(../images/banners/banner-locations.jpg) no-repeat; }
		#two_column.services #branding h2 span { background:url(../images/banners/banner-services.jpg) no-repeat; }
		#two_column.for-patients #branding h2 span { background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
		#two_column.for-physicians #branding h2 span { background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
		#two_column.news #branding h2 span { background:url(../images/banners/banner-news.jpg) no-repeat; }
		#two_column.employment #branding h2 span { background:url(../images/banners/banner-employment.jpg) no-repeat; }
		#two_column.staff #branding h2 span { background:url(../images/banners/banner-staff.jpg) no-repeat; }
		#two_column.contact #branding h2 span { background:url(../images/banners/banner-contact.jpg) no-repeat; }
		#two_column.thanks #branding h2 span { background:url(../images/banners/banner-thanks.jpg) no-repeat; }
		#two_column.privacy-policy #branding h2 span { background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
		#two_column.interventional #branding h2 span { background:url(../images/banners/banner-interventional-radiology.jpg) no-repeat; }
		#two_column.contracting #branding h2 span { background:url(../images/banners/banner-contracting.jpg) no-repeat; }
		#two_column.womens-imaging #branding h2 span { background:url(../images/banners/banner-womens-imaging.jpg) no-repeat; }
	
	
	
	#two_column #content { 
		background:url(../images/content-left-lt-blue.jpg) repeat-y top left;
	}
	#two_column #content .cbottom {
		background:url(../images/content-left-bottom-lt-blue.jpg) no-repeat bottom left;
	}
	
	#two_column #content_main { 
		display:inline; 
		float:right; 
		width:633px; 
		background:#fff url(../images/content-main-lt-blue.jpg) repeat-y top left;
	}
	#two_column #content_main .womens-imaging ul { list-style-type:none;}
	
	#two_column #content_main .top { border-top:1px solid #3093b5; }
	#two_column #content_main .bottom { 
		min-height:400px; 
		height:auto !important; 
		height:400px; 
		margin:0;
		padding:5px 15px 20px 20px;
		background:url(../images/content-main-bottom-lt-blue.jpg) no-repeat bottom left;
	}
	
	#two_column #content_sub { 
		color: #FFFFFF;
		display:inline; 
		float:left;
		width:267px;
		padding:20px 0 0 10px;
		min-height:320px; 
		height:auto !important; 
		height:320px;
	} 
	#two_column #content_sub h2 { 
		color: #fff;
		padding: 0 0 0 10px;
		margin:0 10px 10px 0;
		font-size: 20px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	#two_column #content_sub ul { 
		background: #fff;
		margin: 5px 0 20px 0;
		padding: 0;
		list-style-type: none;
		width: 256px;
		overflow: hidden;
		border: 1px solid #1E438F;
		border-bottom: none;
		color: #1E438F;
	}
	
	#two_column #content_sub ul li ul {
		border: none;
		margin: 0;
		
	} 
	
	#two_column #content_sub ul li { 
		margin: 0;
		padding: 0;
		width: 100%;
		
	}
	
	#two_column #content_sub ul li a, 
	#two_column #content_sub ul li a:visited {
		color: #1E438F;
		border-bottom: 1px solid #1E438F;
		display: block;
		width: 236px;
		text-decoration: none;
		padding: 2px 10px 2px 10px;
		
	}
	
	#two_column #content_sub ul li .title {
		color: #1E438F;
		border-bottom: 1px solid #1E438F;
		display: block;
		width: 236px;
		text-decoration: none;
		padding: 2px 10px 2px 10px;
	}
	
	#two_column #content_sub ul li ul li a, 
	#two_column #content_sub ul li ul li a:visited {
		color: #1E438F;
		border-bottom: 1px solid #1E438F;
		display: block;
		width: 226px;
		text-decoration: none;
		padding: 2px 10px 2px 20px;
	}
	
	#two_column #content_sub ul li a:hover,
	#two_column #content_sub ul li ul li a:hover {
		color: #fff;
		background: #6B88BF;
	}
	
	
	/* Change Background Images Per Body Class */
	#two_column.lt-blue #content { background:url(../images/content-left-lt-blue.jpg) repeat-y top left; }
	#two_column.lt-blue #content .cbottom { background:url(../images/content-left-bottom-lt-blue.jpg) no-repeat bottom left; }	
	#two_column.lt-blue #content_main { background: url(../images/content-main-lt-blue.jpg) repeat-y top left; }
	#two_column.lt-blue #content_main .top { border-top:1px solid #3093b5; }
	#two_column.lt-blue #content_main .bottom { background:url(../images/content-main-bottom-lt-blue.jpg) no-repeat bottom left; }
	
	#two_column.green #content { background:url(../images/content-left-green.jpg) repeat-y top left; }
	#two_column.green #content .cbottom { background:url(../images/content-left-bottom-green.jpg) no-repeat bottom left; }	
	#two_column.green #content_main { background: url(../images/content-main-green.jpg) repeat-y top left; }
	#two_column.green #content_main .top { border-top:1px solid #83c879; }
	#two_column.green #content_main .bottom { background:url(../images/content-main-bottom-green.jpg) no-repeat bottom left; }
	
	#two_column.drk-blue #content { background:url(../images/content-left-drk-blue.jpg) repeat-y top left; }
	#two_column.drk-blue #content .cbottom { background:url(../images/content-left-bottom-drk-blue.jpg) no-repeat bottom left; }	
	#two_column.drk-blue #content_main { background: url(../images/content-main-drk-blue.jpg) repeat-y top left; }
	#two_column.drk-blue #content_main .top { border-top:1px solid #143a8a; }
	#two_column.drk-blue #content_main .bottom { background:url(../images/content-main-bottom-drk-blue.jpg) no-repeat bottom left; }
	
	#two_column.locations #content_main { background: url(../images/content-main-drk-blue.jpg) repeat-y top left; }
	#two_column.locations #content_main .top { border-top:1px solid #143a8a; }
	#two_column.locations #content_main .bottom { background:url(../images/content-main-bottom-drk-blue.jpg) no-repeat bottom left; min-height:540px; height:auto; !important; height:540px;}
	
	#two_column.employment #content_main { background: url(../images/content-main-drk-blue.jpg) repeat-y top left; }
	#two_column.employment #content_main .top { border-top:1px solid #143a8a; }
	#two_column.employment #content_main .bottom { background:url(../images/content-main-bottom-drk-blue.jpg) no-repeat bottom left; min-height:511px; height:auto !important; height:511px;}
	
	#two_column.news #content_main { background: url(../images/content-main-drk-blue.jpg) repeat-y top left; }
	#two_column.news #content_main .top { border-top:1px solid #143a8a; }
	#two_column.news #content_main .bottom { background:url(../images/content-main-bottom-drk-blue.jpg) no-repeat bottom left; min-height:550px; height:auto !important; height:550px;}
		
		
	/* =Table Properties
	-----------------------------------------------------------------------------*/	
	table { }
	table td.bg-ltblue { background-color:#84BFCF; padding-left:10px; border:1px solid #55A6C4;}
	table td.bg-green { background-color:#A5D79D; padding-left:10px; border:1px solid #77C36B;}
	table td.margin { padding:0 0 0 10px;}
	table td.blank{ padding:0; margin:0;}
	
	table.about-our-region {  border:none; }
	table.about-our-region tr td { text-align: center; padding: 10px;}
	
	table#radiologist-listing td { padding:3px 0; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer {
		color:#fff;
		width: 920px;
		height:140px;
	  	margin: 0 auto;
	  	text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	#footer a,
	#footer a:visited { color:#fff; text-decoration: none; }
	#footer a:hover { color:#fff; text-decoration: underline; }
	
	#footer #tagline { padding:17px 10px 7px 10px; color:#99b9fd; }
	#footer #tagline #nav_sub_footer { float:right; display:inline; color:#fff; }
	#footer #tagline #nav_sub_footer img.home {margin:0 10px -1px 0; }
	
	#footer #nav_supp { border-top:1px solid #fff; padding:7px 10px; }
	
	#footer #site_info { border-top:1px solid #fff; padding:10px 10px; }
	#footer #site_info #byline { float:right; display:inline; }
		
		
	/* =Forms
	-----------------------------------------------------------------------------*/
	fieldset {
		padding: 1em;
		border:1px solid #555;
	}
	
	legend {
		padding: 0.2em 0.5em;
		text-align:right;
	}
	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;
	}
	
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 30px;}
	#two_column #content_main li { margin:0; padding:2px 0; }
	
	#two_column #content_main ol { list-style-type:disc; margin:0 0 0 30px;}
	#two_column #content_main li { margin:0; padding:2px 0; }
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; display:inline;}
	#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; 
	min-height:230px; height:auto !important; height:230px; }
	
	#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;}
	
	
	/* =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; }
	
	.inset-right {float: right; diplay:inline; margin:0 0 5px 10px; }
	.inset-left {float: left; diplay:inline; margin:0 10px 5px 0; }
	
	#womens-imaging ul { list-style-type:none;}
	.inset-right-dvt {float: right; diplay:inline;  width:260px;  margin-left: 10px;}
	.inset-inset { padding: 5px; border: 1px solid #3996B7; margin-top: 5px; background:#ffffff; font-size:10px; min-height:125px; height:auto !important; height:125px; }
	
	img.left-inset {float: right; diplay:inline; margin: 0 0 0 5px; padding 0 0 0 5px; }
	
	.insurance-inset { border: 1px solid #143A8A; background:#ffffff; padding: 0 10px 10px 10px;}
	
	.board { border: 1px solid #3194B4; background:#ffffff; padding: 0 10px 10px 10px;}
	
	.interventional td { padding: 10px 0 0 0;}
	
	
}