body{
	width:80%; 
	padding-left:10%;
	text-align:center;
	background-color:#009;
	background-color:#6A6A8F;
	font-family: "Comic Sans MS";
	font-size: small;	
}
#contentDiv{
	background-color:#eee;
	background-color:#E6DFCF;
	border:0px solid #800000; /*
	margin-left:auto;
	margin-right:auto;*/
	margin:5em auto;
}
p{
	font-size: small;
	text-align:center;
}
h1, h2, h3{
	color:#807459;
}
h1{
	font-size: x-large;
}
h2{
	font-size: large;
	text-align:center;
}
#navList{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#navList ul{
	white-space: nowrap;
}
#navList li{
	display:inline;
	padding-left:2px;
	padding-right:2px;
	list-style-type:none;
}
#navList a{
	color:#009;
	color:#807459;
	display: inline;
	border: 3px solid;
	border-color: #999 #000 #000 #999;
	border-color: #CCBA8F #807459 #807459 #CCBA8F;
	padding:0px 5px 0px 5px;
	background:#ddd;
	background-color:#ddd;
	background-color:#E6DFCF;
	text-decoration:none; 
	text-align:center;
	font-weight:bold;
}
#navList a:hover{
	position: relative;
	background:#ddd;
	background-color:#ddd;
	background-color:#E6DFCF;
	top: 1px;
	left: 1px;
	border-color: #000 #999 #999 #000;
	border-color: #807459 #E6DFCF #E6DFCF #807459;
}
#navList a:active{
	background:#ddd;
	background-color:#E6DFCF;
}
#navList a:visited{
	background:#ddd;
	background-color:#ddd;
	background-color:#E6DFCF;
}