nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    background: transparent;
    padding: 0px 5px;
    border-radius: 5px;  
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

    nav ul li {
    float: left;
}
nav ul li:hover {
    background: transparent;
}
nav ul li:hover a {
    color: #fff;
}
    
nav ul li a {
    display: block; 
    padding: 2px 20px 0px 5px;
    color: #bbb; text-decoration: none;
    font-size: 1.0em;
}

nav ul ul {
    background: #00285c; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
nav ul ul li {
    float: none; 
    border-top: 0px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
    font-size: 1.0em;
}
nav ul ul li a {
    padding: 5px 15px 5px 15px;
    color: #fff;
}    
nav ul ul li a:hover {
    background: #4b545f;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}