/* NAVIGATION */
#nav {
	/*z-index:9999;*/
}

#mainnav {
	/*float:left;*/
	margin: -63px 0 0 300px;
	position:absolute;
	width:600px;
	height:31px;
	/*z-index:1000000;*/
}

#mainnav li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

#mainnav li a {
	display:block;
	float:left;
	height:35px;
	text-indent:-10000px;
}

/* Set Width of Menu Buttons */
#mainnav li#mainnav_company a {width:89px;}
#mainnav li#mainnav_benefits a {width:90px;}
#mainnav li#mainnav_insurance a {width:104px;}
#mainnav li#mainnav_comm a {width:142px;}
#mainnav li#mainnav_contact a {width:85px;}

/* SUBNAV */
#mainnav li#mainnav_company ul li a {width:100%;}
#mainnav li#mainnav_benefits ul li a {width:100%;}
#mainnav li#mainnav_insurance ul li a {width:100%;}
#mainnav li#mainnav_comm ul li a {width:100%;}
#mainnav li#mainnav_contact ul li a {width:100%;}

#mainnav li ul a {
	height:auto;
	padding:.5em 0;
	width:100%;
}

#mainnav li ul {
	float:left;
	left:-999em;
	margin:35px 0 0 0;
	position:absolute;
	width:10em;
	margin-left: 0;
	padding-left: 0;
}

#mainnav ul li {
	float:left;
	position:relative;
	width:10em;
	margin-left: 0;
}

#mainnav li ul ul {
	margin:0 0 0 10em;
}

#mainnav li:hover ul ul {
	left:-999em;
}

#mainnav li:hover ul, #mainnav li li:hover ul {
	left:auto;
}

/* NAVIGATION */
#mainnav li a {
	background:transparent url(../images/nav.png) no-repeat left top;
}

/* position the subnavs */
#mainnav li#mainnav_company a {background-position:0px 0px;}
#mainnav li#mainnav_benefits a {background-position:-89px 0px;}
#mainnav li#mainnav_insurance a {background-position:-179px 0px;}
#mainnav li#mainnav_comm a {background-position:-283px 0px;}
#mainnav li#mainnav_contact a {background-position:-425px 0px;}

#mainnav li#mainnav_company a:hover {background-position:0px -31px;}
#mainnav li#mainnav_benefits a:hover {background-position:-89px -31px;}
#mainnav li#mainnav_insurance a:hover {background-position:-179px -31px;}
#mainnav li#mainnav_comm a:hover {background-position:-283px -31px;}
#mainnav li#mainnav_contact a:hover {background-position:-425px -31px;}

/* SUBNAV */
#mainnav li ul li {
	border-bottom: 2px solid #6688b9;
}
#mainnav li ul li a {
	background:transparent;
	color:#fff;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	text-indent:0;
}

#mainnav li ul li a:hover {
	background-color:#e1eaf9;
	color:#14528b;
}

/* style the subnav: default state*/
#mainnav li ul.subnav {
	background-color:#002a54; 
	color:#fff;
}

/* style the subnav: hover state*/
#mainnav li ul li a:hover {
	background-color:#fcf6f0; /*#fcf6f0*/ 
	color:#000;
}

/* style the sub-subnav: default state*/
#mainnav li ul.subnav ul a {
	background-color:#002a54;
	color:#fff;
}

/* style the sub-subnav: hover state */
#mainnav li ul.subnav ul a:hover {
	background-color:#fcf6f0; 
	color:#000;
}

/* position the subnavs */
#mainnav_company ul.subnav { margin-left: 11px; }
#mainnav_benefits ul.subnav { margin-left: 14px; }
#mainnav_insurance ul.subnav { margin-left: 13px; }
#mainnav_comm ul.subnav { margin-left: 13px; }
#mainnav_contact ul.subnav { margin-left: -86px; }