/* ================================================================ 
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(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav       { font-size: 11px; font-family: Arial; background-color: #242625; list-style: none; margin: 0; padding: 0; position: relative; z-index: 500; height: 32px;}
#nav li.top  { display: block; height: 32px; float: left }
#nav li a.top_link                { color: #fff; font-size: 12px; font-weight: normal; line-height: 33px; text-decoration: none; background-color: #242625; cursor: pointer; display: block; padding: 0 0 0 9px; height: 32px; float: left; border-right: 1px solid #727471 }
#nav li a.top_link span          { background-color: #242625; display: block; padding: 0 21px 0 9px; height: 32px; float: left }
#nav li a.top_link span.down         { background-color: #242625; display: block; padding: 0 21px 0 9px; height: 32px; float: left }

#nav li:hover a.top_link    { color: #fff; background-color: #8d8f8c }
#nav li:hover a.top_link span    { color: #fff; background-color: #8d8f8c }
#nav li:hover a.top_link span.down   { color: #fff }




#nav li a.last_link                { color: #fff; font-size: 12px; font-weight: normal; line-height: 33px; text-decoration: none; cursor: pointer; display: block; padding: 0px; height: 32px; float: left; text-align:center; width:86px; }

/*HACK SAFARI
@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav li a.last_link                { color: #fff; font-size: 12px; font-weight: normal; line-height: 33px; text-decoration: none; cursor: pointer; display: block; padding: 0px; height: 32px; float: left; text-align:center; width:89px; }
}*/

#nav li:hover a.last_link                { color: #fff; font-size: 12px; font-weight: normal; line-height: 33px; text-decoration: none; background-color: #8d8f8c; cursor: pointer; display: block; padding: 0; height: 32px; float: left;width:86px; }


/* Default list styling */

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

#nav li:hover ul.sub
         { background: #242625; text-align: left; white-space: nowrap; z-index: 300; top: 32px; left: 1px; width: 150px; height: auto; font-weight:normal; }
#nav li:hover ul.sub li
             { font-weight: normal; display: block; padding-top: 6px; position: relative; width: 150px; height: 26px; float: left; border-bottom: 1px solid #727471; *html: 32px }
#nav li:hover ul.sub li a
        { color: #ccc; font-size: 11px; font-weight: normal; line-height: 18px; text-decoration: none; text-indent: 5px; display: block; background: #242625 !important; padding:7px 0; }


#nav li ul.sub li a.fly
 { color: #fff; background: #dfdfdf url(arrow.gif) no-repeat 80px 6px }


#nav li:hover ul.sub li a:hover 
{color: #fff; background-image:none; background-repeat:repeat; background-attachment: scroll; background-position: 0 0; border-color:#fff; background:#8d8f8c !important; display:block; }
#nav li:hover ul.sub li a.fly:hover
{background:#8d8f8c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#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
 { background: #bbd37e; white-space: nowrap; padding: 3px; z-index: 400; top: -4px; left: 90px; width: 120px; height: auto; border: solid 1px #5c731e }

#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:#999999 url(arrow_over.gif) 80px 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:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}