a:link {
	text-decoration: none;
	color: BLACK;
	}

a:visited {
	text-decoration: none;
	color: MAROON;
	}

a:hover {
	text-decoration: none;
	color: RED;
	}

a:active {
	text-decoration: none;
	color: RED;
	}

a:link IMG {
	border: 2px solid #838368;
	}

a:visited IMG {
	border: 2px solid #999;
	}

a:hover IMG {
	border: 2px solid #AA050A;
	}

a:active IMG {
	border: 2px solid #AA050A;
	}

body {
	background-color: #FFFDE9; 
	color: #0A6E87;
	font-family: ARIAL;
	font-size: small;
	}
	
body.dark {
	background-color: #838368; 
	}

div.container {
	margin: 0px 10% 0px 10%;
	}

div.spacer {
	clear: both;
	}

div.instructions {
	background-color: #FCFCF9;
	padding: 8px;
	margin: 2px 10% 2px 10%;
	border: 1px solid #838368;
	clear: both;
	}

div.instructions p {
	color: #333;
	font-size: small;
	}
	
div.navigation {
	float: left;
	padding: 4px;
	margin: 4px;
	border: 0px solid #CCC;
	height: 100%;
	}

div.navigation p {
   text-align: left;
   font-size: x-small;
	}

div.image {
	float: left;
	}

div.image p {
   text-align: center;
	}

h3 {
	font-weight:bold;
	}

h1 {
	font-weight:bold;
	font-size: x-large;
	text-align: center;
	}

p.centered {
	text-align: center;
	}