supesite 7.5 CSS修改求助

我想将的人首页导行修改下，如图片说明。
就是想把第二导行颜色搞成各第一导行一样，字体搞成一样大，然后第二导行宽度加宽点，该如何改，附上这一区域的CSS代码，请高人指点，小弟感激不尽。
代码：/* nav style */
#nav { width:960px; overflow:hidden; margin:0 auto 10px; background:#F4F4F4; }
.main_nav { height:34px; overflow:hidden; padding-top:1px; background:#94CE00; color:#FFF; font-size:14px; font-weight:bold; }
  .main_nav ul { width:94%; overflow:hidden; padding:0 0 0 1.3%; }
  .main_nav ul li { float:left; margin-right:1px; }
  .main_nav ul li a { float:left; display:block; padding:9px 15px; color:#FFF; }
  .main_nav .current a { background:url(../images/nav_current_bg.gif) repeat-x; color:#000000; font-weight:700; text-decoration:none!important; }
ul.ext_nav { padding:7px 12px; color:#369; line-height:1.9em; }
  ul.ext_nav li { float:left; margin-right:8px; white-space:nowrap; color:#A2C61E; }
  ul.ext_nav a { margin-right:2px; color:#000000; }
.order_nav { padding:7px 12px; color:#93B70F; line-height:1.9em; }
  .order_nav li  { height:1.9em; overflow:hidden; }
  .order_nav li a { margin-left:2px; color:#295B72; }
  .order_nav em { margin-right:3px; color:#295B72; }
#contribute_op { position:absolute; top:140px; left:15px; padding:5px 15px; border:1px solid #A2C61E; background:#F7FDFD; }
  #contribute_op li { margin:2px 0; }
  #contribute_op li a { color:#369;}

这得看你的html代码

回复 croho 的帖子

这样吗，那我把HTML代码附出来：
这是首页导航部分的HTML代码，麻烦楼上指教，谢谢：
这个原模版导航区的代码，有两级导航：<div id="nav">
<div class="main_nav">
  <ul>
   <li class="current"><a href="{S_URL}/">首页</a></li>
   <!--{loop $channels['menus'] $key $value}-->
   <li><a href="$value[url]">$value[name]</a></li>
   <!--{/loop}-->
  </ul>
</div>

<div class="order_nav">
<!--{loop $channels['menus'] $key $value}-->
  <!--{if $key == 'news' || $value['upnameid']=='news'}-->
  <!--{block name="category" parameter="type/$key/isroot/1/order/c.displayorder/limit/0,12/cachetime/80800/cachename/category"}-->
   <ul><li>
   <em><a href="$value[url]">$value['name']</a>: </em>
   <!--{eval $dot = '|'}-->
   <!--{eval $total = count($_SBLOCK['category'])}-->
   <!--{eval $i = 1;}-->
   <!--{loop $_SBLOCK['category'] $value}-->
   <a href="$value[url]">$value[name]</a><!--{if $total != $i}--> $dot <!--{/if}-->
   <!--{eval $i++;}-->
   <!--{/loop}-->
   </li></ul>
  <!--{elseif $key == 'bbs'}-->
   <!--{if $forumarr}-->
    <ul><li>
    <em><a href="$value[url]">$value['name']</a>: </em>
    <!--{eval $dot = '|'}-->
    <!--{eval $total = count($forumarr)}-->
    <!--{eval $i = 1;}-->
    <!--{loop $forumarr $value}-->
    <a href="$value[url]">$value[name]</a><!--{if $total != $i}--> $dot <!--{/if}-->
    <!--{eval $i++;}-->
    <!--{/loop}-->
    </li></ul>
   <!--{/if}-->
  <!--{elseif $value['type'] == 'model'}-->
   <!--{eval @include S_ROOT.'./cache/model/model_'.$value['nameid'].'.cache.php';}-->
   <!--{if !empty($cacheinfo['categories'])}-->
    <ul><li>
    <em><a href="$value[url]">$value['name']</a>: </em>
    <!--{eval $dot = '|'}-->
    <!--{eval $total = count($cacheinfo['categories'])}-->
    <!--{eval $i = 1;}-->
    <!--{loop $cacheinfo['categories'] $key $value}-->
     <a href="$siteurl/m.php?name=$cacheinfo[models][modelname]&mo_catid=$key" title="$value">$value</a><!--{if $total != $i}--> $dot <!--{/if}-->
    <!--{eval $i++;}-->
    <!--{/loop}-->
    </li></ul>
   <!--{/if}-->
  <!--{/if}-->
<!--{/loop}-->
</div>

</div>

下面是我修改模版后得到的导航区的代码（删除了频道导航）：<div id="nav">
        <!--{block name="category" parameter="type/$channel/isroot/1/order/c.displayorder/limit/0,100/cachetime/80800/cachename/category"}-->
        <ul class="ext_nav clearfix">
             <li><a href="{S_URL}/">首页</a></li>
                <!--{eval $dot = '|'}-->
                <!--{eval $total = count($_SBLOCK['category'])}-->
                <!--{eval $i = 1;}-->
                <!--{loop $_SBLOCK['category'] $value}-->
                <li><a href="$value[url]">$value[name]</a><!--{if $total != $i}--> $dot <!--{/if}--></li>
                <!--{eval $i++;}-->
                <!--{/loop}-->
        </ul>
</div>