/* common styling */
.menu {
font-family: Tahoma;
position: fixed; 
bottom: 0; 
left: 0; 
width:100%; 
height: 30px; 
position:relative; 
font-size:11px; 
z-index:100;
background: #bea160;
z-index:200;
}

.menu ul li a, .menu ul li a:visited {

display:block;
text-decoration:none;
width:95px;
height:30px;
text-align:center;
color:#120e06;
border:0;
line-height:30px;
font-size:11px;
overflow:hidden;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu .invisible {
    display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffe373; background:#ad8337;}
.menu ul li a._active {color:#ffe373; background:#ad8337;}
.menu ul li:hover ul {display:block; position:absolute;z-index:200;bottom:30px; left:0; width:153px;}
.menu ul li:hover ul li a.hide {background: #dfccac; color:#fff;}

.menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li._active a.hide
 {background: #dfccac; color:white;}
 
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a { padding-left: 10px; width: 153px; text-align: left; text-transform: none; height:25px; line-height: 25px; display:block; background:#dfccac; color:#120e06;}
.menu ul li:hover ul li a:hover,
.menu ul li:hover ul li a._active {padding-left: 32px; width: 131px; background:#bc9c62 url(../gfx/inside/bullet.jpg) no-repeat 3px 3px; color:#ffe373;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:153px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-153px;}

.menu a.menu_arrow {

}