This is AP Div One

AP DIV Page One - align top left

AP DIV Page Two - align top center

AP DIV Page Three - align center center

AP DIV Page Four - z levels

This is AP Div Two

This is AP Div Three

This page is centered horizontally and vertically and has AP Divs

The vertical container makes it centered up and down. It has

Left: 0px -- the width is 100% - so it stretches from side to side.

Top: 50% -- this means it is in the middle - the top of the DIV start exactly in the middle if the window.

The container has a height of 600px

We add a margin-top: -300px - or half of the container height - which means it starts that much above the center point of the page.