I seen a piece of code in the latest .net mag which allows for text rollovers as oposed to image rollovers to conserve bandwidth, my question is is it possible to apply this effect to only a certain part of the page as opposed to the whole one?

I only want it to effect the links in my menu bar and not everywhere on the page.

Im also using DW, any ideas anyone?

The code is this
<style>
a:link{font-family: sans-serif;font-size:10px;colour:blue;text-decoartion:none}
a:hover{font-family: sans-serif;font-size:10px;colour:white;text-decoartion:underline}
</style>


This is a link to the page I want to apply it to, http://www.stablewars.com/indextest.htm I only want to apply the rolloevr effect to the menu on the left hand side and not all the links on the page. Not using a frameset.