/*--------------------------
    MAIN MENU STYLE
---------------------------*/

.ul {
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    }

#nav ul {
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    }

#nav a {
    font-weight: bold;
    color: #cee3ef;
    text-decoration: none;
    }

#nav li a:hover{
    color: #53A6CC;
    }

#nav li{
    padding: 5px;
    text-align: left;
    }

#nav li li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #466381;
    padding-left: 12px;
    }

#nav li li a:hover {
    text-decoration: underline;
    color: #466381;
    }

#nav li  {
    float: left;
    position: relative;
    width: 10em;
    cursor: default;
    background-color: #466381;
    border-left: 1px solid #466381;
    border-right: 1px solid #466381;
    border-width: 1px 0;
    }

#nav li.firstli {
    border-left-width: 1em;
    width: 0px;
    margin: 0;
    }

#nav li.lastli {
    border-right-width: 1em;
    width: 0px;
    margin: 0;
    }

#nav li.middleli{
    width: 10%;
    }


#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    font-weight: normal;
    background:  url(../Images/MenuBar/UlBg.gif) bottom left no-repeat;
    padding: 0.5em 0 1em 0;
    border-right: solid 1px #53A6CC;
    }

#nav li li {
    display: block;
    float: none;
    background-color: transparent;
    border: 0;
    }

#nav .NA {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #466381;
    padding-left: 18px;
    color: #ccc;
    text-decoration: line-through;
    }

#nav li:hover ul, li.over ul {
    display: block;
    }

#nav .over ul{
    display: block;
}