Menu tabs: link attivo con diverso colore

[sustia]

Ciao, sto perdendo la testa a cercare di capire come fare.
In questa pagina ho un menu tabs che viene originato automaticamente, e quello che vorrei fare è avere, per la pagina attiva, il tab di un colore differente.
In pratica quando è attiva, ad es., la pagina Azienda, vorrei che il tab fosse di un colore più scuro e con il carattere bianco (uguale all'effetto che si vede con hover per intenderci).
Siccome sto impazzendo vorrei sapere se qualcuno mi da indicazioni su come fare.
Il css è il seguente:

    .navigation  {
      float:left;
      width:100%;
      background-color: #EDF7E7;
      font-size:80%;
      line-height:normal;
        font-weight: bold;
        }
    .navigation ul {
    margin:0;
    padding:0px 0px 0 0px;
    list-style:none;
    font-weight: bold;
      }
    .navigation li {
      display:inline;
      margin:0;
      padding:0;
        font-weight: bold;
      }
    .navigation a {
      float:left;
      background:url("http://noria.ba.cnr.it/img/menu/tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
        font-weight: bold;
      }
    .navigation a span {
      float:left;
      display:block;
     background:url("http://noria.ba.cnr.it/img/menu/tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
        font-weight: bold;
        text-decoration:none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .navigation a span {float:none; text-decoration:none;}
    /* End IE5-Mac hack */
    .navigation a:hover span {
      color:#FFF;
        text-decoration:none;
      }
    .navigation a:hover {
      background-position:0% -42px;
        text-decoration:none;
      }
    .navigation a:hover span {
      background-position:100% -42px;
        text-decoration:none;
      }