/* common styling */
.menu {font-family: MS Sans Serif, Arial; width:200px; height:200px; position:relative; font-size:13px; margin:50px 0 0 70px;}
.menu ul li a, .menu ul li a:visited {margin:1px; margin-bottom: 21px; padding-left: 10px; display:block; text-decoration:none; color:#E6BF7D; width:130px; height:20px; text-align:left; border:0; background:transparent; line-height:19px; font-size:13px;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; border:1px solid #7F7F7F; margin:0; margin-bottom: 20px;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:141px; width:105px;}
.menu ul li:hover ul li a.hide {color:#E6BF7D;}
.menu ul li:hover ul li:hover a.hide {color:#fff; border:1px solid #7F7F7F; margin:0; width:115px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#E6BF7D; border:0; width:115px; margin:1px;}
.menu ul li:hover ul li a:hover { color:#fff; border:1px solid #7F7F7F; margin:0;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:127px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; color:#E6BF7D; width:115px; margin:0; background:#3D3D3D; border:0; border-top:1px solid #3D3D3D; border-bottom:1px solid black;}
.menu ul li:hover ul li:hover ul li a:hover { color:#fff; margin:0; background:#4B4B4B; border:0; border-top:1px solid #4B4B4B; border-bottom:1px solid black;}