body {
	padding: 0 ;
	margin: 0;
	background-color: red; }

a {
	Text-decoration: underlined; }
	
h1, h2 {
	text-shadow:  5px 5px 6px rgba(0, 0, 0, 0.5);
}
	
#header a {
	color: red;
	padding-top: 15px;
	padding-left: 20px;	
	border: solid rgba(175, 55, 35, 0.35) 2px;
	} 
	
#header {
	font-size: 52px;
	background-color: black;
	width: 100%;
	margin: 0;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.33);
	}
	
	
#sidebar {
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	background-color: black;
	font-size: 35px;
	color: darkGray;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.33);
}
#content {
	font-size: 16px;
	font-family: cursive, serif;
	color: black;
	position: absolute;
	padding: 20px;
	left: 225px;
}

#content table, #content table a {
	border: solid rgba(25, 55, 240, 0.35) 2px;
}

#navigation {
	position: fixed;
	left: 50%;
	bottom: 30px;
	}
	
#navigation a {
	padding-right: 50px;
}

	/* footer needs to work without fixed bottom left and right */
		
#footer {
	color: red;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: black; 
	box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.33);
}