/* CSS Document */


	
/*  ===================================================  
 	===================================================  
	
	Description: Saint Agnes structure style sheet 
	Author: Sean Kabanuk
	Release date: 09/17/08
	Designer approved: Sean Kabanuk
	Date approved: 01/07/09
	Revision History:	Revised By		Revised On:
						Eric Rohde		11/20/08: on number of homepage feature stories and featured events listed
						Sean Kabanuk	11/12/08
						Sean Kabanuk	12/01/08
						Eric Rohde		12/02/08: on number of homepage signature services listed changed to 7 total
						Eric Rohde		01/05/09: changed number of events dispayed
						Sean Kabanuk	01/07/09 new colors
						Sean Kabanuk	07/30/09 increased font size
						Sean Kabanuk	09/04/09 increased size of next buttons on home page - altered CSS for conainer heights.
						
  	=================================================== 
  	===================================================  */

	

body {
	background: #b5b292;
	margin-top: 50px;
	}
	
	
#globalContainer {
	background-color: #fff;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	}
	
#globalContainer-Narrow {
	background-color: #fff;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	}
		
	
/*  ===================================================  */
/*  DEFINES SPOTLIGHT NAV */
/*  ===================================================  */


#spotlightNavContainer {
	width: 980px;
	height: 30px;
	margin-left: auto; 
	margin-right: auto;
	}
	
#fastFinder {
	float: left;
	width: 455px;
	}

/* defines ul for spotlightNavRow */

#spotlightNavContainer ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	} 
  
 #spotlightNavContainer ul li {
  	display: inline;
	color: #fff;
	} 
 
 #spotlightNavContainer ul li a {
  	display: inline;
	padding: 10px 3px 0px 3px;
	margin:  0px;
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	} 
 
  #spotlightNavContainer ul a:hover {
	text-decoration: underline;
	}
	
/*  ===================================================  */
/*  DEFINES TOP BANNER */
/*  ===================================================  */

#branding {
	width: auto;
	height: 100px;
	background: #fff;
	}
	
	#clientLogo {
		float: left;
		margin: 8px 0px 0px 30px;
		}

/* Defines banner nav */

#bannerNavContainer {
	float: right;
	width: 360px;
	height: 20px;
	border: 1px solid #cccccc;
	margin: 67px 10px 0px 0px;
	background: url(../images/bannNavArrow.gif) left no-repeat;
	}

#bannerNavContainer ul {
	margin: 0px;
	padding: 3px 0px 0px 20px;
	list-style-type: none;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	} 
  
 #bannerNavContainer ul li {
  	display: inline;
	color: #000;
	} 
 
 #bannerNavContainer ul li a {
  	display: inline;
	padding: 0px 5px 0px 12px;
	margin:  0px;
  	color: #000;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	} 
 
  #bannerNavContainer ul a:hover {
	text-decoration: none;
	color: #716f6f;
	}
	
		
/*  ===================================================  */
/*  DEFINES MAIN PROMO AREA */
/*  ===================================================  */

#mainPromoContainer {
	height: 200px;
	width: 980px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#mainPromoContainerCareers {
	clear: both;
	width: 420px;
	background: #FAFAF0;
	text-align: center;
	border-top: #6e6d68;
	height:131px;
	border: solid 1px #000;
	}
	
	#mainPromoLinks {
		float: left;
		height: 200px;
		width: 254px;
		background: #d1a731 url(../images/mainPromoBckgrnd.gif) top left repeat-x;
		}
	
	#mainPromoPhotoContainer {
		position: relative;
		float: left;
		width: 726px;
		}
		
#insideDivider {
	height: 10px;
	width: 980px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #c69200;
	}
	
#insideDivideNarrow {
	height: 10px;
	width: 600px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #c69200;
	}
	
#insideDividerVirtualTour {
	height: 10px;
	width: 480px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #c69200;
	}
	
/*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;
			}
			
		#mainPromoPhoto4 {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 103;
			}
			
/*  ===================================================  */
/*  DEFINES PRIMARY NAV */
/*  ===================================================  */

#primNavContainer {
	width: auto;
	height: 32px;
	position: relative;
	border-bottom: 1px solid #000;
	}
			
	#primNavRowContainer {
		float: left;
		height: 32px;
		width: 980px;
		}
		
/* defines ul for primary nav row */

	#primNavRow {
		margin: 0;
		padding: 0px;
		}
		
	#primNavRow li {
		display: block;
		float: left;
		position: relative;
		text-align: left;
	    height: 24px;
		margin: 0px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #9f6706;
		/*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: 2px 10px 0px 10px; /* controls the width of the main nav item */
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #9f6706; /* controls the off-state text color on the subnav */
		text-decoration: none;
		}
		
		 #primNavRow a:hover {
			color: #925809;
			}

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		top: 100%;
		left: 0;
		text-indent: 10px;
		margin: 0px;
		padding: 0px;
		line-height: 19px;
		width: 200px;
		background: #f8f7f7;
		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: #9f6706;
		}
		
		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: #c69200;
		}
	
#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 */
/*  ===================================================  */
	


	#columnThree ul { 
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		color: #000;
		line-height: 13px;
		padding: 0px;
		margin: 0px;
		}

	#columnThree li {	
		color: #000;
		list-style: none;
		}

	#columnThree li a {
		padding: 4px 0px 4px 0px;
		text-decoration: none;
		color: #9f6706;
		font-size: 100%;
		}

	#columnThree li a:hover {
		text-decoration: underline;
		} 
		
						
/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#mainContentContainer {
	width: auto;
	background: #fff;
	padding: 25px 0px 35px 0px;
	background: url(../images/contentShadow.jpg) top left repeat-x;
	}
	
	#mainContentContainerNest {
		width: auto;
		padding: 0px 30px 0px 30px;
		} /* this div serves as a work around for IE6 box model bug that shows up in right column width/padding values. */
		
#mainContentContainerVT {
	width: auto;
	background: #fff;
	padding: 15px 0px 15px 0px;
	background: url(../images/contentShadow.jpg) top left repeat-x;
	}
	
	#mainContentContainerNestVT {
		width: auto;
		padding: 0px 30px 0px 30px;
		} /* 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;
	}
	
	#columnOneWide {
		float: left;
		width: 920px;
		}
		
	#columnOneNarrow {
		float: left;
		width: 550px;
		}
		
	#columnOneVirtualTour {
		float: left;
		width: 430px;
		margin-top:5px;
		}
		
#columnOneHome {
	float: left;
	width: 223px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	}
	
#columnTwo {
	float: left;
	width: 480px;
	}
	
	#columnTwoWide {
		float: left;
		width: 700px;
		}

	#columnTwoNest {
		width: auto;
		padding: 0px 30px 0px 30px;
		}
	
#columnTwoHome {
	float: left;
	width: 667px;
	padding: 0px;
	}
			
#columnThree {
	float: left;
	width: 220px;
	padding: 0px;
	}
	
#columnThreeHome {
	float: left;
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	}
	



	
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	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 */
		}
		
		

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


.contentTable {
	border-top: 1px solid #b1b19f;
	border-left: 1px solid #b1b19f;
	background: #ecedd4;
	}
	
.contentTableColumn {
	padding: 3px 8px 3px 8px;
	background-color: #C6CFC3;
	border-bottom: 1px solid #b1b19f;
	}
	
	.contentTableRow {
		padding: 3px 8px 3px 8px;
		background: #f6f7e6;
		border-bottom: 1px solid #b1b19f;
		border-right: 1px solid #b1b19f;
		}
		
	.contentTableRowAlternating {
		padding: 3px 8px 3px 8px;
		background: #fafaf0;
		border-bottom: 1px solid #b1b19f;
		border-right: 1px solid #b1b19f;
		}

.rssIcon {
	margin: 0px 5px 0px 20px;
	}
	
#footerHack {
	clear: both;
	width: auto;
	}
	
.contentPhoto {
	border: 1px solid #000;
	margin-bottom: 25px;
	}
	
.healthToolThumb {
	float: right;
	padding: 3px 0px 5px 5px;
	}
	
.insidePromo {
	margin: 0px 0px 20px 0px;
	}
	
#healthInteractiveContainer {
	width: auto;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 30px 0px;
	}
	
#serviceContainerLeft {
	width: 300px; 
	margin: 10px 10px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}

#serviceContainerRight {
	width: 300px; 
	margin: 10px 0px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}

#siteMapContainerLeft {
	width: 300px; 
	margin: 10px 10px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}

#siteMapContainerRight {
	width: 300px; 
	margin: 10px 0px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}
/*  ===================================================  */
/*  DEFINES HOME PAGE FEATURES */
/*  ===================================================  */

/* Defines flat home page promos */

.homePromo {
	margin: 0px 0px 15px 0px;
	}

#leftColumnPromoContainer {
	width: auto;
	border: 1px solid #b2b2b2;
	background: #fafaf0;
	padding: 10px 10px 5px 10px;
	margin-bottom: 15px;
	}
	

/* Defines featured events */

#featuredEventsContainer {
	width: auto;
	border: 1px solid #b2b2b2;
	background: #fafaf0;
	padding: 0px 10px 5px 10px;
	}
	
	#featuredEvent1 {
	display: none;
		width: auto;
		}
		
	#featuredEvent2 {
	display: none;
		width: auto;
		}
		
		
.featuredEventArt {
	float: right;
	/*border: 1px solid #181716;
	margin: 0px 0px 2px 2px;*/
	}
	
.featuredEventButton {}

/* Defines In Focus feature */

#inFocusContainer {
	width: auto;
	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;
		}
		
	#inFocusStory4 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory5 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory6 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory7 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
	#inFocusStory8 {
		display: none;
		width: auto;
		padding: 10px 0px 0px 0px;
		}
		
.inFocusStoryArt {
	float: right;
	border: 1px solid #181716;
	margin: 0px 0px 2px 2px;
	}
	
.nextStoryButton {}
			

#homeBottomFeaturesContainer {
	clear: both;
	width: auto;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	border-top: 1px solid #cccccc;
	background: url(../images/homeBottomRowDivider.gif) top left repeat-y;
	}
	
/* Defines Signature Surfaces */

#signatureServicesContainer {
	width: 318px;
	float: left;
	margin-right: 15px;
	}
	
#signatureService1 {
	display: none;
		width: auto;
		}
		
	#signatureService2 {
		display: none;
		width: auto;
		}
		
	#signatureService3 {
		display: none;
		width: auto;
		}
		
	#signatureService4 {
		display: none;
		width: auto;
		}
		
	#signatureService5 {
		display: none;
		width: auto;
		}
		
	#signatureService6 {
		display: none;
		width: auto;
		}
		
	#signatureService7 {
		display: none;
		width: auto;
		}
		
	#signatureService8 {
		display: none;
		width: auto;
		}
		
	#signatureService9 {
		display: none;
		width: auto;
		}
		
.signatureServiceArt {
	float: right;
	border: 1px solid #181716;
	margin: 0px 0px 2px 2px;
	}
	
.signatureServiceButton {}

	
/* Defines Recent News */

#recentNewsContainer {
	width: 318px;
	float: left;
	margin-left: 15px;
	}
	
#recentNewsContainer ul { 
		margin: 0px;
		list-style: none;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: .8em;
		color: #000;
		line-height: 13px;
		}

	#recentNewsContainer li {
		color: #000;
		padding: 0px 0px 10px 0px;
		}

	#recentNewsContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #9f6706;
		font-size: 100%;
		}

	#recentNewsContainer li a:hover {
		color: #9f6706;
		text-decoration: underline;
		} 
		
	
		
		
/* hides breaking news and news release items */

.breakingNews3 { 
	display: none;
	}
	
.breakingNews4 { 
	display: none;
	}

.breakingNews5 { 
	display: none;
	}
	
.newsRelease3 { 
	display: none;
	}

.newsRelease4 { 
	display: none;
	}
	
.newsRelease5 { 
	display: none;
	}

img.newsImage {
	float:left;
	margin:0 10px 5px 0;
}