есть меню но разного стиля - ExtendedMenu

есть меню но разного стиля... один жирный а другой красный...
вот ХТМЛ стандартный меню...

Код

<ul id="mainlevel">
  <li><a href="/#" class="mainlevel">Ссылка</a></li>
  <li><a href="/#" class="mainlevel">Ссылка</a></li>
  <li><a href="/#" class="mainlevel">Ссылка</a></li>
  <li><a href="/#" class="mainlevel">Ссылка</a></li>
  <li><a href="/#" class="mainlevel">Ссылка</a></li>
</ul>

а как можно для каждый ссылки прописать свой CSS а не общий ?
к примеру:

Код

<ul id="mainlevel">
  <li class="(как прописат тут css)"><a href="/#" class="mainlevel">Ссылка</a></li>
  <li class="(как прописат тут css)"><a href="/#" class="mainlevel">Ссылка</a></li>
  <li class="(как прописат тут css)"><a href="/#" class="mainlevel">Ссылка</a></li>
  <li class="(как прописат тут css)"><a href="/#" class="mainlevel">Ссылка</a></li>
  <li class="(как прописат тут css)"><a href="/#" class="mainlevel">Ссылка</a></li>
</ul>

или как организовать это?