제가 구축하려는 홈페이지의 메인메뉴를 한번 보세요.
(Teagg님의 레이아웃을 변형하고 있는 중입니다)

http://coolija.maru.net/zbxe/home

메인메뉴 색상이 너무 밝은 색이라 검정색으로 바꿔야 할 필요를 느낍니다. 그런데 색상을 바꿔도 바뀌질 않습니다.

아래는 레이아웃의 css파일중 해당 부분입니다.

왜 메인메뉴의 색상이 검정색으로 바뀌질 않는 것일까요?

#gnb { position:relative; top:0px;height:38px; border-left:#808080 solid 1px; border-right:#808080 solid 1px; color:#000000; background: #FFFFFF ;
overflow:hidden; white-space:nowrap; margin-bottom:0px;}

#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center;
padding-left:2px; position:relative; left:-2px; white-space:nowrap;}

#gnb li a { display:block; float:left; padding:13px 7px 0 7px; height:25px; color:#ECE8C3;
white-space:nowrap; text-align:center; font-size:1.11em; font-weight:bold; text-decoration:none; }

#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; border-left:#000000 solid 1px; border-right:#000000 solid 1px; color:#000000;  background:url(../images/default/bgGnbOnOver.gif) 0 0 repeat-x #FFFFFF;
height:38px; position:relative; white-space:nowrap; }