/* ================================================================ 
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_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu 
{
  position:relative;
  padding-bottom:0px;
  margin:0;
  z-index:2;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
  padding:0;
  margin:0;
  padding-left: 40px;
  padding-bottom: 2px;
  list-style-type:none;
  height:20px; 
  border-bottom: 2px solid #007D39;
  font: bold 0.8em Verdana, Arial, sans-serif;
}

/* style the sub-level lists */
.menu ul ul
{
  padding:0;
  width:17em;
  border:0;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li
{
  position:relative;
  float:left;
  height:20px;
  line-height:20px;
}

/* style the sub level list items */
.menu ul ul li 
{
  display:block;
  width:15em;
  height:auto;
  position:relative;
  line-height:20px;
}

/* style the links for the top level */
.menu a, .menu a:visited
{
  font-weight:bold;
  display:block;
  height:100%;
  font-size:1em;
  text-decoration:none;
  padding:0 1em 0 1em;  
  background-color: #FFFFFF; /* #B51032 */
  color: #000000; /* #FFFFFF; */
  margin: 0px 2px 0 2px;
  border: 2px solid #007D39;
  white-space: nowrap;
}

.menu a.active, .menu a.active:visited
{
  border-bottom: 2px solid #DEF7E7; /* #FFFFFF; */
  color: #000000;
  background-color: #DEF7E7; /* #FFFFFF; */
}

.menu ul ul a.active, .menu ul ul a.active:visited
{
  border-bottom: 2px solid #007D39;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited
{
  display:block;
  background-color: #FFFFFF; /* #B51032 */
  color: #000000; /* #FFFFFF; */
  width:18em;
  height:100%;
  line-height:1em;
  padding:0.5em 1em;
  margin-top:-2px;
}

.menu ul table ul a, .menu ul table ul a:visited  {width:17em; w\idth:15em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0px; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the level hovers */
/* first */
.menu a:hover 
{
  background-color: #007D39;  /* #99FF80 */
  color: #FFFFFF; /* #FFFFFF; */
}
.menu :hover > a 
{
  background-color: #007D39;  /* #99FF80 */
  color: #FFFFFF; /* #FFFFFF; */
}
/* second */
.menu ul ul a:hover
{
  background-color: #007D39;  /* #99FF80 */
  color: #FFFFFF; /* #FFFFFF; */
}
.menu ul ul :hover > a
{
  background-color: #007D39;  /* #99FF80 */
  color: #FFFFFF; /* #FFFFFF; */
}

/* 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:24px;left:0;width:17em;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em;}