/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ @charset "utf-8"; /* common styling */ .menu { float: left; width: 100%; position: relative; z-index:100; height: 30px; } .menu ul li a, .menu ul li a:visited { display:block; margin:0 0 0 1px; padding: 5px 20px 3px 20px; line-height: 1.3em; overflow: hidden; color: #E5C779; } .menu ul { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; } .menu ul li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; } .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a { background-color: #242424;} .menu ul li:hover ul {display:block; position:absolute; top: 25px; left:0; width:200px;} .menu ul li ul li {float:left; position:relative; right: 0; width: 100%; text-align: left;} .menu ul li:hover ul li a.hide {color: #E5C779;} .menu ul li:hover ul li:hover a.hide {color: #fff;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a { display:block; background-color: #242424; color:#E5C779;} .menu ul li:hover ul li a:hover {color:#fff;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-105px;}