Help with changing a Color on the main page

I want to change the color of the whole left side I want it all to be the same color as the boxes but I dont want it to change the white color on the middle.http://www.dyecastapparel.com/catalog/ can some one please help?

Find the occurrences of this tag and reduce to a single separate entry and add a background color -

#navColumnOne {
	background-color: #your color;
	}

I found that twice in the stylesheet I changed the top one and it did nothing here is what I see. where do I change it?

#navColumnOne, #navColumnTwo {

background-color: transparent;

}

/The main content classes/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

vertical-align: top;

}

KoBra:

Find the occurrences of this tag and reduce to a single separate entry
Combine the settings from all into one entry

Change this one:

#navColumnOne, #navColumnTwo {

background-color: transparent;

}

If you want to have both columns the same, change "transparent" to the color code you want.

If you want them to be different, do this:

#navColumnOne {
	background-color: #FFCC99; <- replace with the color of your choice
	}

#navColumnTwo {
	background-color: #00BFBF; <- replace with the color of your choice

	}

this changes the color but it changes the color of left side and the middle I just want to change the left side

#mainWrapper {

background-color: #000000;

text-align: left;

width: 750px;

vertical-align: top;

border: 1px solid #9a9a9a;

}

Thank you now if I want it to be a background image i set it up this way right

#navColumnOne {
background-image: url();
}

#navColumnTwo {
background-color: #ffffff;

}