html,body {
	margin: 0;
	padding: 0;
	height: 100%; }

html>body #wrap {
	height: 100%;
	}

#wrap {
	width: 50em;
	margin: 0 auto; }

#header {
	width: 50em;
	height: 6em;
	}

html>body #header{
	position: fixed;
	z-index: 10;
	}

html>body #content-wrap {
	height: 100%;
	}

html>body #content {
	padding: 6em 1em;
	}

#footer {
	width: 50em;
	height: 2em;
	}

html>body #footer {
	position: fixed;
	bottom: 0;
	z-index: 10; 
	}

h1, h2 { margin: 0.15em 0; }
p     {	margin: 1em 0; }

pre { 	background-color: #DDDDFF;
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em; }

#header, #footer {
	background: #EEEEEE;
	text-align: center;
	}
#content-wrap, #content {
	background: #FFFFFF;
    }

#header p {
    padding-left: 16em;
    text-align:left;
}