Pequeño problema con mi menu lateral

hola! hacia tiempo que no pasaba por aqui desde el 2010 y ahora he decidido cambiar mi web, y me encuentro que todo esto ha cambiado un monton, antes en una hora te recorrias el curso entero por si tenias alguna duda para hacer algun cambio, pero ahora esto ha crecido tanto que .....
Bueno en mi nuevo menu nuevo resulta que los enlaces se me quedan muy separados unos de los otros
http://img836.imageshack.us/img836/5305/menuai.png

otra preguntilla quiero cambiar el tipo de letra de la web y no recuerdo como se hace este mi css

http://img12.imageshack.us/img12/4436/sinttuloedj.png
www.disaral.com
Ya consegui arreglar mi problema investigando y enredando por ahi
para los proximos que sigan visitando mi problema si les sirve de ayuda.

1º
como se ve en la imagen los enlaces de mi menu estan muy separados y no conseguia ponerlos mas juntos.
ANTES:
#menu li {list-style:none ; font:13px calibri ; padding: 0}
AHORA:
#menu li {list-style:none ;display:inline ; font:13px calibri ; padding: 0}



2º
no conseguia o no sabia como cambiar el tipo de fuente de la web:
ANTES:
h1 {font-size: 1.4em; color:3366cc ; font-weight: bold ; text-decoration: underline ;
text-align: center }
AHORA:
h1 {font:20px calibri ; color:3366cc ; text-decoration: underline ;
text-align: center }