body {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-family: verdana, arial, helvetica, sans-serif;

	color: #333333;

	background-color: #333;

	text-align: center;

	vertical-align: top;

	/* part 1 of 2 centering hack */

	}

#content {

	width: 778px; 

	margin-right: auto;

	margin-left: auto; 	

	/* opera does not like 'margin:20px auto' */

	background: #fff;

	text-align:left; 

	/* part 2 of 2 centering hack */

	width: 778px; /* ie5win fudge begins */

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 778px;

	

html>body #content {

	width: 778px; /* ie5win fudge ends */

	}



#content p, #content h2, #content h3 {

	margin: 15px 15px 15px 15px;

	background: #fff;

}



#text {

	z-index: 3;

	background: #ffffff;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

	width: 100%;
	
	height: 100%;

}

	#divNav {

	position: relative;

	top: -47px;

	left: 225px;

	margin: 0;

	padding: 0;

	width: 500px;

	z-index: 2;

	}

	#divNavNews {

	position: relative;

	top: -47px;

	left: 85px;

	margin: 0;

	padding: 0;

	width: 500px;

	z-index: 2;

	}

	#nav {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 500px;

	}



	#nav li ul, #nav li ul {

		margin: 0;

		padding: 0;

	}



	#nav a {

		text-decoration: none;

	}



	#nav li { /*float the main list items*/

		margin: 0;

		float: left;

		display: block;

		padding-right: 5px;

	}



	#nav li ul {

		display: none;

	}



	#nav li.off ul, #nav li.on ul  {

	position: absolute;

	top: 25px;

	left: -265px;

	padding-top: 15px;

	background: #224d6f;

	height: 28px;

	width: 778px;

	padding-left: 10px;

 	}



	#nav li.on ul {

		background: #000033;

	}



	#nav li.on:hover ul, #nav li.over ul { /*for ie*/

		background: #308F8F;

	}



	#nav li a {

		color: #224d6f;

		font-weight: bold;

		display: block;

		width: 120px;

		padding: 0;

	}



	#nav li.on a {

		color: #f90;

	}



	#nav li.on ul a, #nav li.off ul a {

		border: 0;

		float: left; /*ie doesn't inherit the float*/

		color: #f90;

		width: auto;

	}



	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/

		background: #308F8F;

	}



	#nav li.on ul {

		display: block;

	}



	#nav li.off:hover ul, #nav li.over ul {

		display: block;

		z-index: 6000;

	}



	#nav li.off a:hover, #nav li.on a:hover { 

		color: #f90;

	}



	/*do the image replacement*/



	#nav li span {

		position: absolute;

		left: -9384px;

	}



	#liPersonalHealth a, #liCorporateHealth a, #liArticlesAndNews a, #liContactUs a {

		display: block;

		position: relative;

		height: 26px;

		background:  url(images/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/

	}



/*first, put the initial states in place*/



#liPersonalHealth a {

	background-position: 0 0;

}



#liCorporateHealth a {

	background-position: -130px 0;

}

#liArticlesAndNews a {

	background-position: -260px 0;

}

#liContactUs a {

	background-position: -390px 0;

}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/



#liPersonalHealth.on a {

 	background-position: 0px -40px;

 }

#liCorporateHealth.on a {

 	background-position: -130px -40px;

 }

#liArticlesAndNews.on a {

	background-position: -260px -40px;

}

#liContactUs.on a {

	background-position: -390px -40px;

}



  /*add selectors for the other li's and background-positions*/



/*hover states*/



#liPersonalHealth a:hover, #liPersonalHealth:hover a, #liPersonalHealth.over a {

	background-position: 0 -80px;

}



#liCorporateHealth a:hover, #liCorporateHealth:hover a, #liCorporateHealth.over a {

	background-position: -130px -80px;

}



#liArticlesAndNews a:hover, #liArticlesAndNews:hover a, #liArticlesAndNews.over a {

	background-position: -260px -80px;

}



#liContactUs a:hover, #liContactUs:hover a, #liContactUs.over a {

	background-position: -390px -80px;

}

/*subnav formatting*/



#nav li.off ul a, #nav li.on ul a {

	display: block;

	color: #fff;

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	background: #3DB4B4;

	margin-top: auto;

	margin-right: 5px;

	margin-bottom: auto;

	margin-left: auto;

	/*border: 1px solid #ccc;*/

}		



#nav li.on ul a {

	background: #000033;

}