CSS и создание меню - Вопросы по CSS

Сейчас только начинаю разбираться с данной CMS (Joomla), и вот тормознулся на вопросе создания меню, а точнее их стилей.
Прочитав уже кучу документации я понял, что за вывод меню отвечают следующие стили:
a.mainlevel{}
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}и как я понял, при создании ДРУГИХ меню мне нужно будет использовать эти же стили, но с добавлением им суффикса, чтобы каждое меню было индивидуальным. Правильно я понял?
Но самый главный вопрос даже не в этом.

Для вывода горизонтального меню во многих шаблонах используются стили
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
может быть я плох в CSS, но я ника не могу понять эту запись. Я понял, что для вывода горизонтального меню лучше всего использовать список. Но что это за конструкция: ul#mainlevel-nav {}, особенно меня интересует знак решетки. Я всегда думал, что это обозначение идентификатора какого-либо элемента.
Почему нельзя просто использовать запись?:
ul.mainlevel-nav {}
ul.mainlevel-nav li{}
и т.п.
Не подскажет ли кто-нибудь где можно почитать руководство по созданию шаблонов с углублением в стили. Есть уроки, но там приводятся примеры без объяснения что к чему.

ну в коде модуля используется <ul id="mainlevel">, если вам это так не нравится перепишете в коде меню на <ul class.....>