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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(../images/body-bg.jpg);
	  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: 950px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#474747; }
	h1 { font-size: 2em; color:#440600; font-family:"Times New Roman", Times, serif; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#440600; text-decoration:underline; }
	a:hover { color:#440600; 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: 950px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	#inner-container {
		background:url(../images/inner-container-bg.jpg) repeat-y;
	}
	#inner-container #inner-container-top {
		background:url(../images/inner-container-top.jpg) no-repeat top;
	}
	#inner-container #inner-container-bottom {
		background:url(../images/inner-container-bottom.jpg) no-repeat bottom;
		min-height:850px; height:auto !important; height:850px;
		padding-top:10px;
	}
	
	
	#footer { 
		padding:20px;
		color:#440600;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:42px; margin:0; padding:4px 0 0 0; list-style-type:none; }
	ul#nav_main li { height:42px; 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:117px; }
	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 -42px; }
	
	ul#nav_main li.physicians { width:111px; }
	ul#nav_main li.physicians a span,ul#nav_main li.physicians a:link span { background:url(../images/buttons/btn-physicians.gif) 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.gif) no-repeat 0 -42px; }
	
	ul#nav_main li.for-patients { width:124px; }
	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 -42px; }
	
	ul#nav_main li.for-physicians { width:141px; }
	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 -42px; }
	
	ul#nav_main li.services-procedures { width:203px; }
	ul#nav_main li.services-procedures a span,ul#nav_main li.services-procedures a:link span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat; }
	ul#nav_main li.services-procedures a:hover span,body.services-procedures ul#nav_main li.services-procedures a span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat 0 -42px; }
	
	ul#nav_main li.cardio-health { width:138px; }
	ul#nav_main li.cardio-health a span,ul#nav_main li.cardio-health a:link span { background:url(../images/buttons/btn-cardio-health.gif) no-repeat; }
	ul#nav_main li.cardio-health a:hover span,body.cardio-health ul#nav_main li.cardio-health a span { background:url(../images/buttons/btn-cardio-health.gif) no-repeat 0 -42px; }
	
	ul#nav_main li.research { width:116px; }
	ul#nav_main li.research a span,ul#nav_main li.research a:link span { background:url(../images/buttons/btn-research.gif) no-repeat; }
	ul#nav_main li.research a:hover span,body.research ul#nav_main li.research a span { background:url(../images/buttons/btn-research.gif) no-repeat 0 -42px; }
	
	
	#nav_sub { 
		height:16px;
		overflow:hidden;
		padding:4px 20px 0 0;
		text-align:right;
		line-height:16px;
		color:#440600;
	} 
	#nav_sub a,
	#nav_sub a:visited { color:#440600; text-decoration:none; }
	#nav_sub a:hover { color:#440600; text-decoration:underline; }
	
	#nav_supp { }
	#nav_supp a,
	#nav_supp a:visited { text-decoration:none; color:#440600; }
	#nav_supp a:hover { text-decoration:underline; color:#440600; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:98px; background:url(../images/branding-bg.jpg) no-repeat; }
	
	#branding h1 { width:455px; height:95px; margin:0 0 0 12px; padding:0; position:relative; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	
	#two_column #branding_sub { }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #branding_sub { height:294px; overflow:hidden; }
	
	#three_column #content { background:url(../images/3col-content-bg.jpg) no-repeat; }
	
	#three_column #content_main { display:inline; float:left; width:567px; margin-bottom:0;}
	
	#three_column #content_main #quick_access { line-height:32px; padding:0 0 0 133px; height:40px; overflow:hidden; color:#fff; }
	#three_column #content_main #quick_access a,
	#three_column #content_main #quick_access a:visited { color:#fff; text-decoration:none; }
	#three_column #content_main #quick_access a:hover { color:#fff; text-decoration:underline; }
	
	#three_column #content_main #welcome { width:500px; margin:0 0 0 30px; }
	#three_column #content_main #welcome h1 { color:#440600; font-size:24px; line-height:22px; }
	#three_column #content_main #welcome p { color:#440600; font-size:14px; line-height:22px; }
	
	#three_column #content_sub {
		float:left; display:inline;
		margin:-26px 0 25px 0;
		width:329px; 
		height:305px; 
		background:url(../images/news-bg.jpg) no-repeat; 
		overflow:hidden;
		padding:0 15px;
		color:#440600;
	}
	#three_column #content_sub h1.phone { width:359px; height:46px; margin:0 0 0 -15px; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub h1.phone span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/txt-phone.gif) no-repeat; }
	#three_column #content_sub h2.whats-new { width:325px; height:29px; margin:8px 0 0 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub h2.whats-new span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/txt-whats-new.gif) no-repeat; }
	#three_column #content_sub h2.mailing-list { width:325px; height:35px; margin:8px 0 0 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub h2.mailing-list span { width:100%; height:100%; position:absolute; background:url(../images/txt-mailing-list.gif) no-repeat; }
	
	#three_column #content_sub hr { border:none; border-top:1px solid #440600; height:1px; }
	#three_column #content_sub p { margin:5px; }
	#three_column #content_sub ul { height:125px; overflow:hidden; }
	#three_column #content_sub ul li { line-height:18px; margin:5px; }
	#three_column #content_sub a,
	#three_column #content_sub a:visited { color:#440600; text-decoration:none; font-weight:bold; }
	#three_column #content_sub a:hover { color:#440600; text-decoration:underline; font-weight:bold; }
	
	#three_column #content_supp{ 
		clear:both;
		width:931px;
		height:198px;
		overflow:hidden;
		margin:0 0 10px 9px;
		background:url(../images/3col-content-supp.gif) no-repeat;
	}
	
	#three_column #content_supp .callout {
		float:left;
		display:inline;
		width:212px;
		height:190px;
		overflow:hidden;
		margin-top:8px;
		color:#440600;
	}
	#three_column #content_supp .callout img { margin:0; padding:0; }
	#three_column #content_supp .callout h2 { width:212px; height:26px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp .callout p { margin:0 0 0 5px; padding:0; }
	#three_column #content_supp .callout a,
	#three_column #content_supp .callout a:visited,
	#three_column #content_supp .callout a:hover { color:#440600; text-decoration:underline; }
	
	#three_column #content_supp .callout.nj-arrhythmia-associates { margin-left:8px; }
	#three_column #content_supp .callout.nj-arrhythmia-associates h2 span { width:100%; height:100%; position:absolute; background:url(../images/callouts/txt-nj-arrhythmia-associates.gif) no-repeat; }
	
	#three_column #content_supp .callout.cardiovascular-interventions { margin-left:22px; }
	#three_column #content_supp .callout.cardiovascular-interventions h2 span { width:100%; height:100%; position:absolute; background:url(../images/callouts/txt-cardiovascular-interventions.gif) no-repeat; }
	
	#three_column #content_supp .callout.diagnostic-imaging { margin-left:22px; }
	#three_column #content_supp .callout.diagnostic-imaging h2 span { width:100%; height:100%; position:absolute; background:url(../images/callouts/txt-diagnostic-imaging.gif) no-repeat; }
	
	#three_column #content_supp .callout.patient-education { margin-left:22px; }
	#three_column #content_supp .callout.patient-education h2 span { width:100%; height:100%; position:absolute; background:url(../images/callouts/txt-patient-education.gif) no-repeat; }
	
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #branding_sub h1 { width:950px; height:165px; margin:0; padding:0; position:relative; overflow:hidden; }
	
	#two_column #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-default.jpg) no-repeat; }
	#two_column.about-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	#two_column.physicians #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.jpg) no-repeat; }
	#two_column.for-patients #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	#two_column.for-physicians #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	#two_column.services-procedures #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-services-procedures.jpg) no-repeat; }
	#two_column.cardio-health #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-cardio-health.jpg) no-repeat; }
	#two_column.research #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-research.jpg) no-repeat; }
	#two_column.news #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-news.jpg) no-repeat; }
	#two_column.mailing-list #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-mailing-list.jpg) no-repeat; }
	#two_column.privacy-policy #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	#two_column.contact-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.thank-you #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	
	
	#two_column #content_main { float:left; display:inline; width:595px; padding:5px 0 20px 30px; }
	
	#two_column #content_sub { float:left; display:inline; width:300px; padding:0 0 20px 10px;} 
	
	#two_column #content_sub #its { background:url(../images/its-bg.jpg) repeat-y; }
	#two_column #content_sub #its #its-top { background:url(../images/its-top.jpg) no-repeat top left; }
	#two_column #content_sub #its #its-bottom { background:url(../images/its-bottom.jpg) no-repeat bottom left; min-height:270px; height:auto !important; height:270px;}
	#two_column #content_sub #its h2 { width:300px; height:53px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #its h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.jpg) no-repeat; }
	#two_column #content_sub #its ul { margin:8px 0 0 40px; padding:0; }
	#two_column #content_sub #its ul ul { margin:0 0 0 20px; padding:0; }
	#two_column #content_sub #its ul li { margin:0; padding:2px 0; }
	
	#two_column #content_sub #callouts { margin:25px 0 0 50px; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding:7px 0 0 0; }
	#site_info a,
	#site_info a:visited { text-decoration:none; color:#440600; }
	#site_info a:hover { text-decoration:underline; color:#440600; }
	
	
	/* =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; border:1px solid #ccc; }
	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; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align: top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#two_column #content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#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; 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; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:10px 0 0 40px; }
	
	/* =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; }
	
	
}