/*.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a  {margin: 0; padding: 0;}*/

.dropdowns a {text-decoration: none;}

.toggleMenu {display:  none;}
.nav {
    list-style: none;
     *zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {clear: both;}
.nav ul {list-style: none;}
/*.nav a {
    padding: 0px 0px;
    color: #fff;
}*/
/*.nav li {
    position: relative;
}*/
/*.nav > li {
    float: left;
}*/
/*.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}*/
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
}
.nav li li li a {
    z-index:200;
}
/*@media screen and (min-width: 981px) {
    .nav li  ul {
        position: absolute;
        left: -9999px;
    }
}*/

@media screen and (max-width: 1023px) {
    a#pull {font-size: 2.2em; margin-left: 30px; margin-top: 50px; line-height: 24px;}
    .dropdowns {display: block; width: 100%; position: absolute; top: 0; left: 0px; font-size: .95em; z-index: 999;}
    .dropdowns a, .dropdowns a:link {color: #333585;}
    .dropdowns a:hover, .dropdowns a:active, .dropdowns a:focus {color: #a91553;}
    ul.nav {float: none; width: 100%; /*background-color: #333585; */ background-color: #fff; display: block; margin-top: 60px; padding: 0;}
    ul.nav a, ul.nav a:hover, ul.nav a:visited {background-color: transparent;}
    ul.nav li a:hover {color: #a91553;}
    ul.nav a, ul.nav a:link {color: #333585;}
    ul.nav li {display: block;}
    ul.nav li.navi1 {border-top: 2px solid #333585; margin: 0}
    .navi1, .navi2, .navi3, .navi4, .navi5, .navi5a, .navi6, .navi7, .navi1rot, .navi2rot, .navi3rot, .navi4rot, .navi5rot, .navi5arot, .navi6rot, .navi7rot {padding: 15px 30px 15px 30px; border-bottom: 2px solid #333585; margin: 0;}
    
    .active {
        display: block;
    }
    /*.nav li  ul {
        position: relative;
        left: 0;
    }*/
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        /*background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;*/
    }
    .nav ul {
        display: block;
        width: 100%;
    }
    /*.nav li  ul {
        position: static;
    }*/
    .nav > li ul {position: static;}
    
   /* ul.nav > ul {display: block;}*/
   .nav > li.hover > ul , .nav li li.hover ul {position: static;}

}