.dropdown {
    position: relative;

    /** Make it fit tightly around it's children */
    display:   none;
    
    font-family: sans-serif;
    
    
    
}

.dropdown .dropdown-menu {
    position: absolute;

    /**
     * Set the top of the dropdown menu to be positioned 100%
     * from the top of the container, and aligned to the left.
     */
    top: 100%;
    alignment-adjust: auto;
    

    /** Allow no empty space between this and .dropdown */
    margin: 0;
}
.dropdown:hover .dropdown-menu {

    /** Show dropdown menu */
    display: block;
}

.dropdown {
    position: relative;
    display: inline-block;
    
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;

    /****************
     ** NEW STYLES **
     ****************/

    list-style: none; /** Remove list bullets */
     /** Set the width to 100% of it's parent */
    padding: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/** Button Styles **/
.dropdown button {
    color: #1670CE;
    border: none;
    margin: 0;
    padding: 0.4em 0.8em;
    
}

/** List Item Styles **/
.dropdown a {
    display: block;
    padding: 0.2em 0.8em;
    text-decoration: none;
    background: #F3F8F9;
    color: #333333;
}

/** List Item Hover Styles **/
.dropdown a:hover {
    background: #CFFAC5;
    
}