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

.preload2 
{
 background-image: url(three_1a.gif);
}

#nav 
{
 padding: 0px;
 margin: 0;
 list-style: none;
 height: 35px;
 background-image: url(three_0.gif);
 background-color: #375647;
 background-repeat: repeat-x;
 position: relative;
 z-index: 1500;
 font-family: arial, verdana, sans-serif;
 width: 675px;
}

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

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

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

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

#nav li:hover a.top_link 
{
 color: #fff;
 background-image: url(three_1.gif);
 background-repeat: no-repeat;
}

#nav li:hover a.top_link span 
{
 background-image: url(three_1.gif);
 background-repeat: no-repeat;
 background-position: right top;
}

#nav li:hover a.top_link span.down 
{
 background-image: url(three_1a.gif);
 background-repeat: no-repeat;
 background-position: right top;
}

/* Default list styling */
#nav li:hover 
{
 position: relative;
 z-index: 200;
}

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

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

#nav li:hover ul.sub li a 
{
 display: block;
 font-size: 12px;
 height: 18px;
 width: 188px;
 line-height: 18px;
 text-indent: 5px;
 color: #000;
 text-decoration: none;
 border-color: #bbd37e;
 border-width: 1px;
 border-style: solid;
}

#nav li ul.sub li a.fly 
{
 background-position: 180px 6px;
 background-image: url(arrow.gif);
 background-color: #bbd37e;
 background-repeat: no-repeat;
}

#nav li:hover ul.sub li a:hover 
{
 background-color: #6a812c;
 color: #fff;
 border-color: #fff;
}

#nav li:hover ul.sub li a.fly:hover 
{
 background-position: 180px 6px;
 background-image: url(arrow_over.gif);
 background-color: #6a812c;
 background-repeat: 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 
{
 left: 190px;
 top: -4px;
 background-color: #bbd37e;
 padding: 3px;
 border-color: #5c731e;
 border-width: 1px;
 border-style: solid;
 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-position: 180px 6px;
 background-image: url(arrow_over.gif);
 background-color: #6a812c;
 background-repeat: 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-position: 180px 6px;
 background-image: url(arrow.gif);
 background-color: #bbd37e;
 background-repeat: no-repeat;
 color: #000;
 border-color: #bbd37e;
}