/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
*	author:		ken hanson
*	email:		ken@markupninjas.com
*	website:	www.markupninjas.com
**********************************************************************************/

/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
h3 { font-size:13px; }
/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: black;}
	a:hover { text-decoration: underline; }
	
.ir { position: relative; overflow: hidden; display: block;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

/***********************************
		=Home
***********************************/
html { height: 100%; }

body 
{ 
	text-align: center;
	font: 12px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	height: 100%;
}

body#home { background: url(images/bg_patientsBody.png) }
#wrapper 
{
	width: 709px;
	margin: 22px auto;
	text-align: left;
	position: relative;
	top: -30px;
}

	.logo, .logo a { width: 164px; height: 59px; text-indent: -9999px;}
		.logo em { background: url(images/ir_logo.png) no-repeat bottom left; }
	.logo { margin: 0 0 -24px 0; padding: 49px 0 0 0;}
	
	#utilityNavWrapper { position: absolute; top: 22px; right: 0px;}
		.utilNav { background: #4d660b; overflow: hidden; padding: 10px 7px 5px 21px;}
			.utilNav li { float: left; }
				.utilNav li a 
				{ 
					float: left; 
					color: white; 
					font-size: 12px; 
					padding-right: 8px; 
					margin-right: 8px; 
					border-right: solid 1px white;
					line-height: 15px;
					height: 15px;
					display: block;
				}
	.utilIR { overflow: hidden; }
		.utilIR li { float: left; }
			li.hope, li.hope a { width: 56px; height: 18px; display: block; text-indent: -9999px;}
				li.hope em { background: url(images/ir_hope.png); }
			li.comfort, li.comfort a { width: 86px; height: 18px; display: block; text-indent: -9999px;}
				li.comfort em { background: url(images/ir_comfort.png); }
			li.confidence, li.confidence a { width: 92px; height: 18px; display: block; text-indent: -9999px;}
				li.confidence em { background: url(images/ir_confidence.png); }
	#mainNavWrapper 
	{ 
		height: 31px;
		line-height: 33px;
		background: url(images/bg_navBar.png) no-repeat top right;
	}
	
		.mainNav { margin: 0 0 0 175px; }
			.mainNav li { float: left; }
				.mainNav li a { display: block; color: #2c2864; padding-right: 17px;}
					.mainNav li a:hover { text-decoration: underline; }
					
	/*** ROUNDED CORNERS AND SHADOWS ***/
	#mainContentOuter { background: url(images/bg_homeFlashShadow.png); margin: 16px 0 0 0;}
		#mainContentInner { background: url(images/bg_homeRoundedTop.png) no-repeat top left; position: relative; top: -16px;}
			#mainContent { background: url(images/bg_roundedBottom.png) no-repeat bottom left; position: relative; top: 35px;}
				#mainContent .sectionHeader { top: -35px; margin: 0 0 -35px 0;}
				#mainContent .flashWrapper { top: -35px; position: relative; margin: 0px 0 -38px -2px; }
				
	.flashWrapper { text-align: center; }
		
	#middleBar 
	{ 
		height: 74px; 
		padding: 18px 290px 18px 28px;
		background: url(images/bg_middleBarShadow.png) repeat-y top left;
		position: relative;
	}
		#middleBar h2 { font-size: 14px; color: #4c4574; position: relative; z-index: 100;}
		#middleBar p { font-size: 13px; color: #747474; position: relative; z-index: 100;}
		
		#home .contactCallout 
		{ 
			position: absolute;
			bottom: 0px;
			left: -5px;
			width: 100%;
			height: 105px;
			background: url(images/bg_middleBarSwoosh.png) no-repeat top right;
		}
			#home .contactCallout h3 { padding: 23px 0 0 476px; font-size: 18px; text-transform: uppercase; color: #4d660b;}
				#home .contactCallout h3 span { display: block; }
			#home .contactCallout p { padding: 0 0 0 476px; font-size: 28px !important; color: #3b394b !important; font-weight: bold;}				
				
	.sandboxes { padding: 21px 0 16px 27px; background: url(images/bg_sandboxes.png) no-repeat center top; overflow: hidden;}
		.sandbox { width: 190px; float: left; margin-right: 30px;}
			.sandbox h4 { font-size: 14px; color: #4c4574;}
			.sandbox p { font-size: 11px; line-height: 16px; color: #747474;}
				.sandbox p a { display: block; text-decoration: underline; color: #747474; }
				
#footer{ font-size: 10px; color: #747474; margin: 30px 0 0 0; clear: both; position: relative;}
	#footer a { color: #747474; }
		#footer a:hover { text-decoration: underline; }s

	#footer .copyright { padding: 0 0 0 10px; }
	#footer .footerNav { display: inline; float: right; position: absolute; right: 0px; bottom: 0px;}
		#footer .footerNav li { display: inline; }
			#footer .footerNav li a { padding: 0 0 0 10px; }
		
/***********************************
		=SubPages
***********************************/			
.innerBody { background: url(images/bg_innerBody.png) repeat-x bottom left; position: relative; height: 100%;}

.content { overflow: hidden; padding: 30px 0 28px 0; margin: 0 5px 0 4px; background: url(images/bg_content.png) repeat-x top left;}

.sectionHeader 
{ 
	position: relative;
	height: 56px;
	/* Default to Community */
	background: url(images/bg_patientsSectionHeader.png) no-repeat 1px 0;
	font-size: 20px;
	line-height: 56px;
	padding: 0 0 0 28px;
	color: white;
}
	.contactCallout 
	{ 
		line-height: 14px; 
		position: absolute;
		bottom: 0px;
		right: 5px;
		height: 48px;
		width: 100%;
		background: url(images/bg_phoneCallout.png) no-repeat bottom right;
	}
		.contactCallout h3 { padding: 10px 0 0 475px; font-size: 12px; color: #4d660b; text-transform: uppercase;line-height:1em;}
		.contactCallout p { padding: 0 0 0 475px; color: #484848; font-weight: bold; line-height:1em; }


	
	.subContent 
	{ 
		width: 202px;
		padding: 0 0 0 23px;
		float: left;
	
	}
	
		.subNav { margin: 0 0 19px 0; }
			.subNav li { line-height: 20px; }
				.subNav li a { color: #5a5a5a; }
					.subNav li.selected a { font-weight: bold; }
		.subContent img { border: solid 1px #b5a9c4; margin-bottom: 11px; }
	.mainInnerContent { margin: 0 0 0 228px; padding: 0 50px 0 0; }
		.mainInnerContent h4 { font-size: 16px; margin: 0 0 35px;}
		.cursiveLorem { margin: 0 0 18px 0; display: block; height: 22px;}
		.mainInnerContent p, .mainInnerContent li { line-height: 20px; color: #000; }
		.mainInnerContent blockquote { font-size: 27px; margin: 16px 0;}

/***********************************
		=Community
***********************************/
#community { background: url(images/bg_patientsBody.png); }
#community .subNav li.selected a { color: #1c0045; }
#community .mainInnerContent h4 { color: #1c0045; }
#community .cursiveLorem { color: #1c0045; }
	#community .cursiveLorem em { background: url(images/ir_communityCursiveLorem.png) no-repeat top left; }
#community blockquote { color: #1c0045; }
#community span.heading { color: #1c0045; font-weight:bold; }

/***********************************
		=aboutUs
***********************************/
#aboutUs { background: url(images/bg_patientsBody.png); }
#aboutUs .sectionHeader  { background: url(images/bg_patientsSectionHeader.png) no-repeat 0px 0; }
#aboutUs .subNav li.selected a { color: #b1a465; }
#aboutUs .mainInnerContent h4 { color: #b1a465; }
#aboutUs .cursiveLorem { color: #b1a465; }
	#aboutUs .cursiveLorem em { background: url(images/ir_communityCursiveLorem.png) no-repeat top left; }
#aboutUs blockquote { color: #b1a465; }
#aboutUs span.heading { color: #b1a465; font-weight:bold; }

/***********************************
		=physicians
***********************************/
#physicians { background: url(images/bg_patientsBody.png); }
#physicians .sectionHeader  { background: url(images/bg_patientsSectionHeader.png) no-repeat 1px 0; }
#physicians .subNav li.selected a { color: #6a6a6a; }
#physicians .mainInnerContent h4 { color: #6a6a6a; }
#physicians .cursiveLorem { color: #6a6a6a; }
	#physicians .cursiveLorem em { background: url(images/ir_physiciansCursiveLorem.png) no-repeat top left; }
#physicians blockquote { color: #6a6a6a; }
#physicians span.heading { color: #6a6a6a; font-weight:bold; }

/***********************************
		=patients
***********************************/
#patients { background: url(images/bg_patientsBody.png); }
#patients .sectionHeader  { background: url(images/bg_patientsSectionHeader.png) no-repeat 1px 0; }
#patients .subNav li.selected a { color: #5b8b00; }
#patients .mainInnerContent h4 { color: #5b8b00; }
#patients .cursiveLorem { color: #5b8b00; }
	#patients .cursiveLorem em { background: url(images/ir_patientsCursiveLorem.png) no-repeat top left; }
#patients blockquote { color: #5b8b00; }
#patients span.heading { color: #5b8b00; font-weight:bold; }
				
/* Salem Hospital Changes */
ul.bulleted, ol.bulleted{
	margin:1em;
	padding:1em;
	list-style: disc;
}

.mainInnerContent strong {
	font-weight:bold;
}
#patients .mainInnerContent h3 {
	color:#5b8b00
}

#physicians .mainInnerContent h3 {
	color: #6a6a6a;	
}
#aboutUs .mainInnerContent h3 {
color: #b1a465; 
}
#community .mainInnerContent h3 {
color: #1c0045; 
}

.utilNav li a.final {
	border-right:none;
}
table.docfinder {
	width:100%;
}

