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

.preload1 {
  background: url(../img/menu/three_1.png);
}

.preload2 {
  background: url(../img/menu/three_1a.png);
}

#nav {
  padding:0 0 0 0; 
  margin:0; 
  list-style:none; 
  width: 762px;
  height:22px; 
  background:#eaeaf6 url(../img/menu/three_0.png) repeat-x; 
  position:relative; 
  z-index:500; 
  font-family:arial, verdana, sans-serif;
}

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

#nav li a.top_link {
  display:block; 
  float:left; 
  height:22px; 
  line-height:20px; 
  color:#555; 
  text-decoration:none; 
  font-size:11px; 
  font-weight:bold; 
  padding:0 0 0 4px; 
  cursor:pointer;
  background: url(../img/menu/three_0.png);
}

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

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

#nav li:hover a.top_link {
  color:#333; 
  background: url(../img/menu/three_1.png) no-repeat;
}

#nav li:hover a.top_link span {
  background:url(../img/menu/three_1.png) no-repeat right top;
}

#nav li:hover a.top_link span.down {
  background:url(../img/menu/three_1a.png) no-repeat right top;
}

/* Default list styling */

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

#nav li:hover ul.sub {
  left:1px; 
  top:22px;
  background: #eaeaf6; 
  padding:3px; 
  border:1px solid #9681e6; 
  white-space:nowrap; 
  width:110px; 
  height:auto; 
  z-index:300;
}

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

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

#nav li ul.sub li a.fly {
  background:#eaeaf6 url(../img/menu/arrow.gif) 80px 6px no-repeat;
}

#nav li:hover ul.sub li a:hover {
  background:#9681e6; 
  color:#FFF; 
  border-color:#9681e6;
}

#nav li:hover ul.sub li a.fly:hover {
  background:#000066 url(../img/menu/arrow_over.gif) 80px 6px no-repeat;
  color:#aaa;
}


#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; 
  background: #eaeaf6; 
  padding:3px; 
  border:1px solid #9681e6; 
  white-space:nowrap; 
  width:110px; 
  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:#0000CC url(../img/menu/arrow_over.gif) 80px 6px no-repeat; 
  color:#fff; 
  border-color:#00f;
} 

#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:#eaeaf6 url(../img/menu/arrow.gif) 80px 6px no-repeat; 
  color:#000; 
  border-color:#eaeaf6;
}