/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul
{
    overflow: hidden;
    margin-right: 0px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    height: 42px;
    width: 801px;
}

.tabsmenuclass li{
    float: left;
}

.tabsmenuclass a
{
    display: block;
    padding: 10px 0 2px 0;
    
    text-decoration: none;
    text-align: center;
    font: bold 0.7em Verdana , Arial;
    color: black;
    height: 42px;
    border: solid 1px white;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
    background-image: url(../images/menuTopBG_Over.jpg);
    background-repeat: repeat-x;
    color: white;
    
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
    clear: left;
    float: none;
    margin: 0 auto 0 auto;
    border-right: solid 1px white;
    background-image: url(../images/menuTopSub.gif);
    background-repeat: repeat-x;
    height: 22px;
    width: 800px;
    font: bold 0.8em Verdana , Arial;
}

.tabsmenucontentclass ul{
    margin: 0 0 0 14px;
    padding: 0;
    list-style-type: none;

}

.tabsmenucontentclass li{
    float: left;
    margin-left: 0;
    margin-right: 1em;
    font-size: 0.8em;
    padding-top: 4px;
}

.tabsmenucontentclass li a {
    color: White;
    text-decoration: none;
}

.tabsmenucontentclass li a:visited {
    color: #860610;
}

.tabsmenucontentclass li a:hover 
{
    color: #860610;
    text-decoration: underline;
}