Ok, nella riga di css
.verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover
oltre a quelle che ci sono già, metti la regola display:inline (in modo da allineare gli elementi) - Poi ci aggiungi anche un padding: 0 0 0 10px per distanziarli tra di loro.

In soldoni, devi sostituire la regola della seguente classe a quella che c'è ora online:

codice:
.verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover {
color:#FFF;
display:inline;
height:50px;
padding:0 0 0 10px;
text-align:left;
text-decoration:none;
width:140px;
font:1.1em Verdana, Arial, Helvetica, sans-serif;
}
poi, se vuoi centrare il menu, metti text-align:center al div
.horizontalmenu ul
così:
codice:
.horizontalmenu ul {
list-style:none outside none;
margin:2px;
padding:10px;
text-align:center;
}
Mi permetto di darti un consiglio: per prendere dimestichezza con i css usa firefox e installati l'addon Firebug.
Ciao