#nav
{
    color:Gray;
    width:100%;
    margin:2px 0 10px 0;
    float:left;
    font-size:1em;
    text-transform:uppercase;
    font-weight:600;
    border-top:solid 5px blue;
    border-bottom:solid 5px blue;
}

#nav a, #nav a:link, #nav a:active, #nav a:visited
{
    color:inherit;
    text-decoration:none;
    display:inline-block;
}

#nav, #nav ul
{
    padding:0;
    list-style-type:none;
}

#nav ul
{
    position:absolute;
    margin:0;
    padding:0;
}

#nav li
{
    position:relative;
}

#nav > li
{
    display:inline;
    float:left;
}

#nav li.active
{
    background-color:#88CCFF;
    color:White;
}

#nav > li > a
{
    padding:0.25em 10px;
}

#nav > li > ul
{
    visibility:hidden;
    top:100%;
    left:10px;
    width:9em;
    color:Black;
    background-color:White;
    border-color:blue;
    border-width:1px;
    border-style:solid;
    white-space:nowrap;
}

#nav > li > ul > li > a
{
    padding:0.1em 8%;
    width:84%;
    text-align:center;
    border-bottom-color:gray;
    border-bottom-style:solid;
    border-bottom-width:1px;
}