I need to have two different link colors. The default link? color is white. If the link appears in the main page, it needs to be black. Here is the css that I have been using.
It is for this web site: www.kdc.org.
How can I add a new style to this so that I can have two colors of links?
/* CSS Document */
body {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.style1 {color: #265ED6; font-size: 12px;}
.style2 {color: #2588A8; font-size: 12px; font-weight:bold;}
.style3 {color: #003300; font-size: 12px;}
.style4 {color: #006633; font-weight: bold; font-style: italic;}
.style5 {color: #2588A8; font-weight: bold; font-size: medium;}
.style6 {font-family: Arial, Helvetica, sans-serif; color: #B8D15C; font-size: 24px; }
.style7 {color: #006633; font-weight: bold; font-style: italic; font-size: x-large}
.regular {color: #000000; font-size:12px;}
.regular-bold {color: #000000; font-size:14px; font-weight:bold;}
.header {color: #ffffff; font-size:24px; font-weight:bold;}
.boxes {border-bottom: solid 1px white;}
a:link {
? text-decoration: none;
? color: #FFFFFF;
? font-size: 12px;
? font-weight: bold;
}
a:visited {
? text-decoration: none;
? color: #FFFFFF;
? font-size: 12px;
? font-weight: bold;
}
a:hover {
? text-decoration: underline;
? color: #ffffff;
}
a:active {
? text-decoration: none;
? color: #FFFFFF;
}