/* The element that contains your links */
#navi 
{
    z-index: 10;
      }

/* 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: 55px; border-top: 1px solid #fff;border-bottom: 1px solid #fff; /* 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; background-color: #fff; text-decoration: none; }
#navi  ul li a:hover {text-decoration: underline;}

/* Level 2 Link Style */
#navi  ul li ul li a { border-right: 1px solid #fff;  border-left: 1px solid #fff; height: 100%; font-family: georgia; font-size: 14px; width: 150px; text-align: left; padding: 10px 10px 10px 10px; color: #000; background-color: #d6c9bb; text-decoration: none; }
#navi  ul li ul li a:hover {text-decoration: underline;}


/* 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 { }
#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 */