/* ================================================================ 
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/final_drop.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.
=================================================================== */

.menu{width:875px;font-size:12px;right:-40px}
/* remove all the bullets, borders and padding from the default list styling  */
.menu ul{list-style-type:none;margin:0;padding:0}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon  */
.menu ul li{float:left;width:125px;position:relative;height:33px}
/* style the links for the top level  */
.menu ul li a,.menu ul li a:visited{display:block;font-size:12px;font-family:Verdana, Geneva, Sans-Serif;text-decoration:none;text-align:center;width:125px;height:33px;font-weight:700;color:#889965;background:#3e482f}
/* style the second level background  */
.menu ul li ul li a.drop,.menu ul li ul li a.drop:visited{background:#3e482f;height:33px;padding-top:5px}
/* style the second level hover  */
.menu ul li ul li a.drop:hover{color:#889965;background:#3e482f}
.menu ul ul :hover > a.drop{color:#d3c8aa;background:#100800}
/* hide the sub levels and give them a positon absolute so that they take up no room  */
.menu ul ul{visibility:hidden;position:absolute;height:0;top:33px;left:0;width:125px}
/* style the top level hover  */
.menu ul li a:hover,.menu ul li ul li a:hover{color:#d3c8aa;background:#100800;height:33px}
/* keep the third level hidden when you hover on first level list OR link  */
.menu ul :hover ul ul{visibility:hidden}
.menu ul li:hover ul,.menu ul a:hover ul,.menu ul :hover ul :hover ul{visibility:visible}