/* common styling */
.menu               { text-align: left; margin-top: 4px; height: 24px }
.menu ul li a, .menu ul li a:visited     { color: #ffb300; font-size: 12px; line-height: 20px; text-decoration: none; text-align: center; display: block; margin-right: 10px; margin-left: 12px }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li   { position: relative; float: left }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a        { color: #d80000; text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block }
.menu ul li:hover ul       { display: block; position: absolute; top: 20px; left: -5px; width: 135px; height: 28px }
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul    { line-height: 28px; display: none; height: 28px }
.menu ul li:hover ul li a            { color: #ffb300; font-size: 10px; line-height: 27px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; display: block; padding-left: 7px; width: 135px }
.menu ul li:hover ul li a:hover        { color: #ffb300; text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: relative }
.menu ul li:hover ul li:hover ul    { display: block; position: absolute; top: 28px; left: 105px }