.navi {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:15px; margin:50px 0;overflow:visible;}

.navi ul li a, .navi ul li a:visited {display:block; text-decoration:none; color:#000; width:100px; height:50px; text-align:center; background:url(gfx/menu_ind.png) no-repeat; line-height:45px; font-size:11px;}
/* ^ Sets color of all first levels, sets width of 1st level*/

.navi ul {padding:0 0 0 5px; margin:0;list-style-type: none; }

.navi ul li {float:left; margin-right:1px; position:relative;}

.navi ul li ul {display: none;}

/*Non-IE Specs*/

.navi ul li:hover a {color:#000; background:url(gfx/menu_ind.png) no-repeat;} /*Set hover colors of 1st level*/

.navi ul li:hover ul {display:block; position:absolute; top:0; left:-155px; width:105px;} /*Set space between 1st and 2nd level*/

.navi ul li:hover ul li a.hide {background:#dfc184; line-height:20px;height:20px;color:#000;border:0 0 1px 1px solid white;} /*Sets color of second level WITH third level pop outs*/

.navi ul li:hover ul li:hover a.hide {width:150px;} /*Set width of hovered bar with 3rd level pop out*/

.navi ul li:hover ul li ul {display: none;}

.navi ul li:hover ul li a {display:block; background:#b3ab79; line-height:20px;height:20px;border:0 0 1px 1px solid white;color:#fff; width:150px;} /*Sets color of all second levels WITHOUT third level pop outs, set width of 2nd level*/

.navi ul li:hover ul li a:hover {background:#dfc184; color:#000;} /*Set hover colors of 2nd level*/

.navi ul li:hover ul li:hover ul {display:block; position:absolute; left:-205px; top:0; color:#000;} /*Set space between 2nd and 3rd level*/

.navi ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;} /*Sets color of all third levels, set width of 3rd level*/

.navi ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;} /*Set hover colors of 3rd level*/