@charset "UTF-8";
/* CSS Document */
header {
	height:360 px;
	
}

#logo {
    position: absolute;
    z-index: 2;
    top: 6px
    margin: 10px auto 0 auto;
	padding: 0 0 0 10px;
    }

#page {
	max-width: 100%px;
	min-width: 320px;
	margin: 10px auto 10px auto;
	padding: 20px;
	border: none;
	background-color: #ffffff;
}

div.relative {
	position: static;
	left: 15px;
	top: 15px;
	
}

ul { color: #522414; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; max-width: 600px; }


body {
	background-color: #aeaca8;
	
}

.article {
	margin-left: 20px;
	clear:both;
	overflow:auto;
	width:80%;
}

.wrapper1 {
	max-width: 95%;
	min-width: 320px;
	margin: 20px 20px 20px 20px;
	border: 1px solid #000000;
	background-color: #ccd1d1;
	margin-bottom:auto;
	border-radius: 10px 10px 0 0;
	 
}

.wrapper2 {
	max-width: 95%px;
	min-width: 285px;
	margin: 20px 20px 20px 20px;
	border: 1px solid #000000;
	background-color: #aeaca8;
	border-radius: 10px 10px 0 0;
	 
}



h1 {
	vertical-align:central;
	color: #ffffff;
	text-align: center;
	
}

h2 {
	color:#4d2600;
	text-align: left;
	margin-left: 20px
;
}

h3 {
	color: #522414;
	text-align: left;
	margin-left: 20px;
}

h4 {
	margin-left: 20px;
	color: #522414;
}


p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #522414;
	font-size:16px;
	margin-left: 20px;
	max-width: 800px;
}



nav {
	clear: both;
	position: relative;
	color: #522414;;
	background-color: #cccccc;
	height: 35px;
	font-size:16px;
	
}

footer {
	clear: both;
	vertical-align: central;
	color: #522414;;
	background-color: #aeaca8;
	width:100%;
	height: 30 px;
}


nav ul {
	margin:opx;
	padding: 5px 0px 5px 5px;
}

nav li {
	float: none;
	display:inline;
	margin-right: 40px;
}

nav li a {
	display: inline;
	color: #522414;
}

nav li a:hover, nav li a.current {
	color: #b623c6;
}