.topnav
{
position:relative;
top:0px;
margin:0px;
width:auto;
height:auto;
z-index:2000;
}

.topnav li
{
display:inline;
float:left;
padding-right:40px;
}

.topnav li a
{
color:#fff;
text-decoration:none;
list-style-type:none;
font-weight:normal;
}

.topnav li a:hover
{
color:#000;
}

.topnav .active
{
color:#000;
}

/********/

.leftnav
{
position:relative;
width:170px;
height:auto;
float:left;
clear:both;
border:1px solid #1c112f;
border-bottom:none;
background-color:#8d5fc4;
margin:0px 0px 20px 0px;
padding:0px;
}

.leftnav li
{
position:relative;
width:170px;
height:auto;
float:left;
border-bottom:1px solid #1c112f;
margin:0px;
list-style-type:none;
}

.leftnav li a
{
padding:0px 5px 0px 20px;
text-decoration:none;
font-size:100%;
line-height:220%;
font-weight:normal;
display:block;
}

/********/

.level1
{
position:relative;
top:0px;
z-index:3000;
background-color:yellow;
}

.leaf a,
.leaf a:link,
.leaf a:visited
{
color:white;
}

.leaf a:hover,
.active a,
.active a:link,
.active a:visited,
.active a:hover,
.active a:active,
.active a:focus
{
color:black;
}

.leaf a:hover
{
color:black;
}

/****** end of css ******/