.sf-menu {
	width:950px;
	margin:0 auto;
	padding:0; 
	z-index:3;
	position:relative;
}
.sf-menu li {
	width:158px;
	float:left; 
	background:none;
	font-size:16px; 
	line-height:66px; 
	padding:0 0 3px;
	margin:0;
	position:relative;
}
.sf-menu li .arrow {position:absolute; top:50px; left:78px; width:7px; height:4px; background:url(../images/arrow.png) 0 0 no-repeat;}
.sf-menu li a:hover .arrow, .sf-menu li.sfHover .arrow, .sf-menu .current .arrow {background:url(../images/arrow.png) 0 bottom no-repeat;}

.sf-menu li a {
	display:block; 
	text-align:center;
	color:#222222;
	text-transform:uppercase;
	text-decoration:none; 
	background:url(../images/menu-spacer.gif) 0 24px no-repeat;
}
.sf-menu li:first-child a {background:none;}
.sf-menu li a.item {background:none;}

.sf-menu > li:hover, .sf-menu > li.sfHover, .sf-menu .current {background:url(../images/menu-active.jpg) center 0 no-repeat;}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu .current a {color:#fff;}

/* sub-menu */

.sf-menu ul {
	display:none;
	position:absolute;
	width:141px; /* left offset of submenus need to match (see below) */
	height:144px;
	padding:10px 0 15px 18px;
	background:#fff;
	z-index:200;
}

.sf-menu ul li {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	font-size:16px;
	line-height:36px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0px;
	top:76px; /* match top ul list item height */
	z-index:99;
}

/* sub-menu ul */

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	width:155px;
	margin:0;
	padding:0;
	background:none;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:143px; /* match ul width */
	top:0px;
}

/* sub-menu a */

.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
	display:inline-block;
	padding-left:11px;
	margin:0;
	color:#001927;
	text-transform:none;
	text-align:left;
	background:url(../images/menu-marker1.gif) 0px 16px no-repeat;
}

.sf-menu li li a:hover, .sf-menu li li.sfHover a {
	color:#0f98dc;
}
.sf-menu li li li {
	width:147px;
	margin-bottom:1px;
	padding:0 0 0 8px;
	background:#030303;
	position:relative;
}
.sf-menu li li.sfHover li a {
	display:block;
	color:#fff; 
	padding:0 0 0 10px;
	background:url(../images/menu-marker2.gif) 0 17px no-repeat;
}
.sf-menu li ul li ul li:hover, .sf-menu li ul li ul li.sfHover {background:#2693c4;}
.sf-menu li li.sfHover li a:hover {}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
}