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

/* remove the bullets, padding and margins from the lists */
.menu { position: relative; z-index: 100; width: 190px }
.menu ul { list-style-type: none; margin: 0; padding: 0 }
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li   { position: relative; float: left }

/* use the table to position the dropdown list */
.menu table       { position: absolute; z-index: 80; top: 39px; left: -1px; border-collapse: collapse      }

/* style all the links */
.menu a, .menu :visited     { color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background: #636; text-align: center; display: block; margin-right: 1px; width: 189px; padding: 5px 10px; border-style: solid; border-width: 1px 1px 0 0; border-color: white       }
.menu ul ul a, .menu ul ul a:visited  { color: #fff; font-weight: normal; background: orange; position: relative; padding: 10px; width: 189px ; height: 15px; }
/* style the links hover */
.menu :hover { color: #444; background: #d4d8bd ; }

/* hide the sub level links */
.menu ul ul    { position: absolute; width: 189px; height: 0 }
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul  { }