P: Quiero hacer que los textos que aparecen en el mainmenu convertirlos a botones (ver imagen que adjunto), es decir, ponerle el background que ya se como se hace, el borde que tambien, pero lo que no se es como hacer que todos los textos tengan la misma longitud de imagen para que unos no queden con la imagen corta y otros con la imagen larga.

R: Añade lo siguiente en este elemento:

a.mainlevel:link, a.mainlevel:visited {
   /* this styling is for the MAIN items in the menu */
   color: #ffffff;
   font-weight: bold;
   text-decoration:none;
   text-align: left;
   width: 150px;
   }
puedes poner también el porcentaje, 100%... o el ancho de en pixeles, como lo escribí arriba.