/* Links to other APTA sites - located at the top of the page in a pagelet */

#menu-top {
    padding:0;
}

    #menu-top .menu1 {
        display: inline-block;
        position: relative;
    }

        #menu-top .menu1 > a {
            color: #333;
            display: inline-block;
            padding: 7px 10px;
            text-decoration: none;
        }

            #menu-top .menu1 > a:hover {
                background-color: #fff;
                border-bottom: 5px solid #BAE860;
                padding-bottom: 2px;
            }

        #menu-top .menu1 a > img {
            display: inline-block;
            margin: 6px 7px 0 0;
            vertical-align: top;
        }

/* Main menu bar */

#main-menu {
    background-color: #153861;
    font-family: Roboto,sans-serif; /*Helvetica,Arial,sans-serif;*/
    line-height: 2em;
    padding: 0;
}

    #main-menu ul,
    #main-menu ul ul,
    #main-menu ol,
    #main-menu ol ul {
        line-height: 2em;
        list-style: none;
    }

#menu-bar {
    color: #fff;
    padding: 0;
}

    #menu-bar .menu1 {
        display: inline-block;
        position: relative;
    }

        #menu-bar .menu1 > a {
            color: inherit;
            display: inline-block;
            font-size: 13px;
            padding: 5px 25px;
            text-decoration: none;
            text-transform: uppercase;
        }

            #menu-bar .menu1 > a:hover,
            #menu-bar .menu1.hasmore > a:hover,
            #menu-bar .menu1.hasless > a {
                background-color: #394b6e;
                border-top: 5px solid #BAE860;
                padding-top: 0;
            }

        #menu-bar .menu1 .closeme {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            color: #bbb;
            display: none;
            font-size: .8em;
            line-height: 2em;
            padding: 0;
            position: absolute;
            top: 35px;
            z-index: 9999;
            width: 100%;
            text-align: center;
            left: 0;
        }

/* Drop down mega menu */

#menu-dropdown {
    background-color: transparent;
    color: #fff;
    background-color: #394b6e; 
    font-family: Roboto,sans-serif; 
    line-height: 2em;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

    #menu-dropdown .menu2 .menuitem {
        line-height: 31px;
    }

    #menu-dropdown a {
        color: #fff;
        padding: 8px 5px;
        text-decoration: none;
    }

        #menu-dropdown a:hover,
        #menu-dropdown a:focus {
            background-color: #75819a;
            background-color: rgba(255,255,255,.3);
            border-top: solid 3px #BAE860;
            padding-top: 5px;
        }

    #menu-dropdown .contents {
        display: none;
        margin: 0;
        position: relative;
        z-index: 1000;
    }

.menu-dropdown-bg {
    display: block;
    position: relative;
    width: 100%;
}

#menu-dropdown ul,
#menu-dropdown ul ul,
#menu-dropdown ol,
#menu-dropdown ol ul {
    line-height: 2em;
    list-style: none;
}

#menu-dropdown .menu2 {
    display: inline-block;
    margin: 20px 15px;
    padding: 0;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

    /* Where there are 4 columns in the drop down, every wide requires an offsetting narrow */

    #menu-dropdown .menu2 .heading {
        border-bottom: solid 2px #bfbfbf;
        color: #bfbfbf;
        font-size: 15px;
        padding: 0 5px;
    }

        #menu-dropdown .menu2 .heading:not(:first-child) {
            margin-top: 20px;
        }