.leftnav {
	width: 136px;
	height: 223px;
	margin-top: 10px;
}

.leftnav ul {
	background: #fff; /*IE6 needs this*/
	width: 136px;
}

.leftnav li {
	float: left;
	list-style: none;
	position: relative;
	width: 136px;
	z-index: 999;
	border-bottom: solid 1px white;
}

.leftnav a {
	display: block;
	text-decoration: none;
	width: 136px;
}

.leftnav li ul {
	top: -999em;
	position: absolute;
	width: 136px;
}

.leftnav li:hover,
.leftnav li.sfHover,
.leftnav a:focus, .leftnav a:hover, .leftnav a:active {
	
}

.leftnav li:hover ul, /* pure CSS hover is removed below */
ul.leftnav li.sfHover ul {
	left: 136px;
	top: 0;
}

.leftnav li:hover li ul,
.leftnav li.sfHover li ul {
	top: -999em;
}

.leftnav li li:hover ul, /* pure CSS hover is removed below */
ul.leftnav li li.sfHover ul {
	left: 136px;
	top: 0;
	height: 330px;
}

.leftnav li li:hover li ul,
.leftnav li li.sfHover li ul {
	top: -999em;
}

.leftnav li li li:hover ul, /* pure CSS hover is removed below */
ul.leftnav li li li.sfHover ul {
	left: 136px;
	top: 0;
}

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

.leftnav li li {
	background: #cdd5dd;
	width: 136px;
	border-bottom: solid 4px #cdd5dd;
}

.leftnav li li li {
	background: #cdd5dd;
}

.leftnav li li a {
	padding-right: 0;
	width: 124px;
	padding: 0 4px 0 8px;
	line-height: 21px;
	color: #50585d;
	font-weight: bold;
	text-transform: lowercase;
}

	.leftnav li li a:hover {
		text-decoration: none;
		background: #bad1df;
	}