body {
	padding: 0 ;
	margin: 0;
	background-color: lightGreen; 
	background-image: url(backtext2-6.png);
	}

a {
	Text-decoration: none; }
	
h1, h2 {
	text-shadow:  5px 5px 6px rgba(0, 0, 0, 0.5);
}
	
#header a {
	color: darkBlue;
	padding-top: 15px;
	padding-left: 20px;	
	border: solid rgba(25, 55, 240, 0.35) 2px;
	background-image: url(Bar.png);
	} 
	
#header {
	font-size: 52px;
	background-color: blue;
	width: 100%;
	margin: 0;
	background-image: url(Bar.png);
	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: rgb(72, 0, 180);
	position: absolute;
	padding: 20px;
	left: 225px;
}

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

#navigation {
	text-align: center;
	padding-bottom: 18px;
	bottom: 0;
	box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.33);
	background-color: rgba(0, 100, 0, 0.90);
	position: fixed;
	left: 0;
	right: 0;
	}


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