Custom CSS Variables not working

[MjrGaelic]

I did try to search the forums previous to this post. I wasn't able to find what I was looking for however =(.

I've added some additional style sheet variables via the acp. The arguments for padding, spacing, and font work however the font colors (links) and mouse over (color change) aren't working as I required. They are showing up with the default colors.

Is there any way that I can change this without having to resort to images?

Context:
http://www.gamerslair.com/index2.php
http://www.gamerslair.com/forum/index.php

The css variables I've added:

/* ******* Top Navigation ********** */ .topnav1 { font-size: 100%; font-weight: bold; font-family: Microsoft Sans Serif; padding-left: 27px; padding-bottom: 7px;} .topnav1:link{text-decoration:none; font-color: ffffff;} .topnav1:active{text-decoration:none; font-color: ffffff;} .topnav1:visited{text-decoration:none; font-color: ffffff;} .topnav1:hover{text-decoration:underline; font-color: 000000;}

Regards,

Ryan