html {
	text-align: center; /* I added this to center the page for older ie browsers */
	margin: 0px; /* adding this removes the white space from around the content */
}

body {
	margin: 0px auto;  /*this should eliminate any white space around the body content as well as center the page in current browsers */
	background-color: #212224;
	min-width: 750px; /* this keeps the page content from getting too narrow */
	font-family: Arial, Helvetica, sans-serif; /* this sets the main font to be Arial/Helvetica or the browser's default sans serif font */
	font-weight: bold;
	color: white;
}


header {
	background-color: black;
}

header img {
	margin-top: 36px;
	margin-left: -420px;
}

#toplink {
	width: 122px;
	height: 50px;
	position: fixed;
	right: 60px;
	background-color: #1b1b1b;
	border: 3px solid black;
	border-top: none;
	border-radius: 0 0 15px 15px;
}

#toplink a {
	color: #cccccc;
	text-decoration: none;	
}

#toplink a:hover, #toplink a:active {
	color: white;
}

nav {
	background-color: #1b1b1b;
	border-top: 3px solid #262626;
	border-bottom: 3px solid #262626;
	margin-top: -50px;
	padding: 6px 0px;
}

nav ul {
	margin: 15px 0 15px 265px;
		
}

nav li {
	display: inline;
	margin-left: -5px;
	
}

nav ul li:first-child a {
	border-left: 1px solid #646464;
}

nav li a {
	padding: 21px 20px;
	border-right: 1px solid #646464;
}

nav li>a:link, nav li>a:visited {
	color: #cccccc;
	text-decoration: none;
}

nav li>a:hover {
	background-color: #cca756;
	color: #1e1e1e;
}

nav li>a:active {
	color: white;
}

section {
	width: 700px;
	margin: 0px auto;  /*this should eliminate any white space around the body content as well as center the page in current browsers */
	
}	

h1, h2, h3 {
	text-align: left; /* sets the text alignment back to the default of left */
	font-family: Georgia, serif; /* sets the headings to the desired font */
	color: #cca756;
}

h3 {
	text-indent: 20px;
}

section p {
	text-align: left; /* sets the text alignment back to the default of left */
}

#banner-image {
	margin-top: 35px;
	border: 3px solid #3b3b3b;
	border-radius: 9px;
	width: 698px;
	height: 245px;
}


article {
	width: 90%;
	/*float: left;*/
	margin-left: 4%;
	margin-bottom: 15px;
}

.article1 {
	margin-left: 2%;
}

a:link, a:visited {
	color: #c6a254;
}

a:hover {
	color: #b5b5b5;
}

a:active {
	color: white;
}

footer {
	clear: both;
	background-color: #1b1b1b;
	color: #757575;
	border-top: 3px solid #262626;
	height: 120px;
	/*margin-bottom: -10px;*/
	
	padding-bottom: 18px;
}

footer img {
	margin-left: 10px;
}

#footer-container {
	width: 700px;
	margin: 0 auto;
}

#footer-left {
	width: 340px;
	left: 0px;
	text-align: right;
	margin-right: 10px;
	margin-top: 15px;
	float: left;
}

#footer-right {
	width: 340px;
	float: right;
	margin-top: 19px;
	line-height: 1em;
	text-align: left;
	margin-left: 10px;
}

footer p {
	height: 12px;
}

footer a:link, footer a:visited {
	color: #757575;
}

footer a:hover {
	color: #c6a254;
}

footer a:active {
	color: white;
}