/* common styling */
.menu {
font-family: Arial;
position: fixed; 
bottom: 0; 
left: 0; 
width:100%; 
height: 36px; 
position:relative; 
font-size:14px; 
z-index:100;
background: #506e88;
z-index:200;
text-align: center;
}



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

display:block;
text-decoration:none;
width:95px;
height:36px;
text-align:center;
color:#FFF;
border:0;
line-height:36px;
font-size:14px;
overflow:hidden;
}

.menu ul {padding:0; margin:0 auto; list-style: none; width: 600px;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; margin: 0 0 6px 0;}

.menu .invisible {
    display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFF; background:#678FAF;}
.menu ul li a._active {color:#FFF; background:#678FAF;}
.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: #678FAF; 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:#678FAF; color:#120e06;}
.menu ul li:hover ul li a:hover,
.menu ul li:hover ul li a._active {background: #678FAF; color:#fff;}
.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 {

}