.nav {
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	background:#ffffff;
	z-index: 90;
}

.root-li {
	list-style:none;
	position:relative;
	width: 220px;
	background: #ffffff;
}

.root-li img {
	float: right;
	border: none;
	margin-right: 5px;
	padding-top: 3px;
}

a.expand { *margin-top: -17px; }

.nav a {
	display:block;
	text-decoration:none;
	padding: 6px;
	color: #444444;
}

.submenulist {
	position:absolute;
	padding: 0;
	width: 130px;
	list-style: none;
	background: #ffffff;
	left: 220px;
	*left: 180px;
	border: #6D6D6D thin solid;
	z-index: 110;
}

.submenulist ul {
	position:absolute;
	padding: 0;
	width: 130px;
	list-style: none;
	background: #ffffff;
	border: #6D6D6D thin solid;
	left: 128px;
	*left: 90px;
}

.submenulist li {
 position: relative;
 z-index: 110;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color: #FFFFFF;
	background-color: #D6D6D6;
}

.submenulist li:hover,
.submenulist li.sfHover,
.submenulist a:focus, .submenulist a:hover, .submenulist a:active {
	color: #ffffff;
	background-color: #D6D6D6;
}

.li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	top:-1px;
	width: 130px;
}

.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 {
	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 {
}

/*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;
}