CSS Troubles, I Don't think I am understanding this right.

[Shmithers]

First off, thank you for your help!

Here's background: I know basic HTML, but nothing fancy. I needed a website with something other than basic HTML so I hired a friend to help me set up the basic coding aspect of the site. After a few revisions I didn't want to bother him anymore with all my little nitpicks (and I wanted to try to learn a bit of coding myself). Now I have a site pretty much the way I want it, except I am having CSS troubles. I never really understood why CSS had to be so picky and sensitive!

Here's my problem: http://test.nspratt.com/index.html This is the exact code my friend gave me. When I copy paste the pages that are not complete, the hover attribute stops working for the links. I really have no clue what is wrong. I played around with the code a bit, but really I have no idea what could have gone wrong. Is it what I have done or could it be something my friend coded wrong?

EDIT: I am editing with Macromedia Dreamweaver 8

Thanks so much again

[tomws]

Try removing the a:visited from the css. The colors change as expected until you've visited the links.

Order may have something to do with it. Perhaps before removing a:visited, move that block above the a:hover block in the css file.

EDIT: By the way, if you're building a new site, it would be wise to toss the old coding styles and build it cleanly from the start. All those line breaks? Bad. No doctype? Really bad. Run your site through the validator for a start on the cleanup process.

[GaVrA]

You have this in your css:

A:HOVER {
	COLOR: #444444;
}

A:VISITED {
	COLOR: #888888;
}

If you put it this way it will work:

A:VISITED {
	COLOR: #888888;
}

A:HOVER {
	COLOR: #444444;
}