[Solved] CSS Link Style Issues

I have three different styles of links that I would like to have on page...

1. General links on the page
2. Navigation menu links
3. Page footer

The problem I'm having is that the different styles keep on affecting other ones randomly. For example, the general links on the page are supposed to be in (Verdana, Helvetica, Arial, sans-serif), however they are inheriting (monospace) from the footer?!?

I have the navigation menu setup in a div like this:

<div id="navmenu">
<a href="#">Menu Link 1</a>
<a href="#">Menu Link 2</a>
</div>

...and the footer setup liks this:

<div id="footer">
click <a href="#"> here </a>

Here is my CSS code:

/*NAVIGATION MENU LINK PROPERTIES*/
#navmenu a, a:link, a:visited, a:active {
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
font-variant: small-caps;
line-height: 30px;
letter-spacing: +1px;
font-family: cursive;
font-size: 12px;}

/*NAVIGATION HOVER PROPERTIES*/
#navmenu a:hover {
color: #eded0a;}

/*GENERAL LINK PROPERTIES*/
a, a:link, a:visited, a:active {
padding: 0px;
margin: 0px;
color: #f8f8f8;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
font-variant: normal;
text-transform: none;}

a:hover {
padding: 0px;
margin: 0px;
color: #f8f8f8;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: underline;
text-indent: 0px;
text-align: left;
font-variant: normal;
text-transform: none;}

#footer a, a:link, a:visited, a:active {
font-family: monospace;
font-variant: normal;
padding: 0px;
font-size: 10px;}

Thanks for any help you can give!