Removing link underline and colour

I have been trying to put links on the menu at the bottom of my web pages. You can see what I mean at www.leicesterhosting.com/cpanel.html

My problem is when I define these as links they change colour to blue and are underlined. The menu items are defined as .footer in the CSS file

I was wondering if it is possible to change the CSS, so that only these links are affected: This is what I tried with no joy.

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: af0202;
	text-align: center;
	cursor: hand;
	page-break-before: auto;
	page-break-after: auto;
	text-decoration: none; (added this)
	
}

Code (markup):

Can anyone suggest how I can keep the menu items the original colour (after clicking as well) and remove the underlines just for these items?


Cheers

 

.footer a {
  color: black;  /*or whichever color you prefer*/
  text-decoration: none;
  }

Code (markup):

cheers,

gary

 

Thanks for that. Much appreciated, i new it was something simple but I was pulling my hair out trying to sus it. Thanks once again