/* ########################################################################## 
    ## Horizontal Dropdown - Style 1
    ## Dependancies:
    ##  JS Function:  jsHMenu.js 
    ##  Libs:   NONE
/* ########################################################################## */

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

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

#nav {
    padding:0; 
    margin:0; 
    list-style:none; 
    height:35px; 
    background:#fff 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:#ccc; 
    text-decoration:none; 
    font-size:11px; 
    font-weight:bold; 
    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: #50b5d0; 
    padding:3px; 
    border:1px solid #0b4d97; 
    white-space:nowrap; 
    width:130px; 
    height:auto; 
    z-index:300;
}
#nav li:hover ul.sub li {
    display:block; 
    height:20px; 
    position:relative; 
    float:left; 
    width:130px; 
    font-weight:normal;
}

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

#nav li ul.sub li a.fly{

}

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

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

#nav li b {
    display:block; 
    font-size:11px; 
    height:18px; 
    width:128px; 
    line-height:18px; 
    margin-bottom:3px; 
    text-indent:6px; 
    color:#ff6; 
    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: #50b5d0; 
    padding:3px; 
    border:1px solid #0b4d97; 
    white-space:nowrap; 
    width:130px; 
    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:#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{
    color:#000; 
    border-color:#50b5d0;
}