la pagina 4.5Kb y con las imágenes 41Kb, lo otro era un aproximado pero que son 10 a 20Kb de mas

aunque podrían pesar menos, con una rápida prueba por ejemplo comprimiendo un poco, definiendo los colores y guardándolo como .jpg, cabecera2 podría pasar de 21kb a 9kb.
revisando el código te recomendaría que tanto el código javascript como el CSS lo manejes como archivos externos, .js y .css, es mas fácil de darle mantenimiento y por ejemplo si vas a mostrar la fecha en todas las paginas te evitas de repetir el código.
<LINK href="nombre.css" type=text/css rel=stylesheet>
<SCRIPT src="nombre.js" type=text/javascript></SCRIPT>