#leftsubmenu {
background: #E0E0FF;
border-bottom: 2px solid #6633FF;
padding: 8px 0 8px 20px;
}

#leftsubmenu ul{
padding: 0;
margin: 0;
}

#menuList li {
display:inline;
list-style: none;
}

#menuList li a.starter {
font-weight: bold;
text-decoration: none;
border-left: 2px solid #6633FF;
padding-left: 9px;
padding-right: 7px;
color: #626262;
text-transform: capitalize;
font-size: 105%;
}

#menuList li a:hover, #menuList li.active a.starter {
color: #852C4A;
text-decoration: underline;
}

.menu {
position: absolute;
visibility: hidden;
text-transform: lowercase;
border-top: 8px solid #E0E0FF;
z-index: 2;
}


.menu {
border-bottom: 2px solid #6633FF;
}

.menu li a {
color: #2d2228;
text-align: left;
display: block;
font-size: 0.9em;
width: 120px;
border-bottom: 1px solid #fff;
border-left: 2px solid #6633FF;
border-right: 2px solid #6633FF;
padding: 4px 10px;
text-decoration: none;
background: #E0E0FF;

}

#menuList .menu li a:hover, .menu li.active a {
text-decoration: underline;
background: #8B8CDF;
color: #fff;
}

#menuList .menu li.active a {
text-decoration: none;
cursor: default;
}

.menu li a:focus {
background: #EFEFEF;
}