CodingForums.com - 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/

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

Master .dwt:

Code:

<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.