/* CSS Document */	/*  ===================================================   	===================================================  		Description: St. Alphonsus structure style sheet 	Author: Sean Kabanuk	Release date: 10/29/07  	Designer approved: Sean Kabanuk	Date approved: 07/21/08   	Revision History:	Revised By		Revised On:						Sean Kabanuk	10/29/07  						Sean Kabanuk	07/21/08 						  	===================================================   	===================================================  */	body {	background: url(../images/page_bckgrnd.gif) top left;	margin-top: 0px;	}	#globalContainer {	width: 750px;	margin-left: auto;	margin-right: auto;	background-color: #fff;	border: 1px solid #000;	}	/*  ===================================================  *//*  DEFINES SPOTLIGHT NAV *//*  ===================================================  */#spotlightNavRow {	width: 752px;	margin-left: auto;	margin-right: auto;	padding: 20px 0px 10px 0px;	background: url(../images/page_bckrnd_alt.gif) top left;	}		/* defines ul for spotlightNavRow */#spotlightNavRow ul {	margin: 0px 0px 0px 0px;	padding: 0px;	list-style-type: none;	font:  10px Verdana, Arial, Helvetica, sans-serif;	color: #46463a;	}    #spotlightNavRow ul li {  	display: inline;  	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	}   #spotlightNavRow ul li a {  	display: inline;	padding: 10px 5px 0px 5px;	margin:  0px;  	color: #46463a;	font:  11px Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	text-decoration: none;	}    #spotlightNavRow ul a:hover {	text-decoration: underline;	}		/*  ===================================================  *//*  DEFINES TOP BANNER *//*  ===================================================  */#branding {	clear: both;	width: auto;	height: 85px;	border-bottom: 2px solid #fff;	background: #a30d1d url(../images/branding_bckgrnd.gif) top right no-repeat;	}			#clientLogo {		float: left;		margin: 17px 0px 0px 10px;		}		#espLogo {		float: left;		margin: 0 0 0 10px;		}#fastFinder {	float: right;	width: 450px;	margin: 55px 0px 0px 0px;	}				/*  ===================================================  *//*  DEFINES MAIN PROMO AREA *//*  ===================================================  */#mainPromoContainer {	width: auto;	/* background: url(../images/mainpromo_bckgrnd.jpg) top left no-repeat; */	}			/*  ===================================================  *//*  DEFINES PRIMARY NAV *//*  ===================================================  */#primNavContainer {	width: auto;	height: 30px;	position: relative;	}		#primNavLeft {		float: left;		}			#primNavRight {		float: left;		}			#primNavRowContainer {		float: left;		height: 30px;		width: 738px;		background: url(../images/primnav_bckgrnd.gif) left repeat-x;		}		/* defines ul for primary nav row */	#primNavRow {		margin: 0px;		padding: 0px;		}	#primNavRow li {		display: block;		float: left;		position: relative;		text-align: left;	    height: 24px;		padding: 0px 7px 0px 8px;		margin: 3px 0px 0px 0px;		border-right: 1px solid #716b52;		font: 11px Verdana, Arial, Helvetica, sans-serif;		font-weight: bold;		/*list-style: none;*/		}				* html #primNavRow li {			padding-bottom: 0px;			/* commented backslash hack v2 \*/			padding-bottom: 0px;			p\adding-bottom: 0px;			/* end hack */			}			#primNavRow li a {		display: block;		padding: 5px 0px 0px 0px; /* controls the width of the main nav item */		color: #535345; /* controls the off-state text color on the subnav */		text-decoration: none;		}				 #primNavRow a:hover {			color: #fff	;			}	#primNavRow li ul {		/*display: none;		position: absolute;*/		top: 100%;		left: 0;		text-indent: 10px;		margin: 0px;		padding: 0px;		line-height: 19px;		width: 200px;		background: #96a070;		border: 1px solid #000;		}		#primNavRow li ul li {		width: 199px; /* controls the width of the subnav item */		padding: 0px;		margin: 0px;		clear: left;		border: none;		}		#primNavRow li li a {		font: 11px Verdana, Arial, Helvetica, sans-serif;		display: block;		margin: 0px;		padding: 4px 0px 4px 0px;		width: 100%;		color: #fff;		}				html>body #primNavRow li li a {			width: auto;			}	#primNavRow li li a:hover {		color: #fff; /* controls the over-state text color on the subnav */		background: #aeb887;		}	#primNavRow li:hover ul, li.over ul {	display: block;	}	/* defines styles for drop down nav*/ 	.subNav {	display: none;	position: absolute;	top: 100%;	left: 0;	}.subNav li ul {	top: auto;	left: auto;	}	.subNav li {	display: block;	float: none;	border: 0;	} /*  ===================================================  *//*  DEFINES SECONDARY NAV *//*  ===================================================  */	#secNavContainer {	width: 153px;	margin: 0px;	padding: 5px 0px 5px 0px;	background: url(../images/contentbox_bckgrnd.gif) top repeat-y;	}		#secNavContainer ul { 		margin: 0px 5px 0px 20px;		display: block;		padding: 0px;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 10px;		color: #9e8f56;		line-height: 13px;		}	#secNavContainer li {		padding-top: 7px;		color: #9e8f56;		padding: 2px 0px 2px 0px;		}	#secNavContainer li a {		padding: 0px;		text-decoration: none;		color: #395e38;		font-size: 100%;		}	#secNavContainer li a:hover {		color: #395e38;		text-decoration: underline;		} 						/*  ===================================================  *//*  DEFINES CONTENT STRUCTURE *//*  ===================================================  */	#mainContentContainerWrapper {	width: auto;	background-color: #fff;	padding: 15px;	margin: 0px 15px 15px 15px;	}		#mainContentContainer.threeCol {		border: none;		padding: 15px 30px 15px 30px;		margin: 0px;		background: url(3col_bckgrnd.gif) top left repeat-y;		}				#mainContentContainer.oneCol {		border: none;		padding: 15px;		background-color: #fff;		margin: 0px;		}		#mainContentContainer {	width: auto;	background-color: #f7f7f5;	border: 1px solid #e9e9e8;	padding: 15px;	margin: 15px;	}		#mainContentContainer.threeCol {		border: none;		padding: 15px 30px 15px 30px;		margin: 0px;		background: url(../images/3col_bckgrnd.gif) top left repeat-y;		}			/* #mainContentContainer.twoCol {		border: none;		padding: 15px 30px 15px 30px;		margin: 0px;		background: url(../images/2col_bckgrnd.gif) top left repeat-y;		} */			#mainContentContainerTop {		width: auto;		height: 1px;		margin: 15px 0px 0px 0px;		} /*holds background image for top of column boxes */			#mainContentContainerBottom {		width: auto;		height: 1px;		padding: 15px 30px 0px 30px;		margin: 0px;		background: url(../images/3col_bckgrnd_top.gif) top left no-repeat;		} /*holds background image for bottom of column boxes */				#mainContentContainerBottom.twocolBottom {			background: url(../images/2col_bckgrnd_top.gif) top left no-repeat;			} /*holds background image for bottom of column boxes */		/* DEFINES CONTENT CONTAINERS FOR CONTENT PAGE */#columnOne {	float: left;	width: 153px;	padding: 0px;	margin: 0px 27px 0px 0px;	}	#columnOneHome {	float: left;	width: 153px;	padding: 0px;	margin: 0px 22px 0px 0px;	}		#columnTwo {	float: left;	width: 325px;	}		#columnTwo.wide {		width: 500px;		}		#columnTwoNest {		width: auto;		padding: 0px 30px 0px 30px;		}	#columnTwoHome {	float: left;	width: 335px;	padding: 0px;	}			#columnThree {	float: left;	width: 153px;	padding: 0px;	margin: 0px 0px 0px 29px;	}	#columnThreeHome {	float: left;	width: 153px;	padding: 0px;	margin: 0px 0px 0px 22px;	}	/* DEFINES UL FOR BREAKING NEWS AND UPCOMING EVENTS */#breakingNewsBox {	width: 153px;	margin: 0px;	padding: 10px 0px 10px 0px;	background: url(../images/contentbox_bckgrnd.gif) top repeat-y;	}		#breakingNewsBox ul { 		margin: 0px 10px 0px 10px;		list-style: inside;		padding: 0px;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 10px;		color: #9e8f56;		line-height: 13px;		}	#breakingNewsBox li {		padding-top: 7px;		color: #9e8f56;		padding: 5px 0px 3px 0px;		}	#breakingNewsBox li a {		padding: 0px;		text-decoration: none;		color: #395e38;		font-size: 100%;		}	#breakingNewsBox li a:hover {		color: #395e38;		text-decoration: underline;		} 	/* hides breaking news, news release and events items */	.breakingNews4 { 	display: none;	}.breakingNews5 { 	display: none;	}.upcomingEvents4 { 	display: none;	}	.upcomingEvents5 { 	display: none;	}	.newsRelease4 { 	display: none;	}	.newsRelease5 { 	display: none;	}		#upcomingEventsBox {	width: 153px;	margin: 0px;	padding: 10px 0px 10px 0px;	background: url(../images/contentbox_bckgrnd.gif) top repeat-y;	}		#upcomingEventsBox ul { 		margin: 0px 10px 0px 10px;		list-style: inside;		padding: 0px;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 10px;		color: #9f0d1c;		line-height: 13px;		}	#upcomingEventsBox li {		padding-top: 7px;		color: #9f0d1c;		padding: 5px 0px 3px 0px;		}	#upcomingEventsBox li a {		padding: 0px;		text-decoration: none;		color: #395e38;		font-size: 100%;		}	#upcomingEventsBox li a:hover {		color: #395e38;		text-decoration: underline;		} 				/* hides breaking news and events items */ /*.breakingNews3 { 	display: none;	}*/  .breakingNews4 { 	display: none;	} /*.upcomingEvents6 { 	display: none;	}*/ .upcomingEvents7 { 	display: none;	} 	/*.newsRelease4 { 	display: none;	}*/	 .newsRelease5 { 	display: none;	} 				/*  ===================================================  *//*  DEFINES FOOTER *//*  ===================================================  */	#footer {	clear: both; /* serves as footer hack to pull parent div down */	margin-left: auto;	margin-right: auto;	width: 752px; 	padding: 3px 0px 0px 0px;	background: url(../images/page_bckrnd_alt.gif) top left;	}	#copyrightcontainer {	float: left;	}	/*  ===================================================   	===================================================  	 Description: updated legal container width to accomadate additional footer link 	 Version: 1.3 beta	 Last updated: 5/16/07 	 Updated by: Eric Rohde   	===================================================   	===================================================  */	#legalcontainer {	clear: both;	float: left;	padding: 0px 0px 0px 5px;	width: 250px;	}	#copyrightDate {	float: left;	}	#footerHolder {	clear: both;	height: 1px;	} /* hacks the main container div to stretch height for all child divs */		* html #footerHolder {		/* commented backslash hack v2 \*/ 		display: none;  		d\isplay: none;  		/* end hack */		}		#trinityLogo {	float: right;	margin: 0px 5px 0px 0px;	}		/*  ===================================================  *//*  DEFINES MISCELLANEOUS ELEMENTS *//*  ===================================================  */.contentBoxBottom {	float: left;	margin: 0px;	padding: 0px;	} /* defines bottom image for content boxes */	#footerHack {	clear: both;	width: auto;	}	.contentPhoto {	border: 1px solid #23221f;	}	.healthToolThumb {	float: right;	padding: 3px 0px 5px 5px;	}	.sidebarPromo {	margin: 15px 0px 0px 0px;	}	#iBoxContainer {	width: auto;	}#healthInteractiveContainer {	width: auto;	border-bottom: 1px solid #c4c4c4;	padding: 0px 0px 2px 0px;	}#popupContent {	margin-left: auto;	margin-right: auto;	margin-top: 30px;	width: 550px;	padding: 5px 10px 5px 10px;	border: 1px solid #000;	background: #fff;	}	#popupContentWide {	margin-left: auto;	margin-right: auto;	margin-top: 30px;	width: 700px;	padding: 5px 10px 5px 10px;	border: 1px solid #000;	background: #fff;	}	.contentTableRow {		padding: 3px 8px 3px 8px;		background: #f8f3df;		border-bottom: 1px solid #d9dbc1;		}			.contentTableRowGrey {		padding: 3px 8px 3px 8px;		background:#f7f9f5;		border-bottom: 1px solid #d9dbc1;		}			.contentTableRowAlternating {		padding: 3px 8px 3px 8px;		background: #f8f3df;		border-bottom: 1px solid #d9dbc1;		}			.contentTableRowlogos {		padding: 3px 5px 3px 8px;		background: #ffffff;		border-bottom: 1px solid #d9dbc1;		border-right: 1px solid #d9dbc1;		border-left: 1px solid #d9dbc1;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 11px;		color: #3e3d39;		line-height: 18px;		}			.contentTableRowlogos a {	color: #9d2633;	text-decoration: none;	}	    .contentTableRowlogos a:hover{	color: #9d2633;	text-decoration: underline;	}		/*  ===================================================  *//*  DEFINES HOME PAGE FEATURES *//*  ===================================================  */.homeFeatureTop {	width: auto;	padding: 0px;	margin: 0px;	background: url(../images/homefeature_top.gif) top left repeat-x;	}/* Defines In Focus feature */#inFocusContainer {	width: auto;	border-top: 1px solid #000;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	background: #fff;	margin: 0px 0px 10px 0px;	}		#inFocusStory1 {		display: none;		width: auto;		padding: 10px 10px 0px 10px;		}			#inFocusStory2 {		display: none;		width: auto;		padding: 10px 10px 0px 10px;		}			#inFocusStory3 {		display: none;		width: auto;		padding: 10px 10px 0px 10px;		}			#inFocusStory4 {		display: none;		width: auto;		padding: 10px 10px 0px 10px;		}		.inFocusStoryArt {	float: right;	border: 1px solid #000;	margin: 0px 0px 2px 2px;	}	.nextStoryButton {	float: right;	}	/* Defines Centers of excellence feature */#centersThumbContainer {	width: auto;	border-top: 1px solid #000;	border-right: 1px solid #000;	border-left: 1px solid #000;	background: #eeebe2;	padding: 0px 0px 0px 7px;	}		.centersThumbnail {	border: 1px solid #000;	margin: 5px 10px 5px 10px;	}		.centersThumbnail a {		}			.centersThumbnail a:hover {		background-color: #c9c4b0;		}		#centersContentInstructions {	width: auto;	height: 110px;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centersinstruct_bckgrnd.gif) top left repeat-x;	}	#centersMoreServicesLink {	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	background: #fff url(../images/centerMoreButton_bckgrnd.gif) top left repeat-x;	margin-bottom: 30px;	}	#centersContent1 {	display: none;	height: 110px;	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centerscontent1_bckgrnd.gif) top left no-repeat;	}	#centersContent2 {	display: none;	height: 110px;	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centerscontent2_bckgrnd.gif) top left no-repeat;	}	#centersContent3 {	display: none;	height: 110px;	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centerscontent3_bckgrnd.gif) top left no-repeat;	}	#centersContent4 {	display: none;	height: 110px;	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centerscontent4_bckgrnd.gif) top left no-repeat;	}	#centersContent5 {	display: none;	height: 110px;	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 15px 10px 0px 10px;	background: #fff url(../images/centerscontent5_bckgrnd.gif) top left no-repeat;	}		/* Defines Care feature */ * html .visualIEFloatFix { height: 0.01%; }#careTitleContainer {	width: auto;	border: 1px solid #000;	background: #eeebe2;	padding: 5px 0px 5px 5px;	margin: 0px;	}		#careContentContainer {	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 0px;	margin: 0px;	background: #fff url(../images/careInstructBckgrnd.gif) top left repeat-x;	}#careTitleContainerOne {	/*display: none;*/	width: auto;	border: 1px solid #000;	background: #eeebe2;	padding: 5px 0px 5px 5px;	margin: 0px;	}#careDetailContainerOne {	/*display: none;*/	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 10px 0px 7px 0px;	margin: 0px;	background: #fff url(../images/careInstructBckgrnd.gif) top left repeat-x;	}			#careDetailButtonContainerOne {		width: auto;		height: 24px;		margin-top: 10px;		border-top: 1px solid #c4c4c4;		background: #fff url(../images/centerMoreButton_bckgrnd.gif) top left repeat-x;		}	#careTitleContainerTwo {	/*display: none;*/	clear: both;	width: auto;	border: 1px solid #000;	background: #eeebe2;	padding: 5px 0px 5px 5px;	margin: 0px;	}#careDetailContainerTwo {	/*display: none;*/	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 10px 0px 7px 0px;	margin: 0px;	background: #fff url(../images/careInstructBckgrnd.gif) top left repeat-x;	}		#careDetailButtonContainerTwo {		width: auto;		height: 24px;		margin-top: 10px;		border-top: 1px solid #c4c4c4;		background: #fff url(../images/centerMoreButton_bckgrnd.gif) top left repeat-x;		}	#careTitleContainerThree {	/*display: none;*/	width: auto;	border: 1px solid #000;	background: #eeebe2;	padding: 5px 0px 5px 5px;	margin: 0px;	}#careDetailContainerThree {	/*display: none;*/	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 10px 0px 7px 0px;	margin: 0px;	background: #fff url(../images/careInstructBckgrnd.gif) top left repeat-x;	}		#careDetailButtonContainerThree {		width: auto;		height: 24px;		margin-top: 10px;		border-top: 1px solid #c4c4c4;		background: #fff url(../images/centerMoreButton_bckgrnd.gif) top left repeat-x;		}	#careTitleContainerFour {	/*display: none;*/	width: auto;	border: 1px solid #000;	background: #eeebe2;	padding: 5px 0px 5px 5px;	margin: 0px;	}#careDetailContainerFour {	/*display: none;*/	width: auto;	border-right: 1px solid #c4c4c4;	border-bottom: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;	padding: 10px 0px 7px 0px;	margin: 0px;	background: #fff url(../images/careInstructBckgrnd.gif) top left repeat-x;	}		#careDetailButtonContainerFour {		width: auto;		height: 24px;		margin-top: 10px;		border-top: 1px solid #c4c4c4;		background: #fff url(../images/centerMoreButton_bckgrnd.gif) top left repeat-x;		}.careContentPhoto {	float: right;	border: 1px solid #c4c4c4;	margin: 12px 10px 0px 0px;	}	.careBackButton {	float: left;	margin: 7px 10px 0px 10px;	}	.careMoreInfoButton {	float: left;	margin: 7px 0px 0px 0px;	}#careContentMainContainer,#careContentDetailContainerOne, #careContentDetailContainerTwo,#careContentDetailContainerThree,#careContentDetailContainerFour {	display: none;}	/*  ===================================================  *//*  DEFINES ONLINE TOUR ELEMENTS *//*  ===================================================  */#tourHeadContainer {	width: auto;	background: #bdc28f;	height: 20px;	margin-top: 15px;	margin-left: 15px;	margin-right: 15px;	border-top: 1px solid #747567;	border-left: 1px solid #747567;	border-right: 1px solid #747567;	}	#tourButtonsContainer {	float: right;	}		.tourPhoto {	float: left;	border-right: 1px solid #747567;	}	#tourContent {	float: left;	width: 180px;	margin: 10px;	}	#tourContainer {	width: auto;	margin-left: 15px;	margin-right: 15px;	margin-bottom: 15px;	background: #f7f9e3;	border: 1px solid #747567;	}		.healingStoriesGreen {	padding: 3px 8px 3px 8px;	background:#f7f9f5;	margin-top:4px;	border: 1px solid #d9dbc1;	height:205px;	width: 230px;	float:left;		}		.healingStoriesTan {	padding: 3px 8px 3px 8px;	background: #f8f3df;	margin-top:4px;	border: 1px solid #d9dbc1;	height:205px;	width: 230px;	float:right;		}		.healingStories {	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	font-size: 10px;	color: #3e3d39;	line-height: 13px;	margin-top:1px;	}	.healingStories a {	color: #9d2633;	text-decoration: none;	}	.healingStories a:hover{	color: #9d2633;	text-decoration: underline;	}	/* Defines ER wait time feature */#ERWaitTimeFeatureContainer {	height: 47px;	border: 1px solid #959595;	background: #9d2633;	}		#ERWaitTimeIntroContainer {		float: left;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 14px;		color: #fff;		font-weight: bold;		margin: 4px 5px 0px 10px;		} /* Font is on container div to be consistent with requirements from txt generated by script. */#ERWaitTimeContainer {	float: left;	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	font-size: 14px;	color: #fff;	font-weight: bold;	margin: 4px 5px 0px 15px;	} /* Font is on container div becuase script deletes any tags applied directly to content i.e. <p> or <span> */		#ERWaitTimeUnitContainer {		float: left;		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;		font-size: 14px;		color: #fff;		font-weight: bold;		margin: 4px 10px 0px 0px;		} /* Font is on container div to be consistent with requirements from txt generated by script. */