Just assign text-align: center;
to #menu ul a
Side Note: If you want to be over specific with the nested level text alignment, you can always use >
selector so say for example you want to align the text in 1st drop down level, than you can simply use
ul#menu > li {
/* Targets main menu items */
}
ul#menu > li > ul > li > a {
/* Targets 1st level dropdown */
}
And so on...
As you commented, you wanted to center the main menu items, than use #menu-wrap
in the place of #menu {}
declaration, assign some fixed width to your #menu
and than use margin: auto;