Esto es así:
margin: arriba derecha abajo izquierda; Es decir que empieza con la margen superior y va en sentido de las manecillas del reloj.
Y se simplifica asi:
margin: arribayabajo derechaeizquierda; es decir que da el mismo margen arriba y abajo y luego el mismo margen derecho e izquierdo.
En resumen
margin: 20px auto; lo que hace es dar un margen de 20 px arriba y abajo y un margen automático a los lados, es por eso que centra la capa.
Te vendría bien leerte el manual de CSS que hay en
http://librosweb.es es muy bueno y entendible.
Saludos