/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.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.
=================================================================== */

#nav {
  text-align: left;
  padding: 15px 0 0 0;
  margin: 0;
  list-style: none;
  border: 0;
  float: right;
  position: relative;
  z-index: 500;
}

#nav li.top {
  display: block;
  float: left;
  margin: 0;
  padding: 13px 0;
  margin: 0 5px;
  border: 0;
}

#nav li a.top_link {
  display: block;
  margin: 0;
  padding: 13px 0 13px 0;
  color: #1e1e1e;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

#nav li.top:hover, #nav li.top.active {
  color: #ffffff;
  background: url(images/r_menu.gif) no-repeat right;
}

#nav li.top:hover a, #nav li.top.active a { color: #ffffff; }

#nav li a.top_link span {
  display: block;
  padding: 13px 10px;
  background: none;
}

#nav li.top:hover span, #nav li.top.active span {
  background: url(images/l_menu.gif) no-repeat left;
}

/* Default list styling */

#nav li:hover {
  position: relative;
  z-index: 200;
}

#nav li:hover ul.sub {
  left: 0;
  top: 68px;
  background-color: #d5d5d5;
  padding: 3px;
  border: 1px solid #4b4b4b;
  white-space: nowrap;
  width: 230px;
  height: auto;
  z-index: 300;
  color: #4b4b4b;
}

#nav li:hover ul.sub li {
  display: block;
  position: relative;
  padding: 3px 0;
  font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nav li:hover ul.sub li a {
  display: block;
  color: #4b4b4b;
  text-decoration: none;
  font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nav li:hover ul.sub li a:hover{
 background: #4b4b4b;
 color: #ffffff;
}

/******
 * more levels
 *****************/
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
  left: 90px; top:-4px; padding:3px; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}