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

.toggleMenu {
    display:  none; 
    padding: 10px 15px;
    background-color: #878484; width:100%;   
}
.nav {
    list-style: none; line-height:35px; margin: 0; padding: 0;
  /*   *zoom: 1; */   
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;    
	box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,.5);
	  /* allow long menu items to determine submenu width */
	/* *width: 11em; /* no auto sub width for IE7, see white-space comment below */
}
.nav a {
     font-family: 'Roboto Condensed','Roboto', Verdana, Arial, Helvetica, sans-serif; 	 
	 color: #ffffff;  text-decoration: none;
	 display:block;  padding:0 1.84em;  
}
.nav li {    position: relative; width:auto;  }
 

.nav > li {
    float: left;    
}
.nav > li > .parent {
    background-image: url("downArrow.png"); 
    background-repeat: no-repeat;
    background-position: 95% 50%;  
}
.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:1000000000000000000;
    
}
.nav li li li a {   
    z-index:200000;    
}

.nav ul li   { background: #878484; text-align:left;   z-index:200000;    }
ul li .hover { background-color:#a30712; }


@media screen and (max-width: 1200px) {
  .nav a {     	 
	   text-decoration: none;
	 display:block;  padding:0 1.3em;  
   }

}

@media screen and (max-width: 1024px) {
  .nav a { font-size:.9em;     	 
	    text-decoration: none;
	 display:block;  padding:0 1.5em 0 .5em;  
   }

}

@media screen and (max-width: 768px) {
    .nav  { background: #878484;  }
	.active {
        display: block;
    }
    .nav > li {
        float: none; border-top:#dfdede 1px solid;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%; 
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.nav ul li   {   text-align: center;  }
}