#udm { background: green; }
.nav, .nav * 
{
	margin:0;
	padding:0;
}

.nav 
{
	line-height:1.0;
	width: 150px;
}

.nav ul 
{
	width: 150px;
}

.nav li
 {
	background:#7C76B6;
	float: left;
	list-style:none;
	position:relative;
	z-index:999;
}

.nav a, .nav a:link, .nav a:visited {font-style:normal;font-family:arial,sans-serif;font-weight:bold !important; letter-spacing:1px !important; color: #fff; }


.nav li.last
{
	border: 0;
}

.nav a 
{
	color: #fff;
	display:block;
	padding: 5px 7px 7px 7px;
	text-decoration:none;
	width: 136px;
	font-weight: bold;
}



html>body .nav a { width: 136px; }

.nav li ul 
{
	top:-999em;
	left: 150px;
	position:absolute;
	width:150px;
	display: block;
	margin: 0 0 0 10px;
}


html>body .nav li ul { margin: 0; }

.nav li a.current { background:#7C76B6; }

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active 
{
	color: yellow;
	text-decoration: none;
	background: #938EBF;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul 
{
	left:150px;
	top:1px;
}

html > body .nav li:hover ul { left:150px; }
html > body ul.nav li.sfHover ul { left:150px; }

.nav li:hover li ul,
.nav li.sfHover li ul 
{
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul 
{
	left:150px;
	top:1px;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul 
{
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul 
{
	left:150px;
	top:1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul 
{
	top: -999em;
	left: 150px;
}
.nav li li 
{
	background: #7C76B6;
	margin: 0;
	border: 0;
}


#debug { margin: 50px; background: #000; color: #fff; padding: 10px; }