Вот, с одной стороны - почему бы и не подсказать, а с другой - человек третий раз спрашивает и не понимает, что можно было бы еще информации подкинуть - шаблоны-то разные бывают... Или жадничает .css свой показать... А значит - ты ему совет - а он тебе новый вопрос, и так вот по маленьким кусочкам... лень что-то...
Так что - вот тебе принципы:
1) пункт меню - это пункт списка. Значит, в css указывается как ul li. Подпункт = список второго уровня, значит - ul li ul li.
Второй уровень в слое с id="mainMenu" будет описываться так:
#mainMenu ul li ul li {здесь описание}
2) Для описания активного пункта меню после li добавляешь ".active". То есть получается: li.active
3) Всякое там "при наведении мышки", "посещенные ссылки" и т.п. определяются через задание стиля для гиперссылок внутри этих пунктов списка:
#mainMenu ul li ul li a:hover {так выглядит подпункт меню второго уровня при наведении мышки}
4) Вот эта фигня после двоеточия называется "псевдокласс" - ie до 6 версии понимает псевдоклассы только для гиперссылок, так что сильно не разгуляешься, но для меню хватит. Псевдоклассы бывают такие:
link,
visited,
hover,
http://htmlbook.ru/css/active.htmlВот в таком порядке их и нужно задавать.
Короче, разбирайся
В качестве бонуса - вот пример из первого попавшегося шаблона:
#right1 ul li a:link, #right1 ul li a:visited
{
color: #172987;
text-align: left;
}
#right1 ul li.active a:link, #right1 ul li.active a:visited, #right1 ul li a:hover, #right1 ul li.active a:active, #right1 a:hover
{
color: #9a009a;
text-align: left;
}
#right1 ul li ul li a:link, #right1 ul li ul li a:visited
{
color: #172987 !important;
text-align: left;
}
#right1 ul li ul li.active a:link, #right1 ul li ul li.active a:visited, #right1 ul li ul li a:hover, #right1 ul li ul li.active a:active, #right1 a:hover
{
color: #9a009a !important;
text-align: left;
}