How to Centralize words inside the Top horizontal menu v1.3

[carosbella]

Hi,

 

Anyone know hows to centralize the words in the top horizontal menu such that it fits across the whole row nicely?

 

The existing code is:

 

 

{if $MENU != ''}

</div>

<!-- Menu -->

<div class="sf-contener">

<ul class="sf-menu">

{$MENU}

</ul>

<div class="sf-right"> </div>

<script type="text/javascript" src="{$this_path}js/hoverIntent.js"></script>

<script type="text/javascript" src="{$this_path}js/superfish-modified.js"></script>

<link rel="stylesheet" type="text/css" href="{$this_path}css/superfish-modified.css" media="screen">

<!--/ Menu -->

{/if}