CSS joomla 2.5.

Здравствууйте.
Не понимаю, почему не выполняется.
Итак, открываю административную панель и для главного меню стандартного шаблона в дополнительных параметрах в Суффикс CSS-класса модуля дописываю к _menu aaa.

Я хочу покрасить текст в меню в красный цвет (допустим).

Открываю temlate.css шаблона и в конце дописываю:
.aaa li {color:red;} - Обновляю, не работает;
#nav .aaa li {color:red;} - Обновляю, не работает;
#nav .aaa li {color:red !important;} - - Обновляю, не работает.

Вопрос: Почему не красит?

 

То ли мой вопрос находится в инвизе, то ли он настолько глуп, что на него не хотят отвечать.

 

Т.е. .main_menu .aaa {color:red}? Но зачем? И так, мне кажется, должно срабатывать.

 

Прописываю в template.css в самом низу:
.moduletable_menu .aaa {color: #0F0;} - не работает,
#nav .moduletable_menu .aaa {color: #0F0;} - не работает,
Поменял суффикс СSS модуля класса на moduletable_menu-aaa, пишу:
#nav .moduletable_menu-aaa {color: #0F0;} - не работает.
Все равно не работает....((
#nav .moduletable_menu-aaa {color: #0F0 !important;} - не работает.

А толку, что я умный? Не работает все равно... Почему?

Код (html):

1. <div class="moduletable_menu-aaa">
2. <h3>
3. <ul class="menu">
4. <li class="item-435 current active">
5. <li class="item-476">
6. <li class="item-477">
7. <li class="item-478">
8. <li class="item-479">
9. <li class="item-480">
10. <li class="item-497">
11. </ul>
12. </div>

Это модуль меню в Firebag.
НО! В Firebug-у же написано, данное меню формирует personal.css и там прописано:

Код (CODE):

1. ul.menu li a:link, ul.menu li a:visited {
2.     background: url("../images/nature/karo.gif") no-repeat scroll 5px 12px transparent;
3.     color: #444;
4. }

Так, вот открываю этот файл CSS (personal.css), изменяю color: #444; на color:#0F0 ивсе получается, пункты меню меняются на салатовый.

Но почему так? Почему с !important цвет не меняется? Почему указание по приоритету высшего ID не дает приоритет строчкам из template.css?