/*  
CSS stylesheet supporting RWD multilevel nav for Hendo
*/

.toggleMenu {
    display:none; 
    clear:left;
    width:100%; margin-left:-5%; 
    border-bottom:1px solid #fff;
    text-decoration:none;
    color:#fff; /* background:#042558;  */  
    padding: 10px 5px; 
    font-family:arial,Helvetica,sans-serif; 
    font-weight:bold; font-size:1em;
}

a.toggleMenu:link { color:#aaa; } 

.nav {
    list-style: none; 
     *zoom: 1;
   /*  background:#042558;   */  /*navbar bg */
     padding-left:8%; margin-top:20px; 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;                                         /* width of submenu items on desktop navpanel; set to 9em for navbar */
}
.nav a {
    padding: 10px 10px; 
    font-family:'Open sans', Helvetica, Arial, sans-serif; 
    font-weight:400; font-size:0.9em;   
    color:#fff;  /* background:#042558; */
}
/* .nav li {
    position:relative; text-transform: uppercase;  
}
*/
.nav > li {
    /* float: left;  */
    text-align:left;
    border-top: 0px solid #104336;
    border:0px solid #000;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li a:hover { color:#000;  background:#fff; 
}  /* added by jrw for hover-select effect  */

.nav li ul { 
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul { 
    left: 0; 
   -webkit-transition: all .65s ease;
   -moz-transition: all .65s ease; 
   -0-transition: all .65s ease; 
   transition: all .65s ease; 
}
/* submenu */
.nav li li.hover ul {
    left: 100%;
    top: 0px;
}
.nav li li a { 
    display: block;   
    background: #6a0619;
    position: relative;
    z-index:100;
    border-top: 1px solid #eee;
    padding: 10px 15px; 
    font-size:0.8em;
}
 .nav li li a:hover {  color:#000; background:#fff;
 }   /* added by jrw for hover-select effect  */

.nav li li li a {
    background:#9a1629;
    z-index:200;
    border-top: 1px solid #1d7a62;
    padding: 10px 15px; 
    font-size:0.65em;
}
 .nav li li li a:hover { color:#000; background:#fff; 
 }   /* added by jrw for hover-select effect  */

@media screen and (max-width: 699px) {
    .active { display: block;
    }
    .nav > li { float: none;
    }
    .nav li li a { border:none;  /* top border of submenu items on phone */
    }    
    .nav > li > .parent { 
    background-image:none;
    }
    .nav li .more {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 0% 50%;
        float: right;
     	width: 40%;
        cursor: pointer;
   	   z-index: 200;
        position: relative;
    }

   .nav li .more:before { content: "";
   }
 
   .nav ul { display: block;
        width: 40%; /* width of submenu items on phone */
   }
   .nav > li.hover > ul , .nav li li.hover ul { 
        position: static;   
   }

}