#navDrop {
    margin-left: 43px;
    padding-top: 15px;
    width: 100%;
    position: absolute;
}


    #navDrop li {
        list-style-type: none;
        float: left;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        letter-spacing: 0.15em;
        text-align: center;
        line-height: 25px;
    }

        #navDrop li a {
            color: #f6f5f4;
            text-decoration: none;
            display: block;
        }

            #navDrop li a:hover {
                color: #333;
                background-image: url(images/nav_on.png);
                background-repeat: repeat-x;
            }

    #navDrop ul .subNav ul {
        display: none;
    }

    #navDrop ul .subNav:hover ul {
        display: block;
    }

    #navDrop ul .subNav ul li {
        background-image: url(images/subnav_on.png);
        background-repeat: repeat-x;
        border-top: 1px solid #999;
    }

        #navDrop ul .subNav ul li a {
            line-height: 25px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            color: #333;
        }

    #navDrop li.subNav ul li a:link, #nav li.subNav ul li a:visited {
        color: #333;
    }

    #navDrop li.subNav ul li a:hover, #nav li.subNav ul li a:active {
        color: #F34B2B;
    }


.highlight {
    color: #333;
    background-image: url(images/nav_on.png);
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}






#mobileMenu ul li ul {
    display: none;
}

#mobileMenu ul li:active ul {
    display: block;
}










#nav {
    /* container */
    background: white;
}

    #nav > a {
        /*display: none;*/
        background: white;
    }

    #nav li {
        position: relative;
        background: white;
    }

    /* first level */

    #nav > ul {
        height: 3.75em;
        background: white;
    }

        #nav > ul > li {
            width: 25%;
            height: 100%;
            float: left;
            background: white;
        }

    /* second level */

    #nav li ul {
        display: none;
        position: absolute;
        top: 100%;
        background: white;
    }

    #nav li:hover ul {
        display: block;
        background: white;
    }






@media only screen and ( max-width: 2000px ) /* 640 */
{
    #nav {
        position: relative;
        background: white;
    }

        #nav > a {
            background: white;
        }

        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type {
            display: block;
            background: white;
        }

        /* first level */

        #nav > ul {
            height: auto;
            /*display: none;*/
            position: absolute;
            left: 0;
            right: 0;
            background: white;
        }

        #nav:target > ul {
            display: block;
        }

        #nav > ul > li {
            width: 100%;
            float: none;
            background:white;
        }

        /* second level */

        #nav li ul {
            position: static;
            background: white;
        }
}