/*  Note that clientIDMode="Static" must be set in web.config   */

#NavigationMenu li a.selected
{
    color: red; /*  only 'a' can selected, and only one level, Level1 not level2  */
    background-color: #ffffe2;
    padding: 4px;
    position: relative;
    top: -4px;
}

#NavigationMenu
{
    margin-left: -56px;    
}

#NavigationMenu li
{
    text-decoration: none;
    list-style-type: none;
    border: 1px solid white;
    padding: 5px 1px 0 1px;
    background-color: #cfd9f1;
    width: 84px; /* Any larger and it overflows to second line  */
    height: 35px;
    z-index: 1000; /* Prevents dropdown from being hidden  */
}

#NavigationMenu li.static:hover
{
    background-color: #ffffe2;
}

#NavigationMenu li.dynamic:hover
{
    background-color: #ffffe2;
    border: 1px solid #7496c4;
    color: Red !important;
}

#NavigationMenu a.dynamic:hover
{
    color: Red !important;
}

#NavigationMenu li.dynamic:selected
{
    background-color: #ffffe2;
    color: red;
}

#NavigationMenu a.static
{
    text-decoration: none;
    border-style: none;
    text-align: center;
}

#NavigationMenu a:hover
{
    color: #0000ac;
}

#NavigationMenu a
{
    color: #0000ac;
}

#NavigationMenu a.dynamic
{
    text-decoration: none; /* Needed         */
    border-style: none;
}

#NavigationMenu ul.dynamic
{
    width: 200px;
    padding: 2px 0 0 0;
    margin: 0;
}

#NavigationMenu li.dynamic
{
    width: 200px;
    height: 23px;
    padding: 2px 0 0 3px;
    margin: 0;
    text-align: left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    position: relative;
    top: -2px;
}

#NavigationMenu li a
{
    display: block;
}