
#na {
  position: absolute;
  margin-top: 0px;
  left: -40px;
  width: 180px;

}

#na li.top {
 display:block; 
 float:left;
 height: 28px;  
 width: 180px;
 font: 0.8em Arial, Verdana, sans-serif;

}

#na li a.top_link {
 display:block; 
 height:27px; 
 line-height:24px; 
 color:#656565; 
 text-decoration:none;
 text-indent:10px;  
 font-size:12px; 
 padding:0px 0px 0 0px; 
 cursor:pointer;
 width: 180px;
 background: url('images/nav_bg.jpg');

}

#na li a.top_link span {
 float:left; 
 display: block;
 width: 180px;
 padding:0 0px 0 0px; 
 height:27px; 

}

#na li a.top_link span.down {
 float:left; 
 display:block; 
 padding:0 0px 0 0px; 
 height: 27px; 
 width:180px;

}

#na li:hover a.top_link {
 color:#ffffff; 
 height: 27px;

}

#na li:hover a.top_link span {
 background:url('images/nav_bg2.jpg');
 
}

#na li:hover a.top_link span.down {
 background:url('images/nav_bg2.jpg');
}

/* Default list styling */

#na li:hover {
 position:relative; 
 z-index:200;
 background: url('images/nav_bg2.jpg');
 width: 180px;
 height:28px;
  font: 0.8em Arial, Verdana, sans-serif;
  
}

#na li:hover ul.sub {
 left:180px; 
 top:0px; 
 padding:0px; 
 width:180px; 
 z-index:300;
}

#na li:hover ul.sub li {
 display:block; 
 height:28px; 
 position:relative; 
 float:left; 
 width:180px; 
}

#na li:hover ul.sub li a {
 display:block; 
 font-size:11px; 
 height:27px; 
 width:180px; 
 font-size:12px; 
 line-height:26px; 
 text-indent:2px; 
 color:#656565; 
 text-decoration:none;
 background: url('images/nav_bg.jpg');

}

#na li ul.sub li a.fly {
 background: url('images/nav_bg.jpg');

}

#na li:hover ul.sub li a:hover  {
 background: url('images/nav_bg2.jpg');
 height:26px; 
 width:180px; 
 color:#fff;
}

#na li:hover ul.sub li a.fly:hover {
 background:url('images/arrow_over.gif') 174px 10px no-repeat; 
 color:#fff;
}

#na li:hover li:hover ul,
#na li:hover li:hover li:hover ul,
#na li:hover li:hover li:hover li:hover ul,
#na li:hover li:hover li:hover li:hover li:hover ul, 
#na li:hover li:hover li:hover li:hover li:hover li:hover ul,
#na li:hover li:hover li:hover li:hover li:hover li:hover ul li:hover ul
{left:180px; top:0px; width:180px;  height: 27px;  z-index:500; border: #fff solid 0px;}

#na ul, 
#na li:hover ul ul,
#na li:hover li:hover ul ul,
#na li:hover li:hover li:hover ul ul,
#na li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; height:27px;  width:180px;  margin:0; padding:0; border: #fff solid 0px;}

#na li:hover li:hover a.fly,
#na li:hover li:hover li:hover a.fly,
#na li:hover li:hover li:hover li:hover a.fly,
#na li:hover li:hover li:hover li:hover li:hover a.fly,
#na li:hover li:hover li:hover li:hover li:hover li:hover a.fly
{background: url('images/arrow_over.gif') 174px 10px no-repeat; color:#fff;} 

#na li:hover li:hover li a.fly,
#na li:hover li:hover li:hover li a.fly,
#na li:hover li:hover li:hover li:hover li a.fly,
#na li:hover li:hover li:hover li:hover li:hover li a.fly
{background: url('images/arrow.gif') 174px 10px no-repeat; color:#fff;} 




