ul.topnav {
    background: green;
    height: 33px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    list-style-type: none;
}

ul.topnav li {
	float: left;
	position: relative;
}

ul.topnav li a{
	display: block;
	float: left;
	color: #c7c8ca;
	text-decoration: none;
	font-size: 12px;
	padding: 20px 16px 0px 16px;
	height: 33px;
}
ul.topnav li a:hover, .active {
	background: #0b0b0b;
}

ul.topnav li ul.subnav {
	list-style: none;
	display: none;
	position: relative;
	float: left;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 170px;
	background: #0b0b0b;
	left: 0; 
	top: 53px;
}

ul.topnav li ul.subnav li{
	float: left;
	height: 36px;
	clear: both;
	width: 170px;
	border-bottom: 1px solid #4f5052;
}
html ul.topnav li ul.subnav li a {
	float: left;
	height: 20px;
	background: #0b0b0b;
	padding: 11px 0px 5px 20px !important;
	width: 150px;
	padding-left: 20px;
}


ul.topnav li a{
	display: block;
    padding: 0 10px;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    background-color: inherit;
    color: #ffffff;
}
ul.topnav li a:hover, .active {
	background: #0b0b0b;
	text-decoration: none;
}

ul.topnav li ul.subnav {
    list-style: none;
    display: none;
    position: absolute;
    float: left;
    z-index: 999;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 150px;
    background: #0b0b0b;
    top: 33px;
}

ul.topnav li ul.subnav li{
	float: left;
	height: 31px;
	clear: both;
	width: 150px;
	border-bottom: 1px solid #4f5052;
  
}
html ul.topnav li ul.subnav li a {
	float: left;
	height: 20px;
	background: blue;/*#0b0b0b;*/
	padding: 11px 0px 5px 20px !important;
	width: 150px;
	padding-left: 20px;
}


html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}