@charset "UTF-8";
/* CSS Document 

Blue: #3da9ea
Dark Green: #16421e
Mustard Yellow: #e8d719
Tan: #ebce87
White: #ffffff

*/
html {
	background-color: #16421e;
}

body {
	width: 912px;
	margin: 1.5em auto; /*centers */
	border: 10px solid #ebce87;
	background-color: #ffffff;
	padding: 50px;
	font-family: verdana;
}


h1 {
	text-align: center;
	color: #16421e;
	font-family: bookman old style;
	margin-top: 24px;
}

h2 {
	padding: 7px;
	color: #16421e;
	font-family: bookman old style;
}

h3 {
	color: #16421e;
	font-family: bookman old style;
}

/* IMPORTANT: this will put a border around ALL images - so the banner AND the image of you. You may want to remove the border or change it! */
img {
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	
}

#imgrt{
	border-color: #ffffff;
	border-style: solid;
	float: right;
	margin-left: 48px;
	margin-top: 24px;
}

/* The code below here alters your links */
a {
  font-weight: bold;
}


a:hover {
	color: #e8d719;
	text-decoration: underline
}

a:visited {
	color: #16421e;
}

a:active {
	background-color: #3da9ea;
}


.headerimage {
	border: 0px; margin: 0;
}

#footer {
	background-color: #ebce87;
	padding: 6px;
	margin-top: 72px;
	margin-bottom: 0px;
	font-size: small;
}

#footer p {
	margin: 0px;
}

#footer img {
	border: none;
}

.special {
	float: right;
	margin-left: 10px;
}

#nav {
	text-align: center;
}

#nav li {
  display: inline;
}

#nav a {
	padding-right: 20px;
	padding-left: 20px;
	background-color: #16421e;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 24px;
	font-family: verdana;
	text-decoration: none;
	color: #e8d719;
}

#nav a:hover {
	background-color: #e8d719;
	color: #16421e;
}