CSS Mouseover/out?

Current code:
[code]
.nav-over {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #000000;
font-size: 11;
font-weight: bold;
}
.nav-out {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #CCCCCC;
font-size: 11;
font-weight: bold;
}
[/code]
Yet, on mouseout, it doesn't change the color. Is it not a supported function? I can change the font on mouseout, but not the color. The color stays black. Any ideas?

why don't you just use

A:HOVER{
blah blah ;
}

? o_O

Yes, you have to use a:hover, silly. Unless you use javascript with an onMouseOut function or something. If you need a different class so just your navbar is that color, do this:

a.navbar:hover {}

No need for HOVER, it works fine. I changed "font-color" to simply "color" and it works fine.

CSS
[code]
.nav-over {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #000000;
font-size: 11;
font-weight: bold;
}
.nav-out {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11;
font-weight: bold;
}
[/code]

Link Code

[code]
.a onMouseOver="this.className='nav-over'" onMouseOut="this.className='nav-out'" class="nav" href="contactus.asp".Contact Us./a.
[/code]

Ew. Don't do it like that. What's the point of using all that javascript? Just do it like I showed you and it will be a whole lot cleaner and nicer. And will still work on browser with javascript turned off.

Show me the difference so I can see how much work it will be to change over.

[CODE]
a.navbar:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #000000;
font-size: 11;
font-weight: bold;
}
a.navbar:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11;
font-weight: bold;
}

< a href="link.htm" class="navbar">link< /a>
[/CODE]

Pretty Simple™