/* common styling */
.menu {
font-family: arial, sans-serif; 
width: 100%; 
height:30px; 
position :relative; 
font-size: 11px; 
z-index: 100;
}

.menu ul li a, .menu ul li a:visited {
display:block; text-decoration:none; 
color:#bbbbbb;
width:90px;/*150px; */
height:20px; 
text-align: center; 
color:#fff; 
/*border-right:1px solid #000000;*/ 
/*background: url(../images/layout/menu-bar.jpg) repeat-x top;*/
line-height:20px; 
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;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000000; background: url(../images/layout/menu-bar.jpg); repeat-x bottom;}
.menu ul li:hover ul {display:block; position:absolute; top:204x; left:0; width:75px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: url(../images/layout/menu-bar.jpg) repeat-x top; color:#ffffff;}
.menu ul li:hover ul li a:hover {background: url(../images/layout/menu-bar.jpg) repeat-x bottom; color:#000000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-125px;}