I did used the firebug extension in firefox to check out the places where I want to make the changes.
1. I used the Stylesheet (style.css)
2. Here is the place in the Stylesheet I tried to make the change
.widget-title {
color: #000000;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
Last night (we are in a different time zone)the color could not be changed, ie, remained as #666 when I checked with firebug. Now ( 9:20am here ) when I go to the webpage and inspect with firebug, the color code changed to #000000.
I have no idea what is going on.