I ran into a little problem when creating this site. I used CSS elements to define how my links in my DHTML drop down menu looked. The problem I had was with the color. The color I needed to use in the drop down menu worked fine until I needed to have a link in the main body part of my pages. The color was not very visible because it is a dark color for my links, and the body part of the site was also dark. Hmmm, what could I do? I didn't want to change the color for the drop down system because it fit perfectly in there but I could not read any text that was linked in the body of my page because I used a dark blue"ish" background in my tables. I really didn't want to have to change the color I was using for my content areas because it flowed so well with the rest of the site.

That is when you will find Pseudo Classes very handy. Normally when you use an anchor tag in your CSS code you just use the

A:link {color:#363636; font-weight:400; text-decoration:none}
A:active {color:#FFFFFF; font-weight:light; text-decoration:none}
A:visited {color:#363636; font-weight:400; text-decoration:none}
A:hover {color:#000000; font-weight:500; text-decoration:none}

standard A: element. With Pseudo classes we can have multiple colors for any link element. All we need to do is add it into our CSS code.