/* CSS Document */

	
/*  ===================================================  
 	===================================================  
	
	Description: Trinity MO hiFi proposal structure style sheet 
	Author: Sean Kabanuk
	Release date: 05/21/08 
	Designer approved: Sean Kabanuk
	Date approved: 05/21/08  
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	05/22/08
						Sean Kabanuk	05/29/08 
						
  	=================================================== 
  	===================================================  */

	

body {
	background: url(/cportal/groups/public/@wcmdub/documents/image/page_bckgrnd_2x2.gif);
	
	margin: 0px;
	}
	
#bckgrndContainer {
	margin: auto;
	width: 980px;
	}
	
#verticalShadowLeft {}

#verticalShadowRight {}
	
#globalContainer {
	background-color: #fff;
	border: 1px solid #000;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 980px;
	}
	

/*  ===================================================  */
/*  DEFINES SPOTLIGHT NAV */
/*  ===================================================  */


#spotlightNavContainer {
	width: auto;
	background-color: #008870;
	margin-left: auto; 
	margin-right: auto;
	
	}

#spotlightNavRowLeft {
	float: left;
	height: 22px;
/*	margin: 0px 0px 0px 205px; */
	padding-left: 5px;
    padding-top: 1px;
	width: 400px;
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRowLeft ul {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	} 
  
 #spotlightNavRowLeft ul li {
  	display: inline;
	} 
 
 #spotlightNavRowLeft ul li a {
  	display: inline;
	padding: 10px 5px 0px 5px;
	margin:  0px;
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	} 
 
  #spotlightNavRowLeft ul a:hover {
	text-decoration: underline;
	}
	
#iconHome {
margin-left: 5px;
}

#iconRSS {
	margin: 0px 0px 0px 25px;
	}

#spotlightNavRowRight {
	float: right;
	width: auto;
	height: 22px;
	/* margin: 0px 130px 0px 0px; */
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRowRight ul {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	} 
  
 #spotlightNavRowRight ul li {
  	display: inline;
	} 
 
 #spotlightNavRowRight ul li a {
  	display: inline;
	padding: 10px 5px 0px 5px;
	margin:  0px;
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	} 
 
  #spotlightNavRowRight ul a:hover {
	text-decoration: underline;
	}
		

/*  ===================================================  */
/*  DEFINES TOP BANNER */
/*  ===================================================  */

#toprow {
	clear: both;
	width: 982px;
	height: 22px;
	background-color: #008870;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

#branding {
	clear: both;
	width: auto;
	height: 88px;
	background: #b3c9e7 url(/cportal/groups/public/@wcmdub/documents/image/brandingbckgrnd_dub_980x89.jpg) top left repeat-x;
	}
	
	#clientLogo {
		float: left;
		margin: 5px 0px 0px 10px;
		}
	

#fastFinder {
	float: right;
	width: 490px;
	margin: 58px 0px 0px 0px;
	}
	
	#iconSearch {
		float: left;
		padding: 0px 5px 0px 0px;
		}
		
		
/*  ===================================================  */
/*  DEFINES MAIN PROMO AREA */
/*  ===================================================  */

#mainPromoContainer {
	height: 200px;
	width: 980px;
	border-top: 2px solid #fff;
	}
	
	#mainPromoLinks {
		float: left;
		height: 200px;
		width: 254px;
		background: url(/cportal/groups/public/@wcmdub/documents/image/mainpromobckgrnd_254x1.gif) top left repeat-y;
		}
	
	#mainPromoPhotoContainer {
		position: relative;
		float: left;
		width: 726px;
		}

/*kari -- for home page, js refers to id's, not classes*/	
		#mainPromoPhoto1 {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 100;
			}
			
		#mainPromoPhoto2 {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 101;
			}
			
		#mainPromoPhoto3 {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 102;
			}
/*  ===================================================  */
/*  DEFINES PRIMARY NAV */
/*  ===================================================  */

#primNavContainer {
	width: auto;
	height: 30px;
	position: relative;
	border-top: 2px solid #fff;
	border-bottom: 4px solid #4e4a46;
	}
			
	#primNavRowContainer {
		float: left;
		height: 30px;
		width: 980px;
		background: url(/cportal/groups/public/@wcmdub/documents/image/primnav_bckgrnd_iowa_1x3.jpg) 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 14px 0px 14px;
		margin: 3px 0px 0px 0px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		/*list-style: none;*/
		}
		
		* html #primNavRow li {
			padding-bottom: 0px;
			/* commented backslash hack v2 \*/
			padding-bottom: 0px;
			padding-bottom: 0px;
			/* end hack */
			}
		
	#primNavRow li a {
		display: block;
		padding: 5px 0px 0px 0px; /* controls the width of the main nav item */
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #fff; /* controls the off-state text color on the subnav */
		text-decoration: none;
		}
		
		 #primNavRow a:hover {
			color: #ffa13f;
			}

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		top: 100%;
		left: 0;
		text-indent: 10px;
		margin: 0px;
		padding: 0px;
		line-height: 19px;
		width: 200px;
		background: #fff;
		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: #008870;
		}
		
		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: #eea335;
		}
	
#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 {
	border: 1px solid #a2a2a1;
	width: auto;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	background: #fff;
	}
	
	#secNavContainer ul { 
		margin: 0px;
		display: block;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #3e3d39;
		line-height: 13px;
		list-style: none;
		}

	#secNavContainer li {
		color: #3e3d39;
		padding: 0px;
		margin: 0px;
		display: inline;
		}

	#secNavContainer li a {
		display: block;
		padding: 2px 10px 2px 10px;
		margin: 0px;
		text-decoration: none;
		color: #008870;
		font-size: 100%;
		}

	#secNavContainer li a:hover {
		color: #fff;
		text-decoration: none;
		background: #eea335;
		} 
		
	#secNavContainer li.current {
		color: #fff;
		text-decoration: none;
		background: #eea335;
		}


	#secNavContainer li.current a{
		color: #fff;
		text-decoration: none;
		background: #eea335;
		}
		
#secNavBottom {
	width: auto;
	}
		
		
		
/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#mainContentContainer {
	width: auto;
	background: #E3E1D9;
	padding: 4px 0px 15px 0px;
	}
	
	#mainContentContainerNest {
		width: auto;
		padding: 4px 15px 0px 15px;
		} /* this div serves as a work around for IE6 box model bug that shows up in right column width/padding values. */
			
		
/* DEFINES CONTENT CONTAINERS FOR CONTENT PAGE */

#columnOne {
	float: left;
	width: 220px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	}
	
#columnOneWide {
	float: left;
	width: 900px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	background-color: #fff;
	border: 1px solid #fff;
	}
	
	
#columnOneEvent {
	float: left;
	width: 695px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	background-color: #fff;
	border: 1px solid #fff;
	}
		
#columnOneHome {
	float: left;
	width: 280px;
	padding: 0px;
	margin: 5px 30px 0px 0px;
	}
	
	
#columnTwo {
	float: left;
	width: 460px;
	margin: 0px 0px 0px 12px;
    margin: 0px;
	padding: 8px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	background-color: #fff;
	border: 1px solid #fff;
	}
	
#columnTwoWide {
	float: left;
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 8px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	background-color: #fff;
	border: 1px solid #fff;
	}
	
#columnTwoWide700 {
	float: left;
	width: 700px;
	margin: 0px 0px 0px 0px;
	padding: 8px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	background-color: #fff;
	border: 1px solid #fff;
	}	

	#columnTwoNest {
		width: auto;
		padding: 0px 15px 0px 15px;
		}
	
#columnTwoHome {
	float: left;
	width: 280px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	}
			
#columnThree {
	float: left;
	width: 214px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	border: 3px solid #CFCAC6;
	padding: 5px 5px 5px 5px;
	background: #fff;
	}
	
#columnThreeHome {
	float: left;
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;

	}
	
#homePromoRow {
	clear: both;
	width: auto;
	margin: 0px 0px 0px 0px;
	}


/*  ===================================================  */
/*  DEFINES BREAKING NEWS FEATURE */
/*  ===================================================  */

#newsFeatureContainer {
	width: auto;
	
	}
	
.buttonNewsOn {
	float: left;
	margin: 0px 10px 0px 0px;
	}
	
.buttonNewsOff {
	float: left;
	}
	
.buttonEventsOn {
	float: left;
	}
	
.buttonEventsOff {
	float: left;
	}
	
#breakingNewsContainer {
	width: auto;
	clear: both;
	border: 1px solid #fff;
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	}
	
#upcomingEventsContainer {
	display: none;
	width: auto;
	clear: both;
	border: 1px solid #fff;
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background: url(/cportal/groups/public/@wcmthho/documents/image/boxfade_bg_2x900.gif) top left repeat-x;
	}


/* DEFINES UL FOR BREAKING NEWS AND UPCOMING EVENTS */

	
	#breakingNewsContainer ul { 
		margin: 0px 10px 0px 10px;
		list-style-type: none;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #008293;
		line-height: 13px;
		}

	#breakingNewsContainer li {
		color: #3e3d39;
		padding: 5px 5px 5px 0px;
		border-bottom: 1px solid #DDDBD3;
		}

	#breakingNewsContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #008870;
		font-size: 100%;
		}

	#breakingNewsContainer li a:hover {
		color: #008870;
		text-decoration: underline;
		} 
		
	#upcomingEventsContainer ul { 
		margin: 0px 10px 0px 10px;
		list-style-type: none;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #008293;
		line-height: 13px;
		}

	#upcomingEventsContainer li {
		color: #3e3d39;
		padding: 5px 5px 5px 0px;
		border-bottom: 1px solid #DDDBD3;

		}

	#upcomingEventsContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #008870;
		font-size: 100%;
		}

	#upcomingEventsContainer li a:hover {
		color: #008870;
		text-decoration: underline;
		} 
		
		#ColumnThreeNavContainer ul { 
		margin: 0px;
		list-style-type: none;
		padding: 5px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #9e8f56;
		line-height: 13px;
		}	
		
	#ColumnThreeNavContainer li {
		color: #3e3d39;
		padding: 5px 5px 5px 0px;
		border-bottom: 1px solid #DDDBD3;
		}
		
	/* #ColumnThreeNavContainer li.current {
		color: #fff;
		text-decoration: none;
		background: #eea335;
		}


	#ColumnThreeNavContainer li.current a{
		color: #fff;
		text-decoration: none;
		background: #eea335;
		}*/

	#ColumnThreeNavContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #008870;
		font-size: 100%;
		}

	#ColumnThreeNavContainer li a:hover {
		color: #008870;
		text-decoration: underline;
		} 
		
		
/* hides breaking news and events items */


 /*.breakingNews4 { 
	display: none;
	}*/
 
 /* .breakingNews5 { 
	display: none;
	}*/
	
 /*.upcomingEvents4 { 
	display: none;
	}*/

/*.upcomingEvents5 { 
	display: none;
	} */
	
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	width: 980px;
 	padding: 3px 0px 0px 0px;
	}
	
#copyrightcontainer {
	float: left;
	}
		
#legalcontainer {
	float: right;
	}
	
#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 */
		}
		
#trinityHealthLogo {
	clear: both;
	float: left;
	margin: 5px 0px 10px 0px;
	}
		
		

/*  ===================================================  */
/*  DEFINES MISCELLANEOUS ELEMENTS */
/*  ===================================================  */


	
#footerHack {
	clear: both;
	width: auto;
	}
	
.contentPhoto {
	border: 1px solid #4e4a46;
	}
	
.healthToolThumb {
	float: right;
	padding: 3px 0px 5px 5px;
	}
	
.sidebarPromo {
	margin: 20px 0px 0px 0px;
	}
	
#iBoxContainer {
	width: auto;
	}

#healthInteractiveContainer {
	width: auto;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 30px 0px;
	}

/*  ===================================================  */
/*  DEFINES HOME PAGE FEATURES */
/*  ===================================================  */

/* Defines flat home page promos */

#homePromo1 {
	
	margin-bottom: 10px;
	}
	
#homePromo2 {
	float: left;
	margin: 30px 0px 0px 58px;
	}
	
#homePromo3 {
	float: left;
	margin: 30px 0px 0px 55px;
	}


/* Defines In Focus feature */

#inFocusContainer {
	width: auto;
	border-top: 1px solid #c4c4c4;
	margin: 0px 0px 10px 0px;
	}
	
	#inFocusStory1 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory2 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory3 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
.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 #7a7e7f;
	border-right: 1px solid #7a7e7f;
	border-left: 1px solid #7a7e7f;
	background: url(/cportal/groups/public/@wcmdub/documents/image/centersthumbbckrnd_1x60.jpg) top left repeat-x;
	padding: 0px 0px 0px 7px;
	}	
		
#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;
	border-top: 1px solid #7a7e7f;
	}
	
#centersContent1 {
	display: none;
	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(/cportal/groups/public/@wcmdub/documents/image/centers1_bckgrnd_dub_280x13.gif) top left no-repeat;
	}
	
#centersContent2 {
	display: none;
	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(/cportal/groups/public/@wcmdub/documents/image/centers2_bckgrnd_dub_280x13.gif) top left no-repeat;
	}
	
#centersContent3 {
	display: none;
	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(/cportal/groups/public/@wcmdub/documents/image/centers3_bckgrnd_dub_280x13.gif) top left no-repeat;
	}
	
#centersContent4 {
	display: none;
	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(/cportal/groups/public/@wcmdub/documents/image/centers4_bckgrnd_dub_280x13.gif) top left no-repeat;
	}
	
#centersContent5 {
	display: none;
	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(/cportal/groups/public/@wcmdub/documents/image/centers5_bckgrnd_dub_280x13.gif) top left no-repeat;
	}
	
#centersContentBottom {
	width: auto;
	}