/* ================================================================ 
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-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* remove the bullets, padding and margins from the lists */
.menu ul { list-style-type: none; padding: 0; margin: 0; }


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li { float: left; position: relative; z-index: 100; }


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


/* style all the links */
.menu a { display: block; color: #fff; width: 190px; padding: 9px 0 10px 0; text-decoration: none; text-align: center; background: url(../images/bg_nav.gif) no-repeat 50% 0; border-right: 1px solid #868686; border-left: 1px solid #BBBBBB; font-weight: bold; }
.menu a { *padding: 9px 0; padding /*\**/: 9px 0\9  }
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active { text-decoration: none; }
.menu a.nav_first { background: url(../images/bg_nav.gif) no-repeat 0 0; border-left: none; }
.menu a.nav_last  { background: url(../images/bg_nav.gif) no-repeat 100% 0; border-right: none; }



/* style the links hover */
.menu :hover { color: #fff; cursor: pointer; }
.menu a:hover { color: #fff; background: url(../images/bg_nav.gif) no-repeat 50% -100px; }
.menu a.nav_first:hover { background: url(../images/bg_nav.gif) no-repeat 0 -100px; border-left: none; }
.menu a.nav_last:hover { background: url(../images/bg_nav.gif) no-repeat 100% -100px; border-right: none; }

.menu a#on { background: url(../images/bg_nav.gif) no-repeat 50% -100px; }
.menu a.nav_first#on { background: url(../images/bg_nav.gif) no-repeat 0 -100px; }
.menu a.nav_last#on { background: url(../images/bg_nav.gif) no-repeat 100% -100px; }



/* hide the sub level links */
.menu ul ul { visibility: hidden; position: absolute; height: 0; }
.menu ul ul a { background: url(../images/bg_subnav.gif) no-repeat 0 50%; padding: 5px 10px; text-align: left; width: 155px; border: none; border-bottom: 1px solid #868686; border-top: 1px solid #BBBBBB; }
.menu ul ul a:hover { background: url(../images/bg_subnav.gif) no-repeat 100% 50%; }
.menu ul ul a.subnav_first { background: url(../images/bg_subnav.gif) no-repeat 0 0; border-top: none; }
.menu ul ul a.subnav_first:hover { background: url(../images/bg_subnav.gif) no-repeat 100% 0; }
.menu ul ul a.subnav_last { background: url(../images/bg_subnav.gif) no-repeat 0 100%; border-bottom: none; }
.menu ul ul a.subnav_last:hover { background: transparent url(../images/bg_subnav.gif) no-repeat 100% 100%; }


/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible; }