/* common styling */
.menu             { font-size: 12px; font-family: Arial, Helvetica, Verdana; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-left: 35px; width: 900px }

.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 #000 }

.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: #d3d3d3; background: #808080 }
.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-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 6px }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a           { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding-left: 6px }
.menu ul li:hover ul li a:hover                { color: #d3d3d3; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.menu ul li:hover ul li:hover ul           { color: #d3d3d3; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: absolute; top: 0; left: 105px }
.menu ul li:hover ul li:hover ul.left      { color: #d3d3d3; left: -105px }