/* CSS Document */



/*  ===================================================  
 	===================================================  
	
	Description: Jackson hospital structure style sheet 
	Author: Sean Kabanuk
	Release date: 7/17/07   
	Designer approved: Sean Kabanuk
	Date approved: 12/02/08  
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	7/17/07
						Sean Kabanuk	7/21/08 
						Sean Kabanuk	12/02/08    
						
  	=================================================== 
  	===================================================  */


body {
	background: #dad0b8;
	margin-top: 20px;
	}
	
#globalContainer {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 1px solid #000;
	}
	

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

#branding {
	width: auto;
	height: 100px;
	border-bottom: 1px solid #000;
	background: #564e3a url(../images/branding_bckgrnd.jpg) top right no-repeat;
	}
	
	.clientLogo {
		float: left;
		margin: 5px 0px 0px 25px;
		}
	

#fastFinder {
	float: right;
	margin: 70px 10px 0px 0px;
	width: 450px;
	}
	

/*  ===================================================  
  	DEFINES PRIMARY NAV
  	===================================================  */

#primNavContainer {
	position: relative;
	width: auto;
	height: 25px;
	background: #9fb64a;
	margin: 3px 0px 3px 0px;
	}
			
/* defines ul for primary nav row */

	#primNavRow {
		margin: 0px;
		padding: 0px 0px 0px 20px;
		}

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

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		top: 100%;
		left: 0;
		text-indent: 10px;
		margin: 1px 0px 0px 0px;
		padding: 0px;
		line-height: 19px;
		width: 200px;
		background: #bbca86;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-top: 1px solid #fff;
		}

	
	#primNavRow li ul li {
		width: 200px; /* controls the width of the subnav item */
		padding: 0px 0px 0px 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: #000; /* controls the over-state text color on the subnav */
		background: #9fb64a;
		}
	
#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 MAIN PROMO AREA
  	===================================================  */

#mainPromoContainer {
	width: auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	

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


#spotlightNavRow {
	width: 726px; /* uses pixel value becase IE6 renders div too high when set to auto */
	padding: 0px 0px 0px 24px;
	background: #564e3a;
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRow ul {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	list-style-type: none;
	font:  9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	} 
  
 #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: #fff;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	} 
 
  #spotlightNavRow ul a:hover {
	text-decoration: underline;
	}
	


/*  ===================================================  
  	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: 5px 0px 3px 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
  	===================================================  */


#sectionHeader {
	width: auto;
	margin: 15px 0px 0px 0px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	}
	
#mainContentContainer.home {
	clear: both;
	width: auto;
	background-color: #fff;
	background: url(../images/home_colbckgrnd.gif) top left repeat-y;
	padding: 0px 0px 15px 0px;
	} /* defines home page header content container */
	
	#mainContentContainerThreeCol {
		border: none;
		width: 750px;
		padding: 0px 0px 15px 0px;
		background: url(../images/3col_bckgrnd.gif) top left repeat-y;
		} /* defines 3 column content container */
		
	 #mainContentContainerTwoCol {
		border: none;
		width: auto;
		padding: 0px 0px 15px 0px;
		background: url(../images/2col_bckgrnd.gif) top left repeat-y;
		}
		
	 #mainContentContainerOneCol {
		border: none;
		width: auto;
		padding: 0px 0px 15px 0px;
		}
		
		
/* DEFINES COLUMN CONTAINERS */

#columnOne {
	float: left;
	width: 185px;
	padding: 0px;
	}
	
	#columnOne.home {
		width: 375px;
		border-top: 1px solid #c4c4c4;
		}
	
#columnTwo {
	float: left;
	width: 380px;
	}
	
	#columnTwo.home {
		width: 374px;
		border-top: 1px solid #c4c4c4;
		}
	
	#columnTwo.wide {
		width: 550px;
		}
		
	#columnTwoNest {
		width: auto;
		padding: 0px 30px 0px 30px;
		}
				
#columnThree {
	float: left;
	width: 185px !important; /* Safari, IE5/Mac */
  	width: 185px; /* IE5/5.5/WIN */
	width/**/:/**/182px; /* IE6/WIN */
	padding: 0px;
	margin: 20px 0px 0px 0px;
	}
	
.horizontalDivider {
	width: auto;
	height: 1px;
	background-color: #c4c4c4;
	margin: 10px 0px 0px 0px;
	}
	
/*  ===================================================  
  	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 {
	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
  	===================================================  */

/* hides breaking news and events items */


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

 .upcomingEvents5 { 
	display: none;
	} 
			
	
#footerHack {
	clear: both;
	width: auto;
	}
	
.contentPhoto {
	float: right;
	margin: 15px;
	border: 1px solid #c4c4c4;
	}
	
.contentTable {
	margin: 20px;
	border: 1px solid #d9dbc1;
	}
		
.contentTableRow {
	background: #f8f3df;
	border-bottom: 1px solid #d9dbc1;
	padding: 0px;
	}
	
.contentTableRow p {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #6c6a60;
	line-height: 18px;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	}
		
.contentTableRowAlternating {
	background: #e8e1c3;
	border-bottom: 1px solid #d9dbc1;
	padding: 0px;
	}
	
.contentTableRowAlternating p {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #6c6a60;
	line-height: 18px;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	}
		

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


/* Defines In Focus feature */

		
.inFocusStoryArt {
	float: right;
	border: 1px solid #000;
	margin: 4px 0px 5px 5px;
	}
	
.centersIcon {
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
	}
	
.centersArrowIcon {
	display: block;
	float: left;
	padding: 4px 5px 0px 0px;
	}
	
.healthInteractiveThumb {
	float: right;
	margin: 5px 0px 5px 5px;
	}