change <a> link color on hover?

change <a> link color on hover?

Hi I have an element ID called "#nav" in my stylesheet.

I need to change the link color when a user goes to a particular page and have used the following code. Although it changes the link color it also changes the "hover" color as well. Anyone point me in the right direction?

Thanks in advance!

Nell

Code:

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#sitewrapper").css("background-image","url(images/backgrounds/glance/1.gif)");
$('#nav a:link').css({'color' : '#000000'});
});
</script>


Css:

#nav {
width:100%;padding:74px 0 0 0;font-size:15px;font-weight:bold;color:#ffffff;border:solid 1px green;
}

#nav ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;
}

#nav li{display:block;margin:0 0 0 0;padding:5px 0 5px 0;letter-spacing:0em;
}

#nav a:link{text-decoration:none;padding:0 0 0 0;margin:0 0 0 0;color:#ffffff;
}

#nav a:visited{text-decoration:none;padding:0 0 0 0;margin:0 0 0 0;color:#ffffff;
}

#nav a:hover{color:#E6068D;text-decoration:none;
}