How do you get a border to change color when viewed

[cits_4_pets]

I was updating my stylesheets & got the wrong code in for color of border...I ended up getting borders that would change colors after they had been viewed! I went to change the stylesheet & accidentally deleted it when I went to edit it! (buttons too close!)

So now I have some pages that have 'no stylesheet' with unwanted blue or purple borders. http://www.pbase.com/cits_4_pets/wyndi is one gallery with the changing borders. (I'll prbably get folks asking me how I did it! LOL)
BUT I would like to put a border that changes after being viewed. Such as light grey that could change to black.
Here's the code for what I have worked on...Just in New Pix is the gallery http://www.pbase.com/cits_4_pets/just_in_new_pix
Thanks in advance.


<setvar color1 = #888888>
<setvar color2 = black>
<setvar color3 = #993399>
<setvar color4 = #660066>
<setvar color5 = #660099>
<setvar color6 = #9900CC>
<setvar color7 = #dddddd>


DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: arial,helvetica,sans-serif;
color : <getvar color4>;
background : <getvar color1>;
}

A:link { color : <getvar color4>}
A:active { color : <getvar color4>}
A:visited { color : <getvar color5>}
A:hover { color : <getvar color2>}

.caption {
font-size : 9pt;
color : <getvar color3>;
font-style : italic;
}

IMG.thumbnail
{
border:3px solid <getvar color7>;
}

[shawnkraus]

Very interesting, I like the concept.