html, body {
	height: 100%; 		/* required */
	font-family: Helvetica, sans-serif;
}

body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;   		/* required to "hide" distance div */
	margin: 0;			/* required to "hide" distance div */
}

div#distance {
	margin-bottom: -10em; /* half of content height */
	background: red;  	/* temporary - used to see div */
	width: 1px;   		/* required to "hide" distance div */
	height: 50%;  		/* required */
	float: left;  		/* required */
}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: center;   /* horizontal centering hack for IE */
	height: 20em; 		/* required - desired height */
	width: 40em;  		/* required - desired width */
	background: white;	/* cosmetic */
	margin: 0 auto;   	/* required */
	clear: left;  		/* required */
}

h1 {
	font-size: 180px;
	padding: 10px;
	margin: 10px;
}

h1.yes {
	color: #000;
}

h1.no {
	color: #000;
}

p {
	font-size: x-large;
}

#footer {
	text-align: right;
	padding-right: 20px;
/*	padding-top: 100px; */
	position: fixed;
	bottom: 0px;
	right: 0px;
}

#footer p {
	font-size:x-small;
}

#footer a {
	text-decoration: none;
	color: olive;
}