#mainNavi {
   width:100%;
   padding:5px 0px 0 0px;
   margin:0;
   list-style:none;
   text-align: center;
   float: left;
   min-width: 970px;
   font: bold 12px Arial, Verdana, sans-serif; 
}

.menuButton a{
    padding: 0 0 0 11px; 
    margin:0;
    line-height:31px; 
    background: url('../images/bg_inactiveLeft.gif') no-repeat;
    text-decoration:none;
    float:left; 
}
.menuButton a span{
    margin:0 0 0 0;
    padding: 0 12px 0 0;
    color:#000;
    font-size:14px;
    background: url('../images/bg_inactive.gif') no-repeat right;
    display:block;
}
.menuButton a:hover{
    background: url('../images/bg_rolloverLeft.gif') no-repeat;
    text-decoration:none; 
}
.menuButton a:hover span{
    background: url('../images/bg_rollover.gif') no-repeat right;
    text-decoration:none; 
    color: #fff;
}
div.menuButton{
    float:left;
    height:31px;
    margin-right: 3px;
    margin-top: 4px;
}

#active{
    float:left;
    height:35px;
    margin-top: 0px;
    padding: 0 0 0 11px; 
    margin-right:3px;
    line-height:35px; 
    background: url('../images/bg_activeLeft.gif') no-repeat;
    text-decoration:none;
    float:left; 
}
#active span{
    float:left;
    height:35px;
    margin:0;
    padding: 0 12px 0 0;
    color:#fff;
    font-size:14px;
    background: url('../images/bg_active.gif') no-repeat right;
    display:block;
}