/* CSS Document */



body {
	background: #999;
	}


#globalContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	background: #fff;
	z-index: 0;
	border: 20px solid #999;
	}
	

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



#branding {
	width: 750px;
	}
	
	#logoContainer {
		float: left;
		width: 550px;
		height: 54px;
		background: #fff;
		}  /* defines nested container that holds logo */
		
	#sloganContainer {
		float: left;
		width: 200px;
		height: 54px;
		background: #fff;
		}  /* defines nested container that holds slogan */

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


		
#primaryNavRowTop {
	clear: left;
	width: 750px;
	height: 20px;
	background: #316D97;
	} 
	
#primaryNavRowBottom {
	float: left;
	width: 750px;
	height: 20px;
	background: #316D97;
	} 
	
#primaryNavRowBottomInside {
	float: left;
	width: 750px;
	height: 18px !important; /* Safari, IE5/Mac */
  	height: 20px; /* IE5/5.5/WIN */
  	height/**/:/**/18px; /* IE6/WIN */
	background: #316D97;
	border-top: 2px solid #ffffff;
	} /* defines bottom primary nav row for inside page */

		
	
	#highlightNavRowTopHome {
	position: absolute;
	top: 46px;
	left: 0px;
	width: 410px;
	height: 28px;
	background-image: url(../images/highlight_nav_top_bckgrnd.gif);
	background-repeat:no-repeat;
	z-index: 400;
	margin-top: 20px;
	margin-left: 20px;
	} /* defines container that holds top highlight nav on the homepage */
	
	#highlightNavRowBottomHome {
	position: absolute;
	top: 261px !important; /* Safari, IE5/Mac */
  	top: 261px; /* IE5/5.5/WIN */
  	top/**/:/**/265px; /* IE6/WIN */
	left: 0px;
	width: 436px;
	height: 15px;
	background-image: url(../images/highlight_nav_bottom_bckgrnd.gif);
	background-repeat:no-repeat;
	z-index: 800;
	margin-top: 20px;
	margin-left: 20px;
	} /* defines container that holds bottom highlight nav on the homepage*/
	
	
#highlightNavRowBottomInside {
	position: absolute;
	top: 95px !important; /* Safari, IE5/Mac */
  	top: 95px; /* IE5/5.5/WIN */
  	top/**/:/**/98px; /* IE6/WIN */
	left: 0px;
	width: 436px;
	height: 15px;
	background-image: url(../images/highlight_nav_bottom_bckgrnd_inside.gif);
	background-repeat:no-repeat;
	z-index: 800;
	margin-top: 20px;
	margin-left: 20px;
	} /* defines container that holds bottom highlight nav on inside pages*/
	


/* defines ul for top nav  */

#primaryNavRowTop ul {
	border: 0px;
	margin: 0px 0px 0px 402px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #primaryNavRowTop ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
 } 
 
 #primaryNavRowTop ul li a {
  	display: block;
	float: left;
	padding: 2px 8px 0px 6px;
	margin: 0px;
	height: 18px !important; /* Safari, IE5/Mac */
  	height: 20px; /* IE5/5.5/WIN */
  	height/**/:/**/20px; /* IE6/WIN */
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
 } 
 
  #primaryNavRowTop ul a:hover {
  	background: #4A94BD;
	}
	
	
/* defines ul for bottom nav  */

#primaryNavRowBottom ul {
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #primaryNavRowBottom ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
 } 
 
 #primaryNavRowBottom ul li a {
  	display: block;
	float: left;
	padding: 2px 8px 0px 8px;
	margin: 0px;
	height: 18px !important; /* Safari, IE5/Mac */
  	height: 20px; /* IE5/5.5/WIN */
  	height/**/:/**/20px; /* IE6/WIN */
  	color: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
 } 
 
  #primaryNavRowBottom ul a:hover {
  	background: #4A94BD;
	}
	
	
/* defines ul for bottom nav on inside page  */

#primaryNavRowBottomInside ul {
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #primaryNavRowBottomInside ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
 } 
 
 #primaryNavRowBottomInside ul li a {
  	display: block;
	float: left;
	padding: 2px 8px 0px 8px;
	margin: 0px;
	height: 18px;
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
 } 
 
  #primaryNavRowBottomInside ul a:hover {
  	background: #4A94BD;
	}
	
/* defines ul for top highlight nav  */

#highlightNavRowTopHome ul {
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #highlightNavRowTopHome ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
 } 
 
 #highlightNavRowTopHome ul li a {
  	display: block;
	float: left;
	padding: 8px 7px 0px 5px;
	margin: 0px;
	height: 20px !important; /* Safari, IE5/Mac */
  	height: 28px; /* IE5/5.5/WIN */
  	height/**/:/**/20px; /* IE6/WIN */
  	color: #fff;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
 } 
 
  #highlightNavRowTopHome ul a:hover {
  	background: #4A94BD;
	}
	

/* defines ul for bottom highlight nav  */

#highlightNavRowBottomHome ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #highlightNavRowBottomHome ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
 } 
 
 #highlightNavRowBottomHome ul li a {
  	display: block;
	float: left;
	padding: 2px 6px 0px 10px;
	margin: 0px;
	height: 13px;
  	color: #052E48;
	font:  9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
 } 
 
  #highlightNavRowBottomHome ul a:hover {
  	text-decoration: underline;
	}
	
	
/* defines ul for bottom highlight nav on inside page */

#highlightNavRowBottomInside ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
  } 
  
 #highlightNavRowBottomInside ul li {
  	display: block;
  	float: left;
  	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
 } 
 
 #highlightNavRowBottomInside ul li a {
  	display: block;
	float: left;
	padding: 2px 6px 0px 10px;
	margin: 0px;
	height: 13px;
  	color: #052E48;
	font:  9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
 } 
 
  #highlightNavRowBottomInside ul a:hover {
  	text-decoration: underline;
	}
	
/*  ===================================================  */
/*  DEFINES HOMEPAGE PHOTO AREA */
/*  ===================================================  */


	
#photoContainer {
	/* mac IE5x */
	width: 750px;
    /* commented backslash hack v2 \*/
    clear: left;
	/* end hack */
	} /* defines container that holds homepage photo banner and fast finder - uses hack to isolate ie 5 mac from the clear tag, which is required to solve rendering bug in ie 6 win.*/
	
	#photoBanner {
		float: left;
		width: 500px;
		height: 167px;
		} /* defines nested container that holds homepage photos */
	
	/*.homepagePhotoStyle {
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
		border-left: 3px solid #fff;
		} /* defines border style for photos */
		
	#fastFinder {
		float: left;
		width: 250px;
		height: 167px;
		background-image: url(../images/fastfinder_bckgrnd.gif);
		background-repeat:no-repeat;
		} /* defines nested container that holds fastfinder */
		
		#fastFinderNested {
			width: auto;
			padding: 35px 10px 10px 20px;
			} /* defines nested container to accomodate top and bottom padding and avoid dual box model hacks */
			
			
#healthInteractives {
	background: #4a94bd url(../images/bluePerson.gif) no-repeat right bottom; 
	border: solid 4px #FFF; 
	height: 270px;
	width:239px; 
	}	
	
	#healthInteractives h1 {
		color: #FFFFFF; 
		font: 24px normal Verdana, Arial, Helvetica, sans-serif ;
		margin: 0; 
	    padding: 5px; 
		}	
		
			#healthInteractives h3 {
				color: #052E5C; 
				font: normal 16px "normal Verdana", Arial, Helvetica, sans-serif;
				margin: 0; 
				padding: 5px; 
				}
			
	#healthInteractives p {
		margin: 0px;
		padding: 0px 0px 3px 5px;	
		}	
		
	#healthInteractives p a {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		margin: 0px;
		padding: 0px;	
		}	
			
/*  ===================================================  */
/*  DEFINES CONTENT AREA */
/*  ===================================================  */



#contentContainerHome {
	float: left;
	width: 750px;
    background-image: url(../images/home_content_bckgrnd.gif);
	}	

	
#contentBoxHomeLeft {
	float: left;
	width: 226px !important; /* Safari, IE5/Mac */
  	width: 250px; /* IE5/5.5/WIN */
  	width/**/:/**/226px; /* IE6/WIN */
	padding: 30px 12px 5px 12px;
	}
	
/* defines ul for breaking news */

	#contentBoxHomeLeft ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
		border: none;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 60%;
		color: #19618;
		line-height: 15px;
		}

	#contentBoxHomeLeft li {
		padding-top: 5px;
		color: #19618D;
		}

	#contentBoxHomeLeft li a {
		padding: 5px 0px 5px 0px;
		text-decoration: none;
		color: #19618D;
		font-size: 120%;
		}

	#contentBoxHomeLeft li a:hover {
		text-decoration: underline;
		color: #DE714D;
		}
	
			
#contentBoxHomeMiddle {
	float: left;
  	width: 226px !important; /* Safari, IE5/Mac */
  	width: 250px; /* IE5/5.5/WIN */
  	width/**/:/**/226px; /* IE6/WIN */
	padding: 30px 12px 5px 12px;
	}		
	
	
/* defines ul for upcoming events */

	#contentBoxHomeMiddle ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
		border: none;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 60%;
		color: #19618;
		line-height: 15px;
		}

	#contentBoxHomeMiddle li {
		padding-top: 5px;
		color: #19618D;
		}

	#contentBoxHomeMiddle li a {
		padding: 5px 0px 5px 0px;
		text-decoration: none;
		color: #19618D;
		font-size: 120%;
		}

	#contentBoxHomeMiddle li a:hover {
		text-decoration: underline;
		color: #DE714D;
		} 
		
	.upcomingEvents6 {
    display: block;
    }
	
		
#contentBoxHomeRight {
	float: left;
  	width: 226px !important; /* Safari, IE5/Mac */
  	width: 250px; /* IE5/5.5/WIN */
  	width/**/:/**/223px; /* IE6/WIN */
  	padding: 30px 12px 5px 12px;
	}		
	
#contentBoxHomeRight ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
		border: none;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 60%;
		color: #19618;
		line-height: 15px;
		}

	#contentBoxHomeRight li {
		padding-top: 5px;
		color: #19618D;
		}

	#contentBoxHomeRight li a {
		padding: 5px 0px 5px 0px;
		text-decoration: none;
		color: #19618D;
		font-size: 120%;
		}

	#contentBoxHomeRight li a:hover {
		text-decoration: underline;
		color: #DE714D;
		}

#contentContainerInside {
	float: left;
	width: 750px;
    background-image: url(../images/inside_content_bckgrnd.gif);
	}	/* defines content container for inside page */
	
	
#contentContainerTwoCol {
	float: left;
	width: 750px;
    background-image: url(../images/2col_content_bckgrnd.gif);
	}	/* defines content container for 2 column page */
	
	
#contentDividerInside {
	float: left;
	width: 750px;
	/* height: 40px; */
	border-bottom: 1px solid #052E48;
	/* background-image: url(../images/contentdivider_bckgrnd.gif);
	background-repeat: no-repeat; */
	}
			
			
#contentBoxInsideLeft {
	float: left;
  	width: 224px;
	/* background-color:#CCFF66; */
	}		
	
	#photoContainerInside {
	}
	
	#fastFinderContainerInside {
	width: auto;
	height: 200px;
	padding: 25px 0px 110px 8px;
	background-image: url(../images/fastfinder_inside_bckgrnd.gif);
	background-repeat:no-repeat;
	}
		
#contentBoxInsideMiddle {
	float: left;
  	width: 328px !important; /* Safari, IE5/Mac */
  	width: 368px; /* IE5/5.5/WIN */
  	width/**/:/**/328px; /* IE6/WIN */
	padding: 15px 20px 20px 20px;
	/* background-color:#0099FF; */
	}		
	
#contentBoxInsideMiddleTwoCol {
	float: left;
  	width: 480px !important; /* Safari, IE5/Mac */
  	width: 520px; /* IE5/5.5/WIN */
  	width/**/:/**/470px; /* IE6/WIN */
	padding: 15px 20px 2px 20px;
	}		
		
#contentBoxInsideRight {
	float: left;
  	width: 158px !important; /* Safari, IE5/Mac */
  	width: 158px; /* IE5/5.5/WIN */
  	width/**/:/**/158px; /* IE6/WIN */
	/* background-color:#00CC99; */
	}	
	
	
	#InsideRightColumnContainer {
  		width: auto; 
		text-align: center;
		}
	
	#SecondnavContainer {
  		width: auto; 
  		border-bottom: 1px solid #052E48;	
		/* background: #330066; */
		}	
		
	/* defines ul for 2ndnav  */

	#SecondnavContainer ul {
		list-style: inside;
		border: 0px;
		margin: 0px 0px 0px 0px;
  		padding: 15px 8px 10px 8px;
		color: #124F75;
  		} 
  
 	#SecondnavContainer ul li {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 15px;
		text-align: left;
		list-style: outside;
		font:  10px Verdana, Arial, Helvetica, sans-serif;
 		} 
 
	 #SecondnavContainer ul li a {
		padding: 0px;
		margin: 0px;
  		color: #124F75;
		font:  12px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		text-decoration: none;
 		} 
 
  	#SecondnavContainer ul a:hover {
  		text-decoration: underline;
		color: #DE714D;
		}
	

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



#footer {
	clear: both;
	width: 724px !important; /* Safari, IE5/Mac */
  	width: 750px; /* IE5/5.5/WIN */
  	width/**/:/**/724px; /* IE6/WIN */	border-top: 1px solid #052E48;
	border-bottom: 4px solid #052E48;
	padding: 3px 13px 3px 13px;
	}
	
