How to you change the text color in the sideboxes without changing colors anywhere else.

This is what I have.
Code:
/*sideboxes*/
.columnLeft {}
 
h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }

.leftBoxHeading {
    margin: 0em;
    background-color: #000000;
    padding: 0.5em 0.2em;
    }
.centerBoxHeading {
    margin: 0em;
    background-color: #FFFFFF;
    padding: 0.5em 0.2em;
    }    

.leftBoxContainer {
    border: 1px solid #ffffff;
    /*margin-top: 1.5em;*/
    /*margin-right: 5px;*/
    }

.sideBoxContent {
    background-color: transparent; /* changed from white*/
    padding: 0.4em;
    color: #FFFFFF;
    text-align:left;
    font-size: 1.2em;
    
    
    }

h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #FFFFff;
    }

.rightBoxHeading {
    margin: 0em;    
    background-color: #000000;
    padding: 0.2em 0em;
    }

h3.leftBoxHeading a:hover {
    color: #FFFF33;
    text-decoration: none;
    } 

h3.rightBoxHeading a:hover {
    color: #FF0000;
    text-decoration: none;
    }

.rightBoxContent {
    background-color: #ffffff;
    margin-bottom: 1em;
    }
    
.rightBoxContainer {
    border: 1px solid #ffffff;
    /*margin-top: 1.5em;*/
    /*margin-left: 5px; */
    }
I think it has something to do with
Code:
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #FF0000;
    }

a:active {
    color: #0000FF;
But i just need to change color of sidebox text...