/** TOP ROLLOVER NAVIGATION  **/
li a img {height: 33px; border-width: 0; border-right:0px solid #e9e9e9;}
li a#retirement img { border-right: 0px solid #fff; }
li a#retirement { background:url(graphics.nav/retirement.gif) top left no-repeat; }
li a#insurance  {background:url(graphics.nav/insurance.gif) top left no-repeat;}
li a#learningCenter  { background:url(graphics.nav/learningCenter.gif) top left no-repeat; }
li a#employers { background:url(graphics.nav/employers.gif) top left no-repeat; }

li a#insurance:hover {background: url(graphics.nav/insurance_over.gif) top left no-repeat;}
li a#learningCenter:hover {background: url(graphics.nav/learningCenter_over.gif) top left no-repeat;}
li a#retirement:hover {background: url(graphics.nav/retirement_over.gif) top left no-repeat;}
li a#employers:hover { background: url(graphics.nav/employers_over.gif) top left no-repeat; }


/* SON OF SUCKERFISH */
#mainNav, #mainNav ul {
	list-style: none;
	padding: 0;
	margin:0;
	/* width was 433px originally, before adding endcap image*/
	width:519px;
	height:33px;
	background-color:red;
	/* this is the endcap graphic that comes after the "trust advantage" tab */
	background:url(graphics/endcap.gif) top right no-repeat;
}

#mainNav a {
	border-bottom: none;
	display:block;
	text-decoration:none;
}

#mainNav li {
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav li ul {
	position: absolute;
	left: -999em;
	width:185px;
	font-weight: normal;
	margin-left : 0px;
	margin-top : -12px;
	z-index:1000;
	border:0px solid black;
}

#mainNav li li {
	background-color:transparent;
}

#mainNav li ul a {
	width: 180px;
	color:#FFFFFF;
	background-color: #cd1e25;
	background-image:none;
	margin-left:0px;
}

#mainNav li ul li a:link, #mainNav li ul li a:visited {
	color: black;
	background-color:#ecf2f9;
	/*font-size:70%;*/
	font-weight:bold;
	margin-left:0px;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:5px;
	line-height:12px;
	border-bottom:1px solid #223558;
	border-right:none;
	background-image:none;
	
}
#mainNav li ul li a:hover, #mainNav li ul li a:active {
	color: black;
	background-color: #b5d4f3;
	/*font-size:70%;*/
	font-weight:bold;
	border-right:none;
	background-image:none;
}	
#mainNav li:hover a#insurance, #mainNav li.sfhover a#insurance{
	background:url(graphics.nav/insurance_on.gif) top left no-repeat;
}
#mainNav li:hover a#learningCenter, #mainNav li.sfhover a#learningCenter{
	background:url(graphics.nav/learningCenter_on.gif) top left no-repeat;
}
#mainNav li:hover a#retirement, #mainNav li.sfhover a#retirement{
	background:url(graphics.nav/retirement_on.gif) top left no-repeat;
}

#mainNav li:hover a#employers, #mainNav li.sfhover a#employers{
	background:url(graphics.nav/employers_on.gif) top left no-repeat;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
	left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {
	left: auto;
}
#mainNav li:hover, #mainNav li.sfhover {
	color:#FFFFFF; }