Alright guys! I finally wrote my own menu with the help of Ukgeoff's tutorial! (thanks so much!)

Heres the link to my new menu driven page
and...
Heres the link to its CSS

Now I have a few questions. I am pretty sure I can cusomize an image into the background, so I wont worry about that yet. My concern is if you look at item 7, to the right of it is a gap. I want to either eliminate the gaps in the menus, or I would like to center the menu in my .nav divs. (same space to the left of item1 as to the right of item7)
I would also like to be able to center the text within the 'li' values.
I know its a kinda newbie question, but thats what I am!

Note that I know that all of the links on the page dont work. They dont have a location specified yet!

Thanks for all the help, I will get back much later today, gotta go to college!