Changing font color

programming web dev
1

I have some links that are styled with css, but am trying to set their states with javascript when clicked. I am using the below code:


var curActive;

function styleActiveLink(section){
    
    //Revert to non-active styles
    if(typeof(curActive) != "undefined"){
        
        var curItem = document.getElementById(curActive);
        curItem.style.backgroundImage = "none";
        curItem.style.paddingLeft = "0px";
        curItem.style.color = '#7e7e7e';
    }
    
    //Styles for active section
    var curSection = document.getElementById(section);
    curSection.style.backgroundImage = "url(images/services_arrow.jpg)";
    curSection.style.paddingLeft = "20px";
    curSection.style.backgroundRepeat = "no-repeat";
    curSection.style.backgroundPosition = "left";
    curSection.style.color = '#c51500';
    
    curActive = section;
}

Everthing is working with the exception of the color property. Can anyone tell me why the font color is not changing? Thanks!

JPearson311