Link roll over color

Question

I have tried to change the roll over color of a link (contact) to red as instructed  by going to Modify/Page Properties/Links and changing the rollover color but nothing happens.   Its it because it is somehow tied to the spry menu (which behaves as it should).   There seems to be no end of barriers to trying to get things to work - anyone know of a good instruction book??
http://web.me.com/suethomo/sitenew/Index.html#

Answer 1

Last night i did not have anytime to actually look at the code of yours...but now with my morning coffee I want to rearrange a few things in your code.
1: by using the "page properties" wizard with DW it will embed your styles into the head of the page. You can simply cut and paste the CSS to your main style sheet.
2: the issue your are having is the order of the pseudo selectors. Pseudo need to be in a specific order in order for them to function. A:hover must be placed after the A:link and A:visited rules. Rework the order of your css like below:
a:link {
    text-decoration: none;
    color: #666;
a:visited {
    text-decoration: none;
a:hover {
     color:#F00;
a:active {
    text-decoration: none;
Also remove the ( h3 a) rule from my previous post as that was simply overriding the error in your code. To remember this in the future think of LOVE HATE (a long time css trick among the web community)
L  a:link
O
V a:visited
E
H a:hover
A a:active
T
E`