#sidenav {
	font-size:0.9em;
	width:160px;
	clear: both;

}


#sidenav h3 {
	font-size:14px;
	margin-left: -15px;
	margin-right: -10px;
	background-color: #000;
	color: #FFF;
	padding: 8px;
}




#sidenav ul {margin-left:-10px; padding-left:10px;}
#sidenav li {list-style: none; margin-left:-10px; padding-left:10px;} 

ul.top-level {background:#FFF;}
ul.top-level li {
 border-bottom: #CCC dotted;
 border-top: #fff dotted;
 border-width: 1px;
 margin-left:-10px;
 padding-left:10px;
 
}

#sidenav a {
 color: #929292;
 cursor: pointer;
 display:block;
 height:30px;
 line-height: 30px;
 text-indent: 0px;
 text-decoration:none;
 width:100%;
 text-transform:capitalize;

}
#sidenav a:hover{
 text-decoration:none;
}

#sidenav li:hover {
	position: relative;
	background-color: #000;
}

ul.sub-level {
    display: none;
	z-index:200;
}
li:hover .sub-level {
    background: #F5F5F5;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 175px;
    top: 0px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:230px;
}

/*Second Level*/
#navigation .sub-level {
    background: #EEE;
}

/*Third Level*/
#navigation .sub-level .sub-level {
    background: #DDD;
}

/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}
.sub-level li:hover .sub-level {
	display:block;
}
