/*Strip the ul of padding and list styling*/
nav {
    height: 40px;
    line-height: 40px;
    background-color: #0a50bd;
    margin-bottom: 10px;
    /*width:50%;*/
}

/*Strip the ul of padding and list styling*/
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}

/*Create a horizontal list with spacing*/
nav li {
    display: inline-block;
    float: left;
    margin-right: 1px;
}

/*Style for menu links*/
nav li a {
    display: block;
    min-width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #0a50bd;
    text-decoration: none;
}

/*Hover state for top level links*/
nav li:hover a {
    background: #808080;
    color: #FFF;
}

/*Style for dropdown links*/
nav li:hover ul a {
    background: #808080;
    color: #FFF;
    height: 40px;
    line-height: 40px;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
    background: #0a50bd;
    color: #FFF;
}

/*Hide dropdown links until they are needed*/
nav li ul { display: none; }

/*Make dropdown links vertical*/
nav li ul li { display: block; float: none; }

/*Prevent text wrapping*/
nav li ul li a { width: auto; min-width: 100px; padding: 0 20px; }

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover { display: block; }

/*Responsive Styles*/
@media screen and (max-width : 460px) {
    /*Make dropdown links appear inline*/
    ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    ul li, li a {
        width: 100%;
    }
}