That works great thanks!
If you still don't understand what to do, create a blank HTML file and put this inside it, and open it with your browser.
Code:
<html>
<head>
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
</head>
<body>
<table border="1">
<tr>
<td onMouseover="changeto('#FF4444')" onMouseout="changeback('#FFFFFF')" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" align="center" width="115">
Red!
</td>
<td onMouseover="changeto('#006699')" onMouseout="changeback('#FFFFFF')" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" align="center" width="115">
Blue!
</td>
</tr>
</table>
</body>
</html>
Add the stuff in the <head> </head> into your Insert Header for that style, and then edit the templates as above!