/* common styling */
.menu {
       width:100%;
/*       position:relative; */
       margin:0;
       font-size:11px;
       margin:20px 0;
}
.menu ul li a, .menu ul li a:visited {
       display:block;
       text-decoration:none;
       text-align:left;
       background:transparent;
/*       line-height:19px; */
/*       font-size:11px; */
}
.menu ul {
       width:100%;
       padding:0;
       margin:0;
       list-style-type: none;
}
.menu ul li {
       width:100%;
       float:left;
       margin-right:1px;
       position:relative; 
       padding: 6px 0 6px 0;
       border:0;
       border-bottom:1px solid #ccc;
/*       height:18px; */
}
.menu ul li ul {
       display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {text-decoration: underline;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}