/* background image */
img#bg {
	position:fixed;
	top:20%;
	left:20.3%;
	width:59%;
	height:58.5%;
}

/* band banner */
img#banner {
	position:fixed;
	top:-1%;
	left:22%;
	width:57%;
	height:20%;
}

/* 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:17%;
	left:15%;
	width:10%;
	float: left;
	padding: 0;
	background-color:black; 
        opacity:0.85;
}

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:41%;
	left:27.5%;
	width: 42%;
	padding: 0 1em;
	background-color:black; 
	opacity:0.85;
	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:75.5%;
	left:20.3%;
	width: 59%;
	height:2.8%;
	clear: both;
	font-size: 0.8em;
	margin: 0; padding: 0.1em;
	text-align: center;
	background-color:black; 
	opacity:0.85;
	color: darkred; 
}