Ya que tratamos de separar el contenido de la presentación, podrías poner la imagen decorativa del formulario con CSS. Idem con la imagen de la cabecera.
Por otra parte
no valida el HTML (faltan doctype, declarar el charset y el alt a la imagen decorativa, que si mostrases con CSS no haría falta) ni
tampoco el CSS.
Sobre el CSS muestra un error, que debes especificar la unidad en "height: 20;" de input.submit y un par de alertas relativas a la falta una fuente genérica, se soluciona por ejemplo poniendo en vez de "font-family:Tahoma;" pues "font-family:Tahoma, sans;"
Se podría optimizar el CSS, por ejemplo
Esto:
xxx-top: 0;
xxx-right: 0;
xxx-bottom: 0;
xxx-left: 0;
es igual a: xxx:0;
También hay muchos estilos del tipo: "xxx:0 0 0 0;" que es lo mismo que "xxx:0;"
Podrías utilizar el método corto para los colores, por ejemplo: cambiar #FFFFFF por #FFF.
Podrías juntar las propiedades redundantes, por ejemplo en vez de:
.estilo1 { propiedad:valor; }
.estilo2 { propiedad:valor; }
.estilo3 { propiedad:valor; }
utilizar: .estilo1, .estilo2, .estilo3 { propiedad:valor; }
Por otra parte, en el HTML hay una tabla (la de Últimos Miembros) y podrías lograr el mismo efecto con CSS (por cierto, últimos lleva tilde).
Estaría bien encontrarse con alguna cabecera (h1,h2,h3,...)
También el marcado del formulario podría mejorar, por ejemplo utilizando la etiqueta label en los textos "Usuario" y "Contraseña" y utilizando legend con "Log-in"