/* ########################################################################## 
    ## Horizontal Dropdown - Style 2
    ## Dependancies:
    ##  JS Function:  jsMenu_Horiz_Drop1.js 
    ##  Libs:   NONE
/* ########################################################################## */

.preload1 {
    background: url(on1.gif);
}
.preload2 {
    background: url(on2.gif);
}

/* ########################################################################## */

#nav {
    padding:0; 
    margin:0; 
    list-style:none; 
    height:38px; 
    background:#FFFFFF url(off1.gif) repeat-x;
    position:relative; 
    z-index:100; 
    font-family:arial, verdana, sans-serif;
}
#nav li {
    margin:0;
}
#nav li.top {
    display:block; 
    float:left;
}
#nav li a.top_link {
    display:block; 
    float:left; 
    height:35px; 
    line-height:33px; 
    color:#666666; 
    text-decoration:none; 
    font-size:11px; 
    font-weight:normal; 
    padding:0 0 0 12px; 
    cursor:pointer;
    background: url(off1.gif);
}
#nav li a.top_link span {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:35px; 
    background: url(off1.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(on1.gif) no-repeat right top;
}

/* ########################################################################## */

#nav li:hover a.top_link {
    color:#fff; 
    background: url(off2.gif) no-repeat;
}
#nav li:hover a.top_link span {
    background:url(off2.gif) no-repeat right top;
}
#nav li:hover a.top_link span.down {
    background:url(on2.gif) no-repeat right top;
    padding-bottom:3px;
}

/* ########################################################################## */

#nav li:hover {
    position:relative; 
    z-index:200;
}
#nav li:hover ul.sub {
    left:1px; 
    top:38px; 
    background: #EEEEEE; 
    padding:3px; 
    border:1px solid #CCCCCC; 
    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:#333333; 
    text-decoration:none;
    border:1px solid #CCCCCC;
}

#nav li ul.sub li a.fly{
    color:#999999;
}

#nav li:hover ul.sub li a:hover{
    background:#FFFFFF; 
    color:#333333; 
    border-color:#666666;
}

#nav li:hover ul.sub li a.fly:hover{
    color:#999999;
}

#nav li b {
    display:block; 
    font-size:11px; 
    height:18px; 
    width:118px; 
    line-height:18px; 
    margin-bottom:3px; 
    text-indent:6px; 
    color:#666666; 
    border-bottom:1px solid #FF6; 
    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: #EEEEEE; 
    padding:3px; 
    border:1px solid #CCCCCC; 
    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{
    color:#999999; 
    border-color:#FFFFFF;
}

/* ########################################################################## */

#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{
    color:#333333; 
    border-color:#666666;
}