Вывод главного меню маркированным списком. - Вопросы по CSS

Добрый день всем. Заранее прошу простить за возможно банальный вопрос, но тем не менее... Я абсолютный новичок (первый раз взялся за верстку шаблона для Joomla). Подскажите пожалуйста, что нужно прописать в CSS чтобы главное меню отображалось маркированым списком. Буду вам очень благодарен. Таблицу стилей взял стандартную, насколько я понимаю, кусок который отвечает за отображение меню вот этот:

/* НАСТРОЙКИ НАВИГАЦИИ/МЕНЮ */

a.mainlevel{
margin-left:30px;
color:#999999;
 /* стили для ГЛАВНЫХ элементов меню */
}

a.mainlevel:link {}

a.mainlevel:visited {
color:#000000;}

a.mainlevel:hover {}

#active_menu {} /* этот стиль применяется для элемента меню, когда он активный */

ul#mainlevel-nav {
list-style-image:url(file:/templates/london/images/rating_star.png);}

ul#mainlevel-nav li{list-style-image:url(file:/templates/london/images/rating_star.png);}

#mainlevel-nav a:link {list-style-image:url(file:/templates/london/images/rating_star.png);}

#mainlevel-nav a:visited{}

#mainlevel-nav a:hover {}

a.sublevel{} /* стили для элементов меню, которые являются подменю */

a.sublevel:link {}

a.sublevel:visited {}

a.sublevel:hover {}

Вопрос то собственно в том, где во всем этом нужно прописать (и что нужно прописать), чтобы меню выводилось маркированым списком.
Заранее всем огромное спасибо за помощь.

Реализовать это можно через свойство list-style.

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

Чтобы понять принцип построения меню и соотнести его со стилевым описанием, нужен HTML код меню.

Замечательно. Тогда еще одна очень большая просьба... Где взять код исходный когд главного меню?

Из исходного кода страницы ))
Кликните правой кнопкой на странице, появится меню, там есть пункт показа исходного кода.

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

Думаю, что если Вы знаете, что это делается свойством list-style, то должны понимать, что это свойство надо назначать элементам списка, с помощью которого строится меню.
Найдите по исходному коду этот список, посмотрите какие классы отвечают за него и назначайте им нужные значения.

Подскажите кто-нибудь пожалуйста, как сделать маркированный список, у которого маркер будет выводиться не напротив пунктов меню, а в отдельном фиксированном окошке ( пример http://www.championat.ru/ ) и возможно ли такое сделать посредством CSS?
Спасибо.

Не понял на счет фиксированного окошка.
Про какой список на указанном сайте говорите, который справа от логотипа или некий другой?

Вот это меню, список насколько я понимаю:
<ul class="canyon-side">
 <li class="first">
 <a href="/tennis/article-41850.html">
 <small>12:30, Теннис</small>Камельзон: хотел бы победы Сафина</a>
                  <i class="cor tr"><i></i></i></li>

И при наведении мышки в окошке слева от меню картинка меняется. Я посмотрел все CSS на сайте, но так и не понял как это сделано. Вот и спросил - через CSS kb это вообще сделано или как то по другому? Просто хочется сотворить что-нить тоже самое.

Думаю, что тут используется javascript.
Т.е. при наведении на список показывается определенное изображение.
Реализовать такое можно разными подходами и методами.
Хотя мне кажется, что такое можно реализовать чистым CSS.

В жаве я совсем ничего не понимаю.
Спасибо за ответ. попробую дальше поразбираться. Хоть менюшку то подобную сделал без труда - уже прогресс