/* background image */
img#bg {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

/* the page body */
body {
	color: black; background-color: black;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0; padding: 1em;
	min-width: 41em; /* Mininimumwidth prevents a break and display error in modern browsers */
	height: 100%;
	margin: 0;
	padding: 7em;
}

/* our navigation */
ul#navigation {
	position:fixed;
	top:21%;
	left:15%;
	width:10%;
	float: left;
	padding: 0;
	background-color:black;
        opacity:0.60;
}

ul#navigation a {
	display: list-item;
	list-style: none;
	padding: 0.2em;
	margin: 1em 1em 1em 0;
	white-space: nowrap;
}
ul#navigation a:link {
	color: darkred; background-color: black;
}
ul#navigation a:visited {
	color: red; background-color: black;
}
ul#navigation a:hover {
	color: red; background-color: black;
}
ul#navigation a:active {
	color: red; background-color: black;
}

/* our body content */
div#content {
	position:fixed;
	top:45%;
	left:27.5%;
	width: 42%;
	padding: 0 1em;
	background-color:black;
	opacity:0.65;
	color: darkred;
	text-align: center;
	border:1px solid darkred;
}
div#content h3 {
	font-size: 1.9em;
	margin: 0.2em 0;
}
div#content p {
	font-size:1em;
	margin: 1em 0;
}
div#content a {
	font-size: 1.2em;
}
div#content a:link {
	color: darkred; background-color: Transparent;
}
div#content a:visited {
	color: darkred; background-color: Transparent;
}
div#content a:hover {
	color: red; background-color: Transparent;
}
div#content a:active {
	color: red; background-color:Transparent;
}

/* the page footer */
p#footer {
	position:fixed;
	top:97.2%;
	left:0%;
	width: 100%;
	height:2.8%;
	clear: both;
	font-size: 0.8em;
	margin: 0; padding: 0.1em;
	text-align: center;
	background-color:black;
	opacity:0.60;
	color: darkred;
}