﻿.DropDown ul.topnav
{
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
    position: relative;
}

    .DropDown ul.topnav li
    {
        float: left;
        position: relative; /*--Declare X and Y axis base for sub navigation--*/
        cursor: pointer;
        list-style-type: none;
        padding: 0;
        margin: 0;
        text-align: left;
        height: 100%;
    }

        .DropDown ul.topnav li > a
        {
            display: block;
            text-decoration: none;
            float: right;
        }

        .DropDown ul.topnav li:hover > a
        {
        }

        .DropDown ul.topnav li > span
        {
            float: right;
            height: 0;
            position: relative;
            right: 5px;
            top: -15px;
        }

.DropDown .subnav
{
    display: none;
}

.DropDown ul.topnav .subnav
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.DropDowns ul.topnav .subnav li
{
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
}


.DropDown.Large .subnav
{
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    z-index: 30;
}

.DropDown .MenuButton
{
    display: none;
}

.DropDown div.icon-menu
{
    display: none;
}

.DropDown.Small
{
    width: 100%;
}

    .DropDown.Small .MenuButton
    {
        display: block;
        cursor: pointer;
    }

        .DropDown.Small .MenuButton:hover
        {
            opacity: .5;
        }

        .DropDown.Small .MenuButton .icon-menu
        {
            padding-left: 7px;
            position: relative;
            top: 2px;
        }

    .DropDown.Small ul.topnav
    {
        float: left;
        width: 100%;
        display: none;
    }

        .DropDown.Small ul.topnav li
        {
            float: left;
            width: 100%;
            clear: both;
        }

            .DropDown.Small ul.topnav li > a
            {
                width: 100%;
                float: left;
            }

            .DropDown.Small ul.topnav li.HasSubnav > a
            {
                width: calc(100% - 30px);
            }

        .DropDown.Small ul.topnav div.icon-menu
        {
            float: right;
        }

            .DropDown.Small ul.topnav div.icon-menu:hover
            {
                opacity: .5;
            }

        .DropDown.Small ul.topnav li .icon-arrow-down2
        {
            display: none;
        }

        .DropDown.Small ul.topnav li .subnav
        {
            width: 100%;
            padding-left: 10px;
            font-size: .9em;
        }

    .DropDown ul.topnav li .icon-arrow-down2
    {
        display: none;
    }
