Change font color on mouse over

[jeffy777]

Hey everyone --

In my page I have the cell backgorund color change when the cell is moused over. I would also like the font color to change to white (#FFFFFF) when the cell is moused over as well, but I don't know how. I know how to make the text change when the text is hovered, but I want the text to change when the entire cell is hovered, if possible. Here is the code for a sample cell:

    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#008080" width="100%" height="34" bgcolor="#95BED4">
      <tr>
        <td onMouseOver="this.style.backgroundColor='#2172A1'; this.style.cursor='hand';" onMouseOut=this.style.backgroundColor="#95BED4" width="20%">
        <p align="center"><b><font face="Verdana" color="#2172A1" size="2">Home</font></b></td>
      </tr>
    </table> 

Thanks for all your help!