ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    height: 40px;
    width: 200px;
    list-style: none;
    float: left;
    display: inline;
    font: 0.9em Arial, Helvetica, sans-serif;
}

ul li a {
    color: #efeeee;
    width: 200px;
    margin: 0px;
    padding: 1px 0px 1px 8px;
    text-decoration: none;
    display: block;
    background: #767373;
    line-height: 29px;
    border-right: 1px solid #a33737;
    border-bottom: 1px solid #ae5bf1;
}

ul li ul li {
    height: 30px;
}

ul li ul li a {
    color: #0e0e10;
    background: #ccc3c3;
    line-height: 30px;
}

ul li a:hover {
    background: #666;
    border-bottom: 1px dashed #d61c1c;
}

ul li ul {
    visibility: hidden;
}

ul li:hover ul {
    visibility: visible;
}

ul li ul li a:hover {
    background: #d851ed;
}