CSS - Css Link To Not Be Standard Link Color

Hello
Is there a way i can restore my <a href> link back to its original color, that is before the a:visited event, when I click on another link?
PS. no Javascript code needed, is their an alternative in css?

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
a:visited {
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
color: #FFE648;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: underline;
}
a:link {
text-decoration: underline;
color: #FFFFFF;
}
.main_border {
border-top: none;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;

}
.field_style1 { font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #666666;
}
.whitebold_12px {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.whitebold_11px { font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: none;
color: #FFFFFF;
}
.arrow_bold {
font-size: 14px;
color: #FDDB00;
font-weight: bold;
}
.disclaimer {font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CCCCCC;
}
.footer_text1 {font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
}
-->
</style>

<style type="text/css">
.footer_text2 {FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
A {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
A:visited {COLOR: #333333; TEXT-DECORATION: underline}
A:hover {COLOR: #cccccc; TEXT-DECORATION: none}
A:active {COLOR: #333333; TEXT-DECORATION: underline}
A:link {COLOR: #333333; TEXT-DECORATION: underline}
</style>


This my style tags. I have bunch of links on the page. Now it possible that links could be in different colors and also visted and hover links could be different. When I put class .footer_text2 , it over writes everything that I hade before and all my links get style accorrding to footer_text

Hi

I have a css file stating the following:
A:link { color: #71828A }
A:visited { color: #71828A }
A:active { color: #71828A }

... of course this is applied to the whole page.
I would like to set different link colors inside table data:

#BottomTable TD
A:link { color: #CCCCCC }

... but this doesnt work! Any ideas, please?

I have three "buttons" that are essentially <div> elements on a page made to look like a button. I would like to make the background color change for the button on the "hover" state, but for some reason the only part of the background that changes on the hover state is the area only behind the text.

Here's my code. I'd like the whole background area to change, anyone know what I'm doing wrong?

Code:

.prioritycontainer {
width: auto;
float: left;
display: inline;
margin: 0px 0px;
padding: 10px 0px;
}

.prioritybutton {
float: left;
width: 150px;
height: auto;
display: inline;
margin: 0px 20px 0px 0px;
padding: 3px 3px 3px 3px;
background-color: #978047;
border: solid 1px #CCBC77;
color: #fff;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

.prioritybutton a:link {
color: #fff;
text-decoration: none;
}

.prioritybutton a:visited {
color: #fff;
text-decoration: none;
}

.prioritybutton a:hover {
color: #fff;
background-color: #A19058;
text-decoration: none;
}

.prioritybutton a:active {
color: #fff;
background-color: #A19058;
text-decoration: none;
}

Markup on .html page is as follows:

Code:

<div class="prioritycontainer">
<div class="prioritybutton"><a href="one.htm">One</a></div>
<div class="prioritybutton"><a href="two.htm">Two</a></div>
<div class="prioritybutton"><a href="three.htm">Three</a></div>
</div>

Any help would be very helpful.

Thanks,

Brian

Code:

<style>
.class1, .class1 a { color: blue; }
.class2, .class2 a { color: green; }
</style>

<div class="class1">
   <a href="moo.html">This link shows up as blue</a>
   <a href="moo2.html" class="class2">This link shows up as blue even though it should be green.</a>
</div>

Anyone know how to get around this without resorting to applying classes to every <a> tag.. ? Like say I want to change the color of a single link while leaving default to all the others..