I know this is easy, but for some reason, I can't get it. How can I override the font color in this menu for specific ID's? In other words, I have a #leftnav ul. I'm going to target some of the items by ID and change their colors. The new ID is in bold below. Nothing I do changes the color. I can make it bold, italicized, etc., but I can't change the color. :/
#leftnav {
list-style:none;
font-family:Georgia, "Times New Roman", serif;
font-size:1.4em;
margin:0px 0 0 20px;
padding-top:20px;
}
#leftnav li {
display:block;
padding:8px 0;
background:url(images/left-dots.png) 0 30px no-repeat;
}
#leftnav li a, #leftnav li a:visited {
text-decoration:none;
color:#000;
}
#leftnav li a:focus, #leftnav li a:hover, #leftnav li a:active {
text-decoration:none;
color:#87277b;
}
#leftnav li#our-classes {
color:#fff;
}