/* The element that contains your links */
#navi {  border: 0px; margin: 0px; padding: 0px;}    

/* If you make the main links vertical, it's best to supply a static width */
#navi  ul {/* width:120px; */ margin: 0px; padding: 0px;}

/* Comment out float:left; to make the main links vertical */
#navi  ul li {float: left; /* */}



/* Level 2 Positioning */
#navi  ul li ul {left: 0px; top: 28px;  margin-left: 5px;   /* top:0px; left:70px; */}

/* Level 3 Positioning */
#navi ul li ul li ul {left: 0px; top: 0px;}

/* Level 1 Link Style */
#navi  ul li a { float: left;  color: #fff;  text-decoration: none;}
#navi  ul li a:hover {text-decoration: underline;}

/* Level 2 Link Style */
#navi  ul li ul li a  {
    width: 160px;  
    font-family: arial;  
    font-size: 14px;  
    text-align: left; 
    float: left;
    padding:5px 10px; 
    color: #fff;  
    background-color: #0034ce; 
    text-decoration: none; 
}        
#navi  ul li ul li a:hover {text-decoration: underline; background-color: #0034ce;}                            







/* Function - Do not change */
#navi  ul {list-style: none;}
#navi  ul li {position: relative;}
#navi  ul li ul {position: absolute; display: none;}
#navi  ul li:hover ul, #navi ul li.over ul {display: block;}
#navi  ul li ul li {     background-color: #0034ce;}
#navi  ul li ul li ul {  }
#navi  ul li:hover ul li ul, #navi ul li.over ul li ul {display: none;}
#navi ul li:hover ul li ul a, #navi ul li.over ul li ul a {display: none;}
#navi  ul li:hover ul li:hover ul, #navi ul li.over ul li.over ul {display: block;}
#navi  ul li:hover ul li:hover ul a, #navi ul li.over ul li.over ul a {display: block;}
#navi  ul li ul li ul li {  }

/* Fix IE. Hide from IE Mac \*/
* html #navi  ul li a {height: 1%;}
/* End */