/* common styling */
.menu {position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; overflow:hidden;}
.menu li.depth1 a, .menu li.depth1 a:visited {margin-right:10px; padding:11px 10px; font-size:110%; font-weight:bold; color:#c5c5c5;}
.menu li.depth2 a, .menu li.depth2 a:visited {margin-right:0; padding:3px 7px; width:150px; height:20px; font-size:90%; font-weight:normal; color:#fff;}
.menu li.depth3 a, .menu li.depth3 a:visited {margin-right:0; padding:3px 7px; width:150px; height:20px; font-size:100%; font-weight:normal; color:#fff;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}
.menu ul li ul {padding-top:20px;}
.menu ul li ul li ul {padding-top:0;}
.menu span {margin-right:5px; font-size:75%;}

/* specific to non IE browsers */
.menu ul li.depth1:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0;}
.menu ul li:hover ul li a.hide {color:#fff; background:#000;}
.menu ul li:hover ul li:hover a.hide {color:#342323; background:#b67e3d;}
.menu ul li:hover ul li ul {display:none;}
.menu ul li:hover ul li a {display:block; color:#fff; background:#000;}
.menu ul li:hover ul li a.off {color:#716565; background:#000;}
.menu ul li:hover ul li a:hover {color:#342323; background:#fdbb3c;}
.menu ul li:hover ul li a.off:hover {color:#716565; background:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:164px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-164px;}