#navbar {
background:#236D93;
padding:3px 12px 0 12px;
border-bottom:6px solid #3982a9
}

#nav {
	line-height: 1.0;
	width:700px;
	font-size:1.1em;
}

#nav * {
	list-style:none;
	}

#nav li {
	float: 	left;
	position: relative;
}
#nav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#nav ul {
	position: absolute;
	top: -999em;
	width: 13em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width: 100%;
}

#nav li:hover ul,
#nav li.sfHover ul {
	left: 	0;
	top: 	2.5em; /* match top ul list item height */
	z-index: 99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top: 	-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left: 	13em; /* match ul width */
	top: 	0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top: 	-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left: 	13em; /* match ul width */
	top: 	0;
}


#nav a, #nav a:visited {
	padding: .75em 1em;
	text-decoration:none;
	color:#FFF; 
	display:block;
	position:relative
}

#nav li li {
	background: #02547d;
}

#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active, 
#nav .current-cat .children a:hover, #nav .current-cat .children a:active {
	background:	#01324e;
	outline: 0;
}

#nav .current-cat a, #nav .current-cat a:visited  { 
	background-color:#3982a9; 
	}

#nav a.sf-with-ul {
	padding-right: 	25px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 	.75em;
	top: 	1.05em; /* IE6 only */
	width: 	10px;
	height: 	10px;
	text-indent: 	-999em;
	overflow: hidden;
	background: url('../images/arrow.gif') no-repeat; 
}