<style type="text/css">
ul li a {color:blue; text-decoration:none;}
</style>
<ul>
 <li style="color:red;"><a href="#">aaa</a></li>
 <li style="color:green;"><a href="#">bbb</a></li>
 <li style="color:lime;"><a href="#">ccc</a></li>
</ul>
이렇게 하면 안되나요?

그런 상황이라면 ul을 사용하여 한다면 bullet을 메뉴 프레임속으로 넣고 칸을 맞추기 위해 많은 css수정이 필요합니다.

쉬운방법으로 알려드리자면
소스를 열어서 2차 메뉴가 시작되는 곳, <li>속의 {$val2['link']} 이것이 2차메뉴의 메뉴명이 나오는 변수죠

그 변수 바로 앞에 <span style="color{$i++}">점</span>
여기서 점은 문자표에서 적당한 점을 카피해서 붙여넣으세요 bullet 모양으로 .....

그 다음은 css에서 .color1 {color:원하는 색} .color2 {color:원하는 색} 이렇게 2차메뉴의 갯수에 맞춰 색을 증가시켜주면 됩니다.

요약하자면
2차 메뉴 부분 소스입니다.
<ul cond="$val1['list']">
      <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'"><span class="color{$i++}">·</span> {$val2['link']}</a></li>
     </ul>
이렇게 하고 css에서 색 설정하면 됩니다. 첫번째 서브메뉴 css 클래스는 그냥 color입니다. 그 다음이 color1, color2..........