[Help] Nav Bar Centering

[metalguitarist3]

Hi.

We are completely new users to vBulletin, and have to say we're liking what we see.

We are trying to center the part of our forums where it says "Homepage" , "Your Account" etc

We can move the header image so that it is centered but cant for the life of us figure out how to move the nav bar links.

Have tried adding <center> tags pretty much everywhere in the header but to no avail.

Any ideas?

Our header looks like this:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="$stylevar[imgdir_misc]/logo.gif" border="0" alt="" /></td>
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
<!-- /logo -->

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><a href="index.php"><img src="$stylevar[imgdir_misc]/homepage_nav.gif" border="0" alt="" /></a></td>
<if condition="$show['member']">
<td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/youraccount_nav.gif" border="0" alt="" /></a></td>
</if>
<td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/memberlist_nav.gif" border="0" alt="" /></a></td>
<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/calendar_nav.gif" border="0" alt="" /></a></td>
<td><a href="search.php"><img src="$stylevar[imgdir_misc]/search_nav.gif" border="0" alt="" /></a></td>
<td id="usercptools"><a href="$show[nojs_link]#usercptools"><img src="$stylevar[imgdir_misc]/quicklinks_nav.gif" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools",true); </script></td>
<td><a href="faq.php"><img src="$stylevar[imgdir_misc]/faq_nav.gif" border="0" alt="" /></a></td>
<td width="100%"></td>
</tr>
</table>

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="$stylevar[imgdir_misc]/extralinks.gif" border="0" alt="" /></td>
<td width="100%" style="padding-left:10px;">
<a href="#" class="sublink">Link Here</a>
<a href="#" class="sublink">Link Here</a>
<a href="#" class="sublink">Link Here</a>
<a href="#" class="sublink">Link Here</a>
<a href="#" class="sublink">Link Here</a>
</td>
</tr>
</table>

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="$stylevar[imgdir_misc]/top-left.gif" border="0" alt="" /></td>
<td width="100%" style="background-image:url('blueevolution/misc/top-bg.gif'); background-repeat:repeat-x;"></td>
<td><img src="$stylevar[imgdir_misc]/top-right.gif" border="0" alt="" /></td>
</tr>
</table>

<!-- content table -->
$spacer_open

$_phpinclude_output
$ad_location[ad_header_end]

Thanks in advace.