/* ================================================================ 
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_drop_2.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 {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 38px;
  background: #fff url("/images/menu/three_0.gif") repeat-x;
  position: relative;
  z-index: 500;
  font-family: arial, verdana, sans-serif;
}

#nav li.top {
  display: block;
  float: left;
  height: 38px;
}

#nav li.toplogout {
  display: block;
  float: right;
  margin-right: 7px;
  height: 38px;
}

#nav li a.top_link {
  display: block;
  float: left;
  height: 35px;
  line-height: 33px;
  color: #ccc;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 0 12px;
  cursor: pointer;
  background: url(/images/menu/three_0.gif);
}

#nav li a.top_link span {
  float: left;
  display: block;
  padding: 0 24px 0 12px;
  height: 35px;
  background: url(/images/menu/three_0.gif) right top no-repeat;
}

#nav li a.top_link span.down {
  float: left;
  display: block;
  padding: 0 24px 0 12px;
  height: 35px;
  background: url(/images/menu/three_0a.gif) no-repeat right top;
}

#nav li a.top_link span.logout {
  float: left;
  display: block;
  padding: 0 24px 0 12px;
  height: 35px;
  background: url(/images/menu/three_0.gif) right top no-repeat;
}

#nav li:hover a.top_link,
#nav li.iehover a.top_link {
  color: #fff;
  background: url(/images/menu/three_1.gif) no-repeat;
  cursor: pointer;
}

#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {
  background: url(/images/menu/three_1.gif) no-repeat right top;
  cursor: pointer;
}

#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {
  background: url(/images/menu/three_1a.gif) no-repeat right top;
  cursor: pointer;
}


/* Default list styling */

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

#nav li:hover ul.sub {
  left: 1px;
  top: 38px;
  background: #d6f447;
  padding: 3px;
  border: 1px solid #5c731e;
  white-space: nowrap;
  width: 190px;
  height: auto;
  z-index: 300;
  cursor: pointer;
}

#nav li:hover ul.sub li {
  display: block;
  height: 20px;
  position: relative;
  float: left;
  width: 190px;
  font-weight: normal;
  cursor: pointer;
}

#nav li:hover ul.sub li a {
  display: block;
  font-size: 11px;
  height: 18px;
  width: 178px;
  line-height: 18px;
  text-indent: 5px;
  color: #000;
  text-decoration: none;
  border: 1px solid #d6f447;
  cursor: pointer;
}

#nav li ul.sub li a.fly {
  background: #d6f447 url(/images/menu/arrow.gif) 170px 6px no-repeat;
  cursor: pointer;
}

#nav li:hover ul.sub li a:hover {
  background: #47ccd3;
  color: #fff;
  border-color: #fff;
  cursor: pointer;
}

#nav li:hover ul.sub li a.fly:hover {
  background: #47ccd3 url(/images/menu/arrow_over.gif) 170px 6px no-repeat;
  color: #fff;
  cursor: pointer;
}

#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: 180px;
  top: -4px;
  background: #d6f447;
  padding: 3px;
  border: 1px solid #5c731e;
  white-space: nowrap;
  width: 190px;
  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;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
  background: #47ccd3 url(/images/menu/arrow_over.gif) 170px 6px no-repeat;
  color: #fff;
  border-color: #fff;
}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {
  background: #d6f447 url(/images/menu/arrow.gif) 170px 6px no-repeat;
  color: #000;
  border-color: #d6f447;
}

li a font {
  font-size: 11px;
  line-height: 18px;
  color: #F00;
  text-decoration: none;
  cursor: pointer;
}