﻿/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-image: url('bg1.jpg');}
	
.container {
	width: 500px;
	left: 50%;
	margin-left: -250px;
	position: absolute;}

#masthead {
	min-width: 500px;}
	
#header {
	padding: 10px;
	margin-left: 200px;}

#page_content {
	border: thin dashed #000000;
	padding: 5px;
	background-color: #EDE5D5;
	margin-left: 200px;
	font-family: verdana;
	font-size: small;
	width: 505px;}
	
h1 {
	background-color: #f3eadc;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #F4C188;
	border-bottom-style: dotted;
	border-bottom-width: thin;}
	
a:link, a:visited {
	color: #87BBDA;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;}
	
a:hover {
	color: #87BBDA;
	font-style: normal;
	font-weight: bold;}
	
#navlist {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;}
	
#navlist li {
	display: inline;}
	
#navlist a {
	padding: 8px;}
	
#navlist a:link, #navlist a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #ede5d5;
	background-color: #F4C188;
	font-style: normal;}
	
#navlist a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F4C188;
	font-size: medium;
	background-color: #ede5d5;
	border-bottom-style: dotted;
	border-bottom-width: thin;}
