I want my header links and body links to have two different behaviors. Here's what I tried.

.header {
a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #fef72a; text-decoration: none; }
a:active {color: #46b238; text-decoration: none; }

}

.body {

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:active {color: #000000; text-decoration: none; }

}

For my links I use this
<div class="header"><a href=''>Header Link</a></div>
<div class="body"><a href=''>Body Link</a></div>

and it doesn't do anything. All the links are default colored and underlined! I have all the css code in a stylesheet and a link to it in my pages.

Ok, problem number one, you can't nest selectors like that, change it to this format:

a.header:link { color: #FFFFFF; text-decoration: none; }
a.header:visited { color: #000000; text-decoration: none; }
a.header:hover { color: #fef72a; text-decoration: none; }
a.header:active {color: #46b238; text-decoration: none; }


a.body:link { color: #000000; text-decoration: none; }
a.body:visited { color: #000000; text-decoration: none; }
a.body:hover { color: #000000; text-decoration: none; }
a.body:active {color: #000000; text-decoration: none; }

That makes a psuedo class.

Now the second problem. You need to put the class designation inside the links themselves:

<div><a class="header" href=''>Header Link</a></div>
<div><a class="body" href=''>Body Link</a></div>

Thanks, that did the trick.