Ciao a tutti. Vorrei modificare il codice qui sotto affinchè passando il mouse sopra la parola "link" questa cambi di colore creando l'effetto rollover.

Pensavo di farlo usando gli attributi link - visited - hover - active
Vorrei, se è possibile, inserire questa regola all'interno del div "test" riportato qui in basso in modo tale che la stessa influenzi solo i link contenuti nel div stesso.

Qui sotto il codice che vorrei modificare.
Non conosco bene la sintassi, ho fatto dei tentativi ma non riesco ad ottenere l'effetto voluto e tutti i link della pagina vengono influenzati dalla regola che ho applicato body il cui codice è alla fine di questa pagina.

ciao e grazie

<div class="test">link1</div>




.test {
text-align: left;
vertical-align: middle;
position: absolute;
height: 220px;
width: 210px;
left: 30px;
top: 829px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #003333;



}

.................................................. .................................................. .............
Questa è la regola che condiziona attualmente tutti i link:

<style type="text/css">
<!--
.Stile {color: #FFFFFF}
body {
background-color: #817E5B;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #990000;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}