Why does DW change my links to blue even when I change them with CSS?

Question

I am having a problem with DW making my links odd colors: sometimes blue, sometimes the same color as the rest of the text. As you can see in the attached screenshots, within DW the links are the correct color (#999966), but in Chrome two of the links are correct but one is blue! I opened the file in Firefox and all three were blue.
Any ideas? I am not much for coding, I mostly use the integrated CSS editor within DW.
Thanks

Answer 1

The reason is that the CSS for some of the link colours is missing a crucial octothorpe (# symbol)
Change
a:link {
color: 999966;
text-decoration: none;
a:visited {
text-decoration: none;
color: #999966;
a:hover {
text-decoration: none;
color: ff6633;
a:active {
text-decoration: none;
to
a:link {
color: #999966;
text-decoration: none;
a:visited {
text-decoration: none;
color: #999966;
a:hover {
text-decoration: none;
color: #ff6633;
a:active {
text-decoration: none;
NOTE: the page is invisible in Internet Explorer because the opening HTML comment inside the <style> tags is missing a closing comment --> so IE thinks the entire page code is commented out.
In Code View (starting line 47), change
a:active {
text-decoration: none;
</style>
to
a:active {
text-decoration: none;
-->
</style>