﻿
#nav{
    background:#fff url(../images/menu/menumain.gif) repeat-x;
    height:33px;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;z-index:500
}

#nav li.top{
    display:block;
    float:left;
    height:33px;
    padding: 7px 15px 0 15px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    border-left: #fff solid 1px;
}

#nav li.top a{
    color: #fff;
}

#nav li.top a:hover{
    color: #FF99FF;
}
#nav li:hover{
    position:relative;
    z-index:200
}

#nav li:hover ul.sub{
    background:#2289C7;
    border:1px solid #3366FF;
    height:auto;
    left:3px;
    padding:3px;
    top:33px;
    white-space:nowrap;
    width:200px;
    z-index:300;
}

#nav li:hover ul.sub li{
    display:block;
    float:left;
    font-weight:normal;
    height:20px;
    position:relative;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #DCD9F5;
}

#nav li:hover ul.sub li a{
    color:#fff;
    display:block;
    font-size:13px;
    height:18px;
    line-height:18px;
    text-decoration:none;
    text-indent:5px;
    width:200px;
}

#nav li ul.sub li a.fly{
    background:#2289C7 url(../images/menu/arrow.gif) 190px 6px no-repeat
}

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

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

#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:#2289C7;
    border:1px solid #3366FF;
    height:auto;
    left:200px;
    padding:0;
    top:-4px;
    white-space:nowrap;
    width:200px;
    z-index:400
}
#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{
    height:0;
    left:-9999px;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:-9999px;
    width:0
}
#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:#FF99FF;
}

#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:#2289C7 url(../images/menu/arrow.gif) 120px 6px no-repeat;
    border-color:#2289C7;
    color:#000
}