You can trace css easily with firefox and the firebug addon. With firebug, you can inspect an element. You just mouse over an element on your page and it tells you what css is controlling it.
Using firefox/firebug, it looks like you might be assigning the class="VertMenuItems" incorrectly if you want it to use the defined hover.
You have:
<a class="VertMenuItems" href="***"><font class="VertMenuItems">Secure login </font></a>
Which seems strange - the font class is defeating the a link properties that you have set up. Try removing the font.
<a class="VertMenuItems" href="***">Secure login</a>