Hello,

I'm trying to change my current CSS Stylesheet link, which is a server-side include, to be a rel link like this:
<link rel="Stylesheet" type="text/css" href="ScriptLibrary/stylesheet.css"/>

The problem is that for some reason, the regular link's color isn't showing up on the page when I change the stylesheet from a SSI to a REL link. Can anyone explain why this is happening? I'm confused, because the link color works fine with the SSI setup. For review, the content is below. Thanks.

KWilliams

Here's a link to a page that displays my problem. See the 1st link for the issue:
www.douglas-county.com/example.asp
..But if you go to my home page, you'll see what the regular sized links look like with a SSI instead of the REL link:
www.douglas-county.com/index.asp

I've also tried the following syntax with the css stylehseet, but it didn't solve the issue: (:link)
a:link {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:underline; color:330066; }
a:hover {color:ff0000; text-decoration:none;}
a.small:link {font-family: "Arial"; font-size:10px; color:330066; text-decoration:underline;}
a.small:hover {font-family: "Arial"; font-size:10px; color:ff0000; text-decoration:none;}

<b>Current CSS Stylesheet:</b>
&lt;style type="text/css"&gt;
a {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal;

letter-spacing:normal; text-decoration:underline; color:330066; }
a:hover {color:ff0000; text-decoration:none;}
a.small {font-family: "Arial"; font-size:10px; color:330066;

text-decoration:underline;}
a.small:hover {font-family: "Arial"; font-size:10px; color:ff0000; text-decoration:none;}

p {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
p.small {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
p.red {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:ff0000;}
div.red {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:ff0000;}
td {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
li {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; color:000000;}
h1 {font-family: "Arial"; font-size:16px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:660000;}
h2 {font-family: "Arial"; font-size:14px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:000000;}
h3 {font-family: "Arial"; font-size:12px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:ffffff;}
h4 {font-family: "Arial"; font-size:10px; font-style:normal; font-weight:bold; letter-spacing:normal; text-decoration:none; color:ff0000;}
INPUT, TEXTAREA {
font-family: "Arial";
padding: 1px;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: inset 2px #660000;
}
&lt;/style&gt;

try for,atting it like this
<pre id=code><font face=courier size=2 id=code>
a {
color: 330066;
font-family: "Arial";
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: underline;
}

a:hover {
color: ff0000;
text-decoration: none;
}

a.small {
color: 330066;
font-family: "Arial";
font-size: 10px;
text-decoration: underline;
}

a.small:hover {
color: ff0000;
font-family: "Arial";
font-size: 10px;
text-decoration: none;
}

div.red {
color: ff0000;
font-family: "Arial";
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

h1 {
color: 660000;
font-family: "Arial";
font-size: 16px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
text-decoration: none;
}

h2 {
color: 000000;
font-family: "Arial";
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
text-decoration: none;
}

h3 {
color: ffffff;
font-family: "Arial";
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
text-decoration: none;
}

h4 {
color: ff0000;
font-family: "Arial";
font-size: 10px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
text-decoration: none;
}

input, textarea {
background-color: #FFFFFF;
border: inset 2px #660000;
color: #000000;
font-family: "Arial";
font-size: 12px;
padding: 1px;
}

li {
color: 000000;
font-family: "Arial";
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

p {
color: 000000;
font-family: "Arial";
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

p.red {
color: ff0000;
font-family: "Arial";
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

p.small {
color: 000000;
font-family: "Arial";
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

td {
color: 000000;
font-family: "Arial";
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

</font id=code></pre id=code>