ul.top-menu {
    margin: 0;
    padding: 0;
    background-color: #143F54;
    overflow: hidden;
}

ul.top-menu li {
    list-style-type: none;
    float: left;
    font-size: 160%;
    border-top: 6px solid transparent;
    padding-bottom:.4em;
}

ul.top-menu li a {
    display: block;
    padding: .6em 2em;
    color: white;
}

ul.top-menu li:hover {
    border-top-color: #9EBBCA;
    background-color: #5C93AF;
}

ul.top-menu li.selected {
    border-top: 6px solid white;
    background-color: #7AB9D7;
    font-weight: bold;
}

@media all and (max-width: 480px) {
    ul.top-menu {  height: auto; }
    ul.top-menu > li {
        float: none; width: 100%;
        border-top: 1px solid white;
    }
    ul.top-menu a { line-height: 40px; }
    ul.top-menu ul { position: relative; }
}