Center Menu on Page?

Hi,

I am needing some help to center my navigation bar template, I am having a heck of a time trying to figure it out, please point me in the right direction.

My website is: http://www.montanapta.org/ (www.montanapta.org)

I am using a template for my page navigation in dreamweaver CS5.5

Master .dwt:

<div id="navigation">
<ul>
<li class="auto-style1"><a href="index.html">Home</a></li>
<li class="auto-style1"><a href="pages/unit_tools.htm">Unit Tools</a></li>
<li class="auto-style1"><a href="pages/programs.htm">Programs</a></li>
<li class="auto-style1"><a href="pages/scholarship.htm">Scholarship</a></li>
<li class="auto-style1"><a href="pages/treasure_state.htm">Treasure State</a></li>
<li class="auto-style1"><a href="pages/governance.htm">Governance</a></li>
<li class="auto-style1"><a href="pages/convention.htm">Convention</a></li>
<li class="auto-style1"><a href="pages/about.htm">About</a></li>
<li class="auto-style1"><a href="pages/contact.htm">Contact</a></li>
</ul>
</div>



Thanks, Any help greatly appreciated.

Hello oneredog,
Have a look at this example (http://nopeople.com/CSS%20tips/menu_centered_dropdown/index.html).