/* CSS Document for menu */

.menu ul {
    /* Menu containing Ul Element */
    /* PaddingRight and PaddingLeft are determined according to avaliable width is applied on Page startup */
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style:none;
}
.menu ul li {
    /* Li element of top level MenuItem */
    float: left;
}
.menu ul li.selected a {
    /* Href element of top level selected MenuItem */
    color: #FFFFFF;
    background: transparent url(/_images/menuselected.gif) center top;
}
.menu ul li a {
    /* Href element of top level MenuItem */
    /* MarginRight and MarginLeft are determined according to avaliable width and number of top level MenuItems applied on Page startup */
    display: block;
    margin: 2px 0px 0px 0px;
    padding-top: 4px;
    padding-bottom: 4px; 
    text-decoration: none;
    color: #333092;
    font-size: 13px;
    font-weight: bold;
}
.menu ul li a:hover {
    /* Hover state of Href element of MenuItem */
    color: #333092;
    background: transparent url(/_images/menuhilite.gif) center top;
}
.menu ul li ul {
    /* Ul element of MenuItem */
    margin: 4px 0px;
    width: 200px;
    border: solid 1px #333092;
    background-color: #ffffff;
    display: none;
}
.menu ul li ul li {
    /* Li element of child MenuItem */
    float: none;
}
.menu ul li ul li a {
    /* Href element of child MenuItem */
    margin: 0px;
    background: none !important;
}
.menu ul li ul li a:hover {
    /* Hover state of Href element of child MenuItem */
    color: #fd8000;
}
.menu ul li.selected li a {
    /* Href element of child MenuItem of selected top level MenuItem */
    color: #333092;
    background: none;
}
.menu ul li.selected li.selected a {
    /* Href element of selected child MenuItem of selected top level MenuItem */
    color: #7c9bf7;
}