I'm making a site with a menu and normal body area.

I want the menu text to be #ADC2D4, and to go to #296B9D when hovered on.

That's working fine.

Problem is, I can't get the normal main/body hyperlinks to work properly.

They should be #296B9D normally, and then go to #666666 when rolled over.

This works fine, until they're visited. When a visited link is rolled over, nothing happens!

Below's the CSS:

body {
margin-top: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
color:#666666;
size:auto;
font-family:Arial, Helvetica, sans-serif;
}

.title {
	color: #4F5F9D;
	font-weight: bold;
}

.menu {
font-size:12px;
}

.menu a:link {
color:#ADC2D4;
}

.menu a:hover {
color:#296B9D;
}

a:link {
color:#296B9D;
}

a:hover {
color:#666666;
}

a:visited {
color:#ADC2D4;
}

.main {
size: auto;
font-family:Arial, Helvetica, sans-serif;
}

.main a:link {
color:#296B9D;
font-family:Arial, Helvetica, sans-serif;
}

.main a:hover {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}

.main a:visited {
color:#296B9D;
}

Thanks in advance to anybody who can help me with this tiresome problem!

put the pseudo classes in the correct order

link
visited
hover
active.

Ah - thanks a lot, Chris.

that can be done much quicker:

a {
color: whatever;
}
a:hover {
color: whatever;
}

This way, in every case of a the first color is used, except for the a:hover, because that is specified separately. Get it?

Reason why links are in the correct order. Without an order, all browsers will work but not internet explorer. Hope you learn this

I think that the order makes some sort of difference, I had problems with mine until I got everything where it needed to be.