#menu {
    position: relative; 
    top: 50px; 
    height:auto;
}

#nav, #nav li, #nav ul {
    list-style: none; 
    margin:0;
    padding:0;
    border: 0; 
 /*top: 0px;*/
 /*display:block;*/
    z-index: 2000000;
 }

#nav, #nav ul  {
    position: relative; 
    /* float: left;       */
}

#nav li {
	position: relative;
	display: block;
    /* vertical-align: middle;  */
	width: auto;
	text-align: left;
 }
 
#nav ul {
    visibility: hidden;
    position: absolute;  
    top: 100%; 
    left: 0; 
    width: 200px;
    background: #333;  
}

#nav ul li { float: none; }

#nav ul ul { top: 0; right: 0; }

#nav li:hover > ul { visibility: visible; }

#nav ul  { top: 0; left: 150px; }

#nav li { float: none; }

#nav a {
    display: block; 
    padding: 0.5em 1.3em; 
    color: #ccc; 
    text-decoration: none;
    font-weight: 400;  
    font-size: 13px; 
}

/* #nav a span { margin-left: 10px; } */

#nav a i { font-size: 16px; width: 18px; margin-right: 5px; }

#nav a:hover {
    color: #00b9eb; 
}

/* #nav li:hover > ul { visibility: visible; } */

a.active { background: #0073aa;}