css navigation list/bar with current different color?

Dear Experts,
here is the website I am working on:

http://jensreulecke.com/tmp/1/

I would like the current page that I am on to have the appropriate button blacked. If I was in the SPORT section, for example, I'd like the SPORT button to be black.

How would I define that? I am posting my CSS code for the nav bar.

Thank you so much =)

/*
NAVBAR
*/

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #b32727;
color: White;
font-family: arial, helvetica, sans-serif;
text-align: center
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 2px 10px;
background-color: #b32727;
color: White;
text-decoration: none;
float: left;
width: 113px;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #333333;
color: #fff;
}

The rest can be seen at http://jensreulecke.com/tmp/1/main.css

Thank you! Thank you! Thank you! Thank you! Thank you! Thank you!