Imagens de bordas com as mesmas ações e cores dos links

Gostaria de deixar algumas imagens com link e bordas com as mesmas ações dos meus links normais, como faço isso? Eis aqui o meu CSS (gostaria de alterar somente a .text):

* {}body {background: url(fundo.gif) #171717;}.text { font-size: 11px; font-style: normal; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #B1B1B1;}.text a:link, .text a:active, .text a:visited { font-size: 11px; font-style: none; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #E1E1E1;}.text a:hover { color: #00CCFF;}.copyright { font-family: Verdana, Arial, sans-serif, Tahoma; font-size: 10px; font-style: normal; line-height: normal; color: #666666; font-variant: normal; text-transform: none; font-weight: normal;}a:link { font-family: Verdana, Arial, sans-serif, Tahoma; color: #838383; text-decoration: none;}a:visited { font-family: Verdana, Arial, sans-serif, Tahoma; color: #838383; text-decoration: none;}a:active { font-family: Verdana, Arial, sans-serif, Tahoma; color: #838383; text-decoration: none;}.local { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #E1E1E1;}

Desde já, muito obrigado!