/* CSS Document */

#nav {
	background-image: url(../graphics/background.png);
	height: 50px;
	margin-bottom: 15px;
}

.nav {
	text-transform: capitalize;
	font-size: 0;
	line-height: 0;
}

.nav ul {
	position: absolute;
	top: -999em;
	min-width: 134px;
	padding: 20px 4px 12px;
	display: none;
}

.nav li {
	position: relative;
}

.nav > li {
	float: left;
	padding: 7px;
	margin-right: 40px;
}

.nav a {
	color: #232B7A;
	text-decoration: none;
	display: block;
	font-size: 17px;
	line-height: 1.2em;
}

.nav > li > a {
	padding: 9px 14px 7px;
}

.nav li li span {
	background: #0266a1;
	top: 15px;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.nav li:hover ul, .nav li.sfHover ul{
	top: 40px;
	z-index: 99;
}

.nav li:hover li ul, ul.nav li.sfHover li ul{
	top: -999em
}

.nav > li:hover, .nav > li.current, .nav > li.sfHover {
	border: 7px solid #232B7A;
	padding: 0;
}

.nav li li > a {
	padding: 0px 11px 2px 11px;
	font-weight: normal;
	font-size: 15px;
	color: #444343;
}

.nav li li.current > a, .nav li li > a:hover, .nav li li.sfHover > a {
	color: #f3f3f3;
}

.nav li li.current, .nav li li.sfHover, .nav li li:hover{ 
	background: #9e9e9e;
}

.nav li li {
	margin: 0 0 4px;
}

.nav li li:hover ul, ul.nav li li.sfHover ul {
	left: -168px;
	top: -22px;
}