How would this be done?

#top_inner_content, .top_links {
background-color:#97B064;
margin:0px auto;
width:700px;
height:24px;
}

.top_links a:link, a:visited {
color:#fff;
font-size:11px;
font-weight:normal;
text-decoration:none;
}


How would I put the .top_links style in with the top_inner_content?

Ummm, what do you mean?

What I mean is that I don't have to have to have to define them both on the page, I just want to be able to put <div id="top_inner_content"></div> and it'll have the stuff that was define in the top_inner_content id and the stuff that was define in the top_links class. I don't know any other way to put it in the top_inner_content because of the {}

#top_inner_content, .top_links, .top_links a:link, .top_links a:visited {
background-color:#97B064;
margin:0px auto;
width:700px;
height:24px;
color:#fff;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

??? Not sure what you're trying to describe, but this will get all of your rules in one declaration.