Per modificare la larghezza dei sottolivelli devi agire sul codice evidenziato

codice:
ul.MenuBarVertical ul {
 	margin: -5% 0 0 95%;
 	padding: 0;
 	list-style-type: none;
 	font-size: 150%;
 	position: absolute;
 	z-index: 1020;
 	cursor: default;
 	width: 8.2em;
	left: -1000em;
 	top: 0;
 } 

ul.MenuBarVertical ul li {
 	width: 8.2em;
 }
la larghezza del primo livello è settata con quell'8em in ul.MenuBarVertical e ul.MenuBarVertical li

Le dimensioni del carattere sono del 100% (quindi seguono le dimensioni del carattere impostate nel contenitore esterno) nelle voci elenco visibili e del 150% nei sottolivelli. Puoi assegnare anche dimensioni non relative, in pixel dunque, per un maggiore controllo.

La seconda immagine mostra che hai modificato anche la posizione dei sottomenu