/*  note to future self don't remove the ul.AspNet-Menu specifier, you may think this will make life easier, but it will mess up things in 
    existing style sheets, and it requires adding like two more additional specifiers in order to target the first menu ul in the 
    mainmenu.  Just leave it be. 
*/

.mainmenu ul.AspNet-Menu
{
    z-index: 3;
}

.mainmenu ul.AspNet-Menu > ul
{
    z-index: 4;
}

.mainmenu ul.AspNet-Menu > ul > ul
{
    z-index: 5;
}


.mainmenu ul.AspNet-Menu,
.mainmenu ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}

.mainmenu ul.AspNet-Menu > li > ul
{
    background-color: #fff;
    border: solid 1px #aaa;
    position: absolute;
    left: 0;
    visibility: hidden;
    -moz-transition: opacity .35s;
    -o-transition: opacity .35s;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    opacity: 0;
}

.mainmenu ul.AspNet-Menu li
{
    display: block;
    position: relative;
    list-style: none;
}

.mainmenu ul.AspNet-Menu > li
{
    float: left;
    
}

.mainmenu ul.AspNet-Menu > li:last-child
{
    margin-right: 0;
}

.mainmenu ul.AspNet-Menu > li > ul > li
{
    min-width: 120px;
    white-space: nowrap;
    
}

.mainmenu ul.AspNet-Menu li a,
.mainmenu ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    color: #222;
    padding: 6px 12px;
    
    -moz-transition: color .15s, background-color .15s;
    -o-transition: color .15s, background-color .15s;
    -webkit-transition: color .15s, background-color .15s;
    transition: color .15s, background-color .15s;
}

.mainmenu ul.AspNet-Menu > li > a,
.mainmenu ul.AspNet-Menu > li > span
{
    padding-right:22px;
}


/* Add more rules here if your menus have more than three (3) tiers */
.mainmenu ul.AspNet-Menu li:hover ul ul,
.mainmenu ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
.mainmenu ul.AspNet-Menu li:hover ul,
.mainmenu ul.AspNet-Menu li li:hover ul,
.mainmenu ul.AspNet-Menu li li li:hover ul,
.mainmenu ul.AspNet-Menu li.AspNet-Menu-Hover ul,
.mainmenu ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
.mainmenu ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
    opacity: 1;
}

.mainmenu .AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}


.slicknav_menu
{
    display: none;
}

.slicknav_nav ul.AspNet-Menu
{
    margin: 0;
}

.slicknav_nav ul.AspNet-Menu > li > ul
{
    background-color: #666666;
    margin: 0;
}

.slicknav_arrow
{
    float: right;
}


.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover
{
    background-color: #999;
}

@media only screen and (max-width: 768px)
{

    .js #site-nav
    {
        display: none;
    }

    .js .slicknav_menu
    {
        display: block;
    }



    .mainmenu ul.AspNet-Menu ul
    {
        display: none;
    }

    .mainmenu ul.AspNet-Menu li
    {
        width: 25% !important;
        margin: 0 !important;
    }

    .mainmenu ul.AspNet-Menu li:nth-child(4n)
    {
        clear: right;
    }

    .mainmenu ul.AspNet-Menu > li > a
    {
        background-color: #555;
        border: solid 1px #333;
    }
}

@media only screen and (max-width: 480px)
{

    .mainmenu ul.AspNet-Menu li
    {
        width: 50% !important;
    }

    .mainmenu ul.AspNet-Menu li:nth-child(4n)
    {
        clear: none;
    }

    .mainmenu ul.AspNet-Menu li:nth-child(2n)
    {
        clear: right;
    }
}