.sf-menu ul {
	position:		absolute;
	width:			300px; /* left offset of submenus need to match (see below) */
	background:#000000;  /* controls background color of first level menu */
	padding: 18px 0 16px 14px;  /* controls space around first level menu items */
	z-index:200;
}

.sf-menu ul li {
	width:			100%;
	background:none;
	margin-bottom:4px;
}
.sf-menu ul li:hover {
	background:none;
}
.sf-menu li {
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			24px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	background:#000000; /* controls background color of second level menu */
	width:220px;
	margin:0;
	padding: 18px 0 16px 15px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			-18px;
}



.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
	display:block;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#cccccc;  /* controls menu item text color of first level menu */
	background:none;
	font-size:11px;
	line-height:20px;
	padding:0px 0 0 1px;
	text-align:left;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {display:block; color:#FFFFFF;}
.sf-menu li li li {
	position:relative;
	background:none;
	text-align:left;
}
.sf-menu li li.sfHover li a {color:#cccccc;}
.sf-menu li li.sfHover li a:hover {color:#FFFFFF;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}