@media screen
{
    div#mainmenu
    {
       background-color: #f1f1f1;
    }
    
    div#mainmenu ul
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    
    div#mainmenu ul ul
    {
        border-top: 15px solid #FFFFFF;
        border-bottom: 15px solid #FFFFFF;
    }
    
    div#mainmenu li
    {
        line-height: 24px;
    }
    
    div#mainmenu li.active
    {
        background-color: #212e63;
    }
    
    div#mainmenu li.hassubs
    {
        background-image: url('../Images/HasSubsBackground.gif');
        background-repeat: no-repeat;
        background-position: 175px 10px;
    }
    
    div#mainmenu li li
    {
        padding: 3px 10px 3px 35px;
        background-color: #ffffff;
        background-image: url('../Images/MenuItemBackground.gif');
        background-repeat: no-repeat;
        background-position: 20px 10px;
        line-height: 18px;
    }
    
    /* style */
    div#mainmenu li a
    {
        padding: 0px 20px;
        color: #212e63;
        text-decoration: none;
    }
    
    div#mainmenu li a:hover
    {
        text-decoration: underline;
    }
    
    div#mainmenu li li a,
    div#mainmenu li.active li a
    {
        padding: 0px;
        color: #333333;
        text-decoration: none;
        font-weight: normal;
    }
    
    div#mainmenu li li a:hover,
    div#mainmenu li.active li a:hover
    {
        text-decoration: underline;
    }
    
    div#mainmenu li.active a
    {
        color: #FFFFFF;
        font-weight: bold;
    }
    
    div#mainmenu li.active a:hover
    {
        text-decoration: none;
    }
}