nav  {
  background: #000;
 display: block;
 padding: 0% 0% 0% 10%;
  

}


nav ul {
 list-style: none; 
  margin: 0;
  padding: 0;
  border: 0;
/*  margin-top: 10px; */
 position: relative;
display: inline-block;*/

 

}


nav ul li {
 float: left;
/* width:400px;*/
min-width: 200px;
}
 nav ul li:hover {
  background: #3AC8BB;
  z-index: 1000;
  
 }
  nav ul li:hover a {
   color: #fff;
   
  }
 
 nav ul li a {
  display: block; 
  padding: 15px 40px 15px 0;
 color: #fff; 
  text-decoration: none;
  font-family: 'Comic Sans MS', sans-serif;
  font-size: 15px; 
  }


nav ul ul {
 display: none;
}

 nav ul li:hover > ul {
  display: block;
  z-index: 1000;
  background: #9e9696;
  
 }

nav ul ul {
 background: #000; border-radius: 0px; padding: 0;
 position: absolute; top: 100%;
}
 nav ul ul li {
  float: none; 
  border-top: 0px solid #6b727c;
  border-bottom: 0px solid #575f6a;
  position: relative;
 }
  nav ul ul li a {
   padding: 10px 15px;
  } 
   nav ul ul li a:hover {
    background: #3AC8BB;
   }

nav ul ul ul {
 position: absolute; left: 100%; top:0;
}