html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:5em;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {position: relative; top: 6em; padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:100%;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this look just a little bit better */
/* The 'background' property is needed here to have color when scrolling. */
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; background:#ECD672;} 
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {margin:1em 0;}
.info {
	position:relative;
	width:40em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
.info2 {
	position:relative;
	left:-139px;
	height:15em;
	width:25em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#BCE954; 
}
.info2-5 {
	position:relative;
	left:-48px;
	height:9em;
	width:40em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#FFFF44;
}
.info3 {
	position:relative;
	width:80em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#ccf;
}
.info3-5 {
	position:relative;
	left:-20px;
	width:80em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#BCE954;
}
.info4 {
	position:relative;
	left:33px;
	height:25em;
	width:25em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#F87431;
}
.info5 {
	position:relative;
	left:-0em;
	height:1em;
	width:5em;
	margin:0 auto;
	padding:0.5em;
	background:#ECD672;
}
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:normal;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
#header,
#footer {
	color:#111;
	background:#ddd;
	text-align:center;
}
#footer a {color:#111;}