Joomla 1.5 Именение одного пункта в меню

Доброго времени суток, есть следующая проблема в вершнем выподающем меню необходимо, не которые пункты, выделить цветом. И у меня както не получается, вот кусок кода

Код (html):

1. <ul class="art-menu"><li id="current" class="active item18"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=18" class="active"><span class="l"> </span><span class="r"> </span><span class="t">главная</span></a></li><li class="parent item2"><a><span class="l"> </span><span class="r"> </span><span class="t">фотографии</span></a><ul><li class="item7"><a>ПРОЕКТЫ</a></li><li class="item11"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=3&amp;Itemid=11">- Моя семья</a></li><li class="item12"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=4&amp;Itemid=12">- Комнаты</a></li><li class="item13"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=5&amp;Itemid=13">- Игроки</a></li><li class="item14"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=6&amp;Itemid=14">- Нулевая фотография</a></li><li class="item15"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=7&amp;Itemid=15">- Dress and naked face of my wife</a></li><li class="item8"><a>СИНГЛЫ</a></li><li class="item20"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=8&amp;Itemid=20">- Стрит-фото</a></li><li class="item21"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=12&amp;Itemid=21">- Разное</a></li><li class="item9"><a>КОММЕРЧЕСКИЕ РАБОТЫ</a></li><li class="item10"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=9&amp;Itemid=10">- Свадьбы</a></li><li class="item17"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=11&amp;Itemid=17">- Фотосессии</a></li><li class="item16"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=10&amp;Itemid=16">- Пресс-фото</a></li></ul></li><li class="item19"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=19"><span class="l"> </span><span class="r"> </span><span class="t">медиа</span></a></li><li class="item4"><a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=4"><span class="l"> </span><span class="r"> </span><span class="t">био</span></a></li><li class="item6"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=6"><span class="l"> </span><span class="r">
2.  </span><span class="t">контакты</span></a></li></ul></div>

допусти мы хоти поменять под меню проекты значит берем идем в фаял css итам создаем

Код (html):

1. .item7 a, .item7 a:link, .item7 a:visited, .item7 a:hover,.item7 a:active
2. {
3.  color: red;
4. }

или же там можно к примеру

Код (html):

1. li.item7 a
2. {
3.   color: red;
4.  
5.  
6. }

и в том же духе, только ни чего не меняется почему то как решить не знаю.
А если данная тема понималась пожалуйста бросьте линк, т.к. мне нужное я в поиске не нашел
да еще вот код который овечает за общий внешние вид

Код (html):

1. .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav
2.  
3. ul.art-menu ul span span
4. {
5.   text-align: left;
6.   text-indent: 12px;
7.   text-decoration: none;
8.   line-height: 26px;
9.   color: #000000;
10.   margin-right: 10px;
11.   margin-left: 10px;
12.   font-size: 11px;
13.   margin:0;
14.   padding:0;
15. }

и вот

Код (html):

1. .art-menu ul a
2. {
3.   display: block;
4.   text-align: center;
5.   white-space: nowrap;
6.   height: 26px;
7.   width: 215px;
8.   overflow: hidden;
9.   line-height: 26px;
10.   background-image: url('../images/subitem.png');
11.   background-position: left top;
12.   background-repeat: repeat-x;
13.   border-width: 0;
14.   border-style: solid;
15. }

 

В принцыпе стоит вопрос изменить цвет для item7 для начала, а там по оброзу и подобию дальше сам все пойму

 

li.item7 a SPAN
{
color: red;


}
li.item7 a:hover SPAN
{
color: red;


}
Попробуй так

 

ну к счастью удолять ни кто не будет, а надо за тем чтобы выделить один из пунктов меню другим отличающимся цветом.
конечно это хорошо что моя проблема интересует, но хотелось бы реальных предложений...

спасибо, завтра с утра попробую, просто нет подрукой сайта. сразу отпишусь

 

ну все разобрался, вот такая конструкция работает, правда пока не понял почему именно так

Код (html):

1. .art-menu ul li.item7:hover>a
2. {
3.   color: red;
4.  
5. }