/* CSS Document */



/*  ===================================================  
 	===================================================  
	
	Description: Halifax structure style sheet 
	Author: Sean Kabanuk
	Release date: 9/19/08    
	Designer approved: Sean Kabanuk
	Date approved: 9/19/08   
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	9/19/08   
	
						
  	=================================================== 
  	===================================================  */


body {
	background: #d9ceba;
	margin-top: 20px;
	}
	
#shadowTopContainer {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	} /* this container contains the top drop shadow */
		
#globalContainer {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background: #fff url(../images/globalBckgrnd.gif) top left repeat-y;
	} /* this div contains the drop shadow on the left and right sides of the site */
	
	#nestedGlobalContainer {	
		width: 928px;
		background: #fff;
		margin-left: 17px;
		margin-right: 17px;
		}
		
#shadowBottomContainer {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	} /* this container contains the top drop shadow */
	

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

#branding {
	width: auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
	.clientLogo {
		float: left;
		}
		
	.bannerPhoto {
		float: right;
		}
	

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

#primNavContainer {
	position: relative;
	width: auto;
	height: 25px;
	background: #a30d1d;
	padding: 0px 0px 0px 5px;
	}
			
/* defines ul for primary nav row */

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

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

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		top: 100%;
		left: 0;
		text-indent: 10px;
		margin: 0px;
		padding: 0px;
		line-height: 19px;
		width: 250px;
		background: #c0b5a0;
		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: 250px; /* 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: #000;
		}
		
		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: #a30d1d;
		}
	
#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 SPOTLIGHT NAV
  	===================================================  */


#spotlightNavRow {
 	width: 962px;
	margin-left: auto;
	margin-right: auto;
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRow ul {
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	color: #a30d1d;
	} 
  
 #spotlightNavRow ul li {
  	display: inline;
  	padding: 0px;
	margin: 0px;
	color: #a30d1d;
	} 
 
 #spotlightNavRow ul li a {
  	display: inline;
	padding: 0px 3px 0px 3px;
	margin:  0px;
  	color: #a30d1d;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} 
 
  #spotlightNavRow ul a:hover {
	text-decoration: underline;
	}
	


/*  ===================================================  
  	DEFINES SECONDARY NAV
  	===================================================  */
	
	
#secNavContainer {
	width: auto;
	margin: 0px;
	padding: 0px;
	border: 1px solid #524853;
	}
	
	#secNavTitleContainer {
		width: auto;
		background: #b31125;
		padding-left: 5px;
		}
	
	#secNavContainer ul { 
		margin: 0px;
		padding: 0px;
		display: block;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #a30d1d;
		list-style: none;
		}

	#secNavContainer li {
		color: #7a9124;
		border-bottom: 1px solid #524853;
		padding: 0px;
		}

	#secNavContainer li a {
		display: block;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		color: #a30d1d;
		}

	#secNavContainer li a:hover {
		color: #fff;
		background: #a30d1d;
		text-decoration: none;
		} 
		
		
/*  ===================================================  
  	DEFINES CONTENT STRUCTURE
  	===================================================  */

	
#mainContentContainer {
	clear: both;
	width: auto;
	border-top: 10px solid #a30d1d;
	background: #fff url(../images/contentBckgrndTop.gif) top left repeat-x;
	padding: 35px 0px 35px 0px;
	} 
		
		
/* DEFINES COLUMN CONTAINERS */

#columnOne {
	float: left;
	width: 200px;
	margin-left: 10px;
	}
	
	#columnOne.home {
		width: 685px;
		margin: 0px 20px 0px 10px;
		}
		
	#columnOneWide {
		width: auto;
		margin: 0px 10px 0px 10px;
		}
	
#columnTwo {
	float: left;
	width: 508px;
	}
	
	#columnTwo.home {
		width: 200px;
		}
		
#columnTwoInsidePage {
	float: left;
	width: 705px;
	}
	
/*	#columnTwo.wide {
		width: 710px;
		} */
		
	#columnTwoNest {
		width: auto;
		padding: 0px 20px 0px 20px;
		}
				
#columnThree {
	float: left;
	width: 200px;
	margin-right: 10px;
	}
	
	
/*  ===================================================  */
/*  DEFINES BREAKING NEWS FEATURE */
/*  ===================================================  */

	
#breakingNewsContainer {
	float: left;
	width: 325px;
	}
	
#newsReleasesContainer {
	float: left;
	width: 325px;
	}


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

	
	#breakingNewsContainer ul { 
		margin: 0px 10px 0px 10px;
		list-style: inside;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: .75em;
		color: #a30d1d;
		line-height: 13px;
		}

	#breakingNewsContainer li {
		padding-top: 7px;
		color: #a30d1d;
		padding: 5px 0px 3px 0px;
		}

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

	#breakingNewsContainer li a:hover {
		color: #a30d1d;
		text-decoration: underline;
		} 
		
	#newsReleasesContainer ul { 
		margin: 0px 10px 0px 10px;
		list-style: inside;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: .75em;
		color: #a30d1d;
		line-height: 13px;
		}

	#newsReleasesContainer li {
		padding-top: 7px;
		color: #a30d1d;
		padding: 5px 0px 3px 0px;

		}

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

	#newsReleasesContainer li a:hover {
		color: #a30d1d;
		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 */
	width: auto;
	height: 49px;
	background: url(../images/contentBckgrndBottom.gif) bottom left repeat-x;
	}
	
#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
  	===================================================  */
	

.iBox {
	margin-top: 10px;
	}
	
.homePromoBoxes {
	margin-bottom: 20px;
	}
	
.contentPhoto {
	border: 1px solid #524853;
	margin-bottom: 10px;
	}
	
.storyPhotoLeft {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #534848;
	}
	
.storyPhotoRight {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #534848;
	}


#footerHack {
	clear: both;
	width: auto;
	}
	
#healthToolContainer {
	width: auto;
	margin-top: 20px;
	padding: 0px;
	border: 1px solid #524853;
	}
	
	#healthToolTitleContainer {
		width: auto;
		background: #b31125;
		padding-left: 5px;
		}
		
	#healthToolContentContainer {
		width: auto;
		padding: 0px 10px 0px 10px;
		}
		
.healthToolThumb {
	float: right;
	padding: 0px 0px 5px 5px;
	}
		
/* hides breaking news and events items */


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

 .upcomingEvents5 { 
	display: none;
	} 
			
.contentTable {
	margin: 20px 0px 20px 0px;
	border: 1px solid #676565;
	}
		
.contentTableRow {
	background: #f8f3df;
	border-bottom: 1px solid #a7a4a4;
	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 #a7a4a4;
	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 Centers of excellence feature */


#featuredServicesContainer {
	width: auto;
	height: 162px;
	margin: 10px 0px 0px 0px;
	}
	
#featuredServiceLinkContainer {
	width: 195px; /* 160px */
	float: left;
	}
		
#featuredServiceLinkContainer p {
	width: 195px; /* 160px */
	height: 20px;
	background: #a2a2a2 url(../images/featuredServicesLink.gif) top left no-repeat;
	margin: 0px 0px 1px 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #3d3d3d;
	text-indent: 10px;
	}
	
	#featuredServiceLinkContainer a {
		display: block;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #3d3d3d;
		height: 20px;
		text-decoration: none;
		}
		
	#featuredServiceLinkContainer a:hover {
		display: block;
		background: #a30d1d url(../images/featuredServicesLinkOver.gif) top left no-repeat;
		color: #fff;
		height: 20px;	
		text-decoration: none;	
		}
		
#featuredServiceContentContainer {
	width: 490px; /* 525px */
	float: left;
	background-color: #a30d1d;
	}	
		
#serviceInstructionsContainer {
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
#serviceContent1 {
	display: none;
	width: auto;

	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
#serviceContent2 {
	display: none;
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
#serviceContent3 {
	display: none;
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
#serviceContent4 {
	display: none;
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
#serviceContent5 {
	display: none;
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
		
#serviceContent6 {
	display: none;
	width: auto;
	height: 115px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	background: #ededed;
	}
	
.featuredServicesPhoto {
	float: right;
	padding-left: 10px;
	}

.social {
	float: right;
	margin-top: -22px;
	margin-right: 6px;
	}
	
.social a {
	margin-left: 4px;
	display: block;
	float: right;
	}
	
.social a img {
	border: none;
	}