* {
	margin:0;
	padding:0;
}


html, body {
	height:100%;
}

body {
	background-color:#000000;
	font:100% Arial;
	color:black;
}

#distance {
	width:1px;
	height:50%;
	background-colour:blue;
	margin-bottom:-13.75em;
	float:left;
}

#content {
	overflow: auto;
		margin:0 auto;
		position:relative;
		text-align:centre;
		height:20em;
		width:45em;
		clear:left;
		background-color:white;
}

#content h1 {
text-align:left;
margin-left: 2px;
}

#content p {
text-align: left;
float: right;
margin-right: 4px;
}

.p2 {
text-align: left;
margin-left: 2px;
}

A:link {
color: black;
}

A:visited {
color: black;
}

A:active {
color: black;
}

A:hover {
background: black;
color: white;
}

#footer {
		margin:0 auto;
		position:relative;
		text-align:centre;
		height:5em;
		width:45em;
		clear:left;
		background-color:black;
		color:white;
}

#footer h1 {
text-align:left;
}

#footer p {
text-align: right;
}

#footer A:link {
color: white;
}

#footer A:visited {
color: white;
}

#footer A:active {
color: white;
}

#footer A:hover {
background: white;
color: black;
}

#image {
float: left;
    margin-left: 2px;
    margin-top: 2px;
}