﻿
.topmenu
{
    list-style: none;
    margin-top: 131px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-bottom: 0;
    background-color: #567ea2;
    background-image: url('../images/topnavbg.jpg');
    background-position: top;
    background-repeat: repeat-x;
    width: 970px;
    float: left;
    position: relative;
}



.topmenu li
{
    position: relative;
}

.topmenu li a.selected    
{
    background-color: #405d78
}




.topmenu li a:hover
{
    background-color: #31495f
}



.topmenu :hover ul.submenu
{
    display: block;
    float: left;
    width: auto;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #94adc4;
    background-image: none;
    background-color: #edf2f6;
}





.topmenu li ul.submenu
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    background-color: #c7d5e1;
    margin-top: 0;
    border: 1px solid #94adc4;
    white-space: nowrap;
    position: absolute;
    display: none;
}



.topmenu li ul.submenu li.notselected
{
    float: none;
    position: relative;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent
}


    .topmenu li ul.submenu li.notselected a
    {
        background-image: none;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        padding-bottom: 0;
        color: #130042;
        font-style: normal;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    .topmenu li ul.submenu li.notselected a:hover   
    {
        background-color: #b4c8da;
        color: #130042;
    }


.topmenu li ul.submenu li.subselected
{
    float: none;
    position: relative;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0
}

    .topmenu li ul.submenu li.subselected a
    {
        color: #000000;
        font-style: normal;
        background-color: #b4c8da;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    .topmenu li ul.submenu li.subselected a:hover   
    {
        color: #000000
    }



.topmenu li ul.submenu li a:hover
{
    color: #cccccc;
}


div.wholepage div.topbanner ul li.selected a ul.submenu 
{
    background-color: #c7d5e1
}


