/* Why is the top level nvaigation list items producing a double padding */
#navigation {
	position:absolute;
	width:558px;
	top:0;
	left:50%;
	margin:0 0 0 -161px;
	padding:113px 0 0 0px;
	text-align:center;
	z-index:10;
	border:0px solid #999;
	clear:right;
}

#navigation ul { margin:0; padding:0; 
	background: #00529B;}

#navigation li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin:0;
	border:0px solid #000;
	border-bottom: #00529B 1px solid;
	background: #EEF1F4;
}

#navigation li a {
	padding:5px 5px;
	color:#00529B!important;
	font-size:11px;
	line-height: 17px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border:0px dashed #999;
	white-space: nowrap;
}

#navigation li a:hover {
	color:#1EE304;
	border: 0px;
}

/* START OF SECOND TEIR NAVIGATION AND FORCE HOVER */

#navigation li ul { /* second-level lists */
	position: absolute;
	background: #00529B;
	width:175px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navigation li ul li a {
	color:#fff!important;
	width:175px;
	background: #00529B;
	text-align:left;
	font-weight: normal;
}

/*#navigation li ul li {
	border: 0px;
}*/

#navigation li ul li a:hover {
	color:#00529B!important;
	width:175px;
	font-weight: bold;
	background: #FFD204;
}

#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navigation li:hover, #navigation li.sfhover {
	background: #FFD204;
}

/* ELEMENT WIDTHS */
.home {width:36px;}
.compprofile {width:100px;}
.services {width:55px;}
.faqs {width:102px;}
.testimonials {width:75px;}
.links {width:38px;}
.contact {width:65px;}