Списки в вертикальном меню - Вопросы по CSS

Учусь писать шаблон с нуля на Joomla 2.5. Необходимо сделать вертикальное меню, подпункты которого всегда открыты. Появился вопрос: как через CSS получить доступ к стилям пунктов и подпунктов меню.
Например, если я добавляю такие строки, то всё меню становится жирным (и пункты, подпункты). Как мне отдельно отредактировать стили пунктов и подпунктов меню? Писать свой модуль меню через html-код не хочу, в этом случае нужно воспользоваться меню Joomla. Заранее спасибо.

Все зависит от вашей верстки, но общий принцип такой (подпункты в Joomla - это вложенные списки ul):
#left ul.menu li {font-weight: bold;} — для пунктов
#left ul.menu li ul.menu li {font-weight: normal;} — для подпунктов

.menu или .menu_суффикс - это тег ul
.menu li a - общая структура пункта меню
li.active  - активный пункт (если даже активный подпункт вложенного подменю или родительский пункт)
li.parent - пункт, содержащий подпункты
li.current - текущий пункт, т.е в отличии от .active выбран именно этот пункт
li.item-id - каждый конкретный пункт имеет свой id

вот с ними в css  и работайте + стандартные возможности Joomla которые позволяют создавать вложенные подменю

Научитесь пользоваться FireBug и редактировать код CSS станет намного проще .

Большое спасибо. Я пользуюсь аналогом Fierbug, встроенный в Opera, но не знал, как обратиться к подклассу класса.