I am using a set template and have modified it.  Blog at http://www.connellfoley.com/hselaw/

The CSS uses a global color scheme for links. This list is not inside a <div>

a:link { color: #900000; border-bottom: 1px solid #EDC2D5; background-color: transparent; text-decoration: none; }
a:hover { color: #900000; border: 0; background-color: #EDC2D5; text-decoration: none; }
a:visited { color: #900000; border: 0; background-color: transparent; text-decoration: none; }

I have created a <div> for boxes that separte out the info and each will be links to other blogs.
I have put in a list for link colors, but it is not overiding the main list.  The link text is still red instead of white as it would be if not a link.

#box {
margin: 0px;
padding: 5px 10px;
font-family: lucida grande, verdana, arial, sans-serif;
font-size: 11px;
width: 125px;
color: #ffffff;
a:link { color: #ffffff; border-bottom: 1px solid #EDC2D5; background-color: transparent; text-decoration: none; }
a:hover { color: #ffffff; border: 0; background-color: #EDC2D5; text-decoration: none; }
a:visited { color: #ffffff; border: 0; background-color: transparent; text-decoration: none; }
text-align: center;
border: 1px solid #666;
background: #336666;
}

What am I doing wrong?. 
THANKS