/* The navigation menu */
.navbar {
    overflow: hidden;
    background-color: #333;
}

    /* Navigation links */
    .navbar a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

/* The subnavigation menu */
.subnav {
    float: left;
    overflow: hidden;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: #E7ECEF;
    width: 200px;
    z-index: 1;
}

    /* Style the subnav links */
    .subnav-content a {      
        text-decoration: none;
    }

        .subnav-content a:active {
            background-color: white;
        }

        /* Add a grey background color on hover */
        .subnav-content a:hover, .menu a.active.menu-subitem {
            background-color: #a6c9e2;
            color: white;
        }

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
    display: block;
    z-index: 999;
}