Having problems with the anchor tag

I have a drop-down div menu that I made CSS and Javascript. When the
user passes over a selection of the menu it creates a border around
the text and turns everything between the border white. Also it turns
the text from white to gray so you can still see the text. My problem
is once the user has clicked on the link it turns the text totally
white, so when you go over it in the menu again it stays white and
doesn't turn gray. I think a previous instance of a:visitor in the css
file is overriding something in the other part of my CSS file. How can
I get the text to turn gray no matter if it has been visited or not?
Here is the part in my CSS file taht should be of importance.

a:visited { color: #FFFFFF; }

#TutorialsLayer {
position:absolute;
padding: 4px 4px 4px 4px;
left: 442px; top: 154px;
width: 140px;
height: 85px;
z-index:2;
background-color: #4169E1;
layer-background-color: #4169E1;
visibility: hidden;
}

#TutorialsLayer p {
margin: 0 0 6px 0;
}

#TutorialsLayer a:hover, #TutorialsLayer a:active {
background-color: #FFFFFF;
border: 1px solid #666;
color: #999;
text-decoration: none;
}

#TutorialsLayer a { width: 135px;
display: block;
padding: 0 3px;
text-align: center;
}

#TutorialsLayer a:link, #TutorialsLayer a:visited {
color: #FFFFFF;
background-color: ##4169E1;
border: 1px solid #eee;
text-decoration: none;
}