hi
now ahats hapening here with my code is that when page is loaded the bg color of link is light red and on mouseover dark red and on mouseout again light red.

i want that when u user clicks the link it should be dark red of the link clicked and all others light red means which ever he clicks shoud be dark red and all others light red even he put his mouse out of the link.

HTML Code:
<tr>
                      <td height="18" bgcolor="#D1838C" style="padding-left:8px; "class=tdlnav2off onmouseover="this.className='tdlnav2on'" onmouseout="this.className='tdlnav2off'"><a href="#afsstrategic" class="ver-11-white">AFS Strategic Objectives</a></td>
                    </tr>
                    <tr>
                      <td height="18" bgcolor="#D1838C" style="padding-left:8px; "class=tdlnav2off onmouseover="this.className='tdlnav2on'" onmouseout="this.className='tdlnav2off'"><a href="#afsmanagement" class="ver-11-white">AFS Management</a></td>
                    </tr>
                    <tr>
                      <td height="18" bgcolor="#D1838C" style="padding-left:8px; "class=tdlnav2off onmouseover="this.className='tdlnav2on'" onmouseout="this.className='tdlnav2off'"><a href="#afspartners" class="ver-11-white">AFS Partners</a></td>
                    </tr>
                    <tr>