/* common styling */
.menu      { font-size: 12px; font-family: arial, "Trebuchet MS", Verdana, sans-serif; margin-top: 0; margin-right: 0; margin-bottom: 0; position: relative; width: 100% }

.menu ul li a, .menu ul li a:visited           { color: #fff; font-size: 12px; line-height: 25px; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; display: block; width: 110px; height: 25px; overflow: hidden; border: solid 0 #664933 }

.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: #b3a27b; background: #664933 }
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide     { color: #fff; background: #664933 }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a     { color: #fff; background: #664933; display: block }
.menu ul li:hover ul li a:hover         { color: #b3a27b; background: #664933 }
.menu ul li:hover ul li:hover ul     { color: #664933; background: #fff; display: block; position: absolute; top: 0; left: 105px }
.menu ul li:hover ul li:hover ul.left {left:-105px;}