/* ================================================================ 
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.
=================================================================== */

.preload1 {background: url(three_0a.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {
  padding:0; 
  margin:0; 
  list-style:none; 
  height:38px; 
  background:#fff url(three_0.gif) repeat-x; 
  position:relative; 
  z-index:500; 
  font-family:tahoma, arial, verdana, sans-serif;
  }
#nav li.top {
  display:block; 
  float:left;
  }
#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(three_0.gif);
  }
#nav li a.top_link span {
  float:left; 
  display:block; 
  padding:0 24px 0 12px; 
  height:35px; 
  background: url(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(three_0a.gif) no-repeat right top;
  }

#nav li:hover a.top_link {
  color:#fff; 
  background: url(three_1.gif) no-repeat;
  }
#nav li:hover a.top_link span {
  background:url(three_1.gif) no-repeat right top;
  }
#nav li:hover a.top_link span.down {
  background:url(three_1a.gif) no-repeat right top; 
  padding-bottom:3px;
  }

/* Default list styling */

#nav li:hover {
  position:relative; 
  z-index:200;
  }

#nav li:hover ul.sub
  {
  left:1px; 
  top:34px; 
  background: #CCCC99; 
  padding:3px; 
  border:1px solid #0b4d97; 
  white-space:nowrap; 
  width:120px; 
  height:auto; 
  z-index:300;
  }

#nav li:hover ul.sub li
  {
  display:block; 
  height:20px; 
  position:relative; 
  float:left; 
  width:120px; 
  font-weight:normal;
  }
#nav li:hover ul.sub li a
  {
  display:block; 
  font-size:11px; 
  height:18px; 
  width:118px; 
  line-height:18px; 
  text-indent:5px; 
  color:#000; 
  text-decoration:none;border:1px solid #CCCC99;
  }
#nav li ul.sub li a.fly
  {
  background:#CCCC99 url(arrow.gif) 110px 6px no-repeat;
  }
#nav li:hover ul.sub li a:hover 
  {
  background:#3f96a9; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
  {
  background:#3f96a9 url(arrow_over.gif) 110px 6px no-repeat; color:#fff;
  }

#nav li b 
  {
  display:block; 
  font-size:11px; 
  height:18px; 
  width:118px; 
  line-height:18px; 
  margin-bottom:3px; 
  text-indent:6px; 
  background: #4D4D4D; 
  color:#ffffff; 
  border-bottom:1px solid #4D4D4D; 
  cursor:default;
  }

#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:120px; 
  top:-4px; 
  background: #CCCC99; 
  padding:3px; 
  border:1px solid #0b4d97; 
  white-space:nowrap; 
  width:120px; 
  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:#3f96a9 url(arrow_over.gif) 110px 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:#CCCC99 url(arrow.gif) 110px 6px no-repeat; 
  color:#000; 
  border-color:#CCCC99;
  } 
