/* CSS Document */


	
/*  ===================================================  
 	===================================================  
	
	Description: St. Alphonsus structure style sheet 
	Author: Sean Kabanuk
	Release date: 5/14/07   
	Designer approved: Sean Kabanuk
	Date approved: 5/14/07   
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	5/14/07   
						
  	=================================================== 
  	===================================================  */
	

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;
		}
	

#fastFinder {
	float: right;
	width: 440px;
	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 9px 0px 9px;
		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: 175px;
		background: #96a070;
		border: 1px solid #000;
		}

	
	#primNavRow li ul li {
		width: 175px; /* 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: #5c805b;
		font-size: 100%;
		}

	#secNavContainer li a:hover {
		color: #5c805b;
		text-decoration: underline;
		} 
		
		
		
/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#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: #5c805b;
		font-size: 100%;
		}

	#breakingNewsBox li a:hover {
		color: #5c805b;
		text-decoration: underline;
		} 
		
		

#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: #9e8f56;
		line-height: 13px;
		}

	#upcomingEventsBox li {
		padding-top: 7px;
		color: #9e8f56;
		padding: 5px 0px 3px 0px;

		}

	#upcomingEventsBox li a {
		padding: 0px;
		text-decoration: none;
		color: #5c805b;
		font-size: 100%;
		}

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


 .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: 752px;
 	padding: 3px 0px 0px 0px;
	background: url(../images/page_bckrnd_alt.gif) top left;
	}
	
#copyrightcontainer {
	float: left;
	}
	
#legalcontainer {
	clear: both;
	float: left;
	padding: 0px 0px 0px 5px;
	width: 150px;
	}
	
#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 5px 0px;
	}

#popupContent {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #000;
	background: #fff;
	}

	.contentTableRow {
		padding: 3px 8px 3px 8px;
		background: #f8f3df;
		border-bottom: 1px solid #d9dbc1;
		}
		
	.contentTableRowAlternating {
		padding: 3px 8px 3px 8px;
		background: #f8f3df;
		border-bottom: 1px solid #d9dbc1;
		}
		
/*  ===================================================  */
/*  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 {
		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;
		}
		
.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;
	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;
	}
	
#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(../images/centerscontent1_bckgrnd.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(../images/centerscontent2_bckgrnd.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(../images/centerscontent3_bckgrnd.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(../images/centerscontent4_bckgrnd.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(../images/centerscontent5_bckgrnd.gif) top left no-repeat;
	}