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

/* (corrected url above) http://www.stunicholls.com/menu/pro_dropdown_2.html */
/* Modified by Sean Baker, 2011 */


.preload1 { background: url(images/menu_sel_35.png); }
.preload2 { background: url(images/menu_sel_arrow_35.png); }

#nav {
    padding:        0;
    margin:         0;
    list-style:     none;
    height:         38px;
    background:     url(images/menu_bg_35.png) repeat-x;
    position:       relative;
    z-index:        500;
    font-family:    arial, verdana, sans-serif;
}

#nav ul {
    padding:        0;
    margin:         0;
    list-style:     none;
    width:          800px;
    margin-left:    auto;
    margin-right:   auto;
}

#nav ul li {
    display:        block;
    float:          left;
    height:         38px;
}

#nav ul li .top_link {
    display:        block;
    float:          left;
    height:         35px;
    line-height:    33px;
    color:          #DDDDDD;
    text-decoration: none;
    font-size:      14px;
    font-weight:    bold;
    padding:        0 0 0 12px;
    cursor:         default;
    background:     url(images/menu_bg_35.png);
}

#nav ul li a.top_link {
 cursor:            pointer;
}

#nav ul li .top_link span {
    float:          left;
    display:        block;
    padding:        0 24px 0 12px;
    height:         35px;
    background:     url(images/menu_bg_35.png) right top no-repeat;
}

#nav ul li .top_link span.down {
    float:          left;
    display:        block;
    padding:        0 24px 0 12px;
    height:         35px;
    background:     url(images/menu_bg_arrow_35.png) no-repeat right top;
}

#nav ul li:hover .top_link {
    color:          #FFFFFF;
    background:     url(images/menu_sel_35.png) no-repeat;
}

#nav ul li:hover .top_link span {
    background:     url(images/menu_sel_35.png) no-repeat right top;
}

#nav ul li:hover .top_link span.down {
    background:     url(images/menu_sel_arrow_35.png) no-repeat right top;
}

/* Default list styling */


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

#nav ul li:hover ul.sub {
    left:           1px;
    top:            38px;
    background:     #BF832F;
    padding:        3px;
    border:         1px solid #7F4A00;
    white-space:    nowrap;
    width:          120px;
    height:         auto;
    z-index:        300;
}

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

#nav ul li:hover ul.sub li a {
    display:        block;
    font-size:      14px;
    height:         28px;
    width:          118px;
    line-height:    28px;
    text-indent:    5px;
    color:          #FFFFFF;
    text-decoration: none;
    border:         1px solid #BF832F;
}

#nav ul li ul.sub li a.fly {
    background:     #BF832F url(images/menu_arrow.png) 110px 10.5px no-repeat;
}

#nav ul li:hover ul.sub li a:hover {
    background:     #FFAF3F;
    color:          #FFFFFF;
    border-color:   #663B00;
}

#nav ul li:hover ul.sub li a.fly:hover {
    background:     #FFAF3F url(images/menu_arrow_over.png) 110px 10.5px no-repeat;
    color:          #FFFFFF;
}


#nav ul li:hover li:hover ul,
#nav ul li:hover li:hover li:hover ul,
#nav ul li:hover li:hover li:hover li:hover ul,
#nav ul li:hover li:hover li:hover li:hover li:hover ul
{
    left:           120px;
    top:            -4px;
    background:     #BF832F;
    padding:        3px;
    border:         1px solid #7F4A00;
    white-space:    nowrap;
    width:          120px;
    z-index:        400;
    height:         auto;
}

#nav ul ul, 
#nav ul li:hover ul ul,
#nav ul li:hover li:hover ul ul,
#nav ul li:hover li:hover li:hover ul ul,
#nav ul 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 ul li:hover li:hover a.fly,
#nav ul li:hover li:hover li:hover a.fly,
#nav ul li:hover li:hover li:hover li:hover a.fly,
#nav ul li:hover li:hover li:hover li:hover li:hover a.fly
{
    background:     #FFAF3F url(images/menu_arrow_over.png) 110px 10.5px no-repeat;
    color:          #FFFFFF;
    border-color:   #663B00;
} 

#nav ul li:hover li:hover li a.fly,
#nav ul li:hover li:hover li:hover li a.fly,
#nav ul li:hover li:hover li:hover li:hover li a.fly
{
    background:     #BF832F url(images/menu_arrow.png) 110px 10.5px no-repeat;
    color:          #FFFFFF;
    border-color:   #BF832F;
} 


