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

body {
	background:url('BGtile.png');
	color:black;
	font-family:arial, sans-serif;
	font-size:100%;
	font-weight:bold;}

@font-face {font-family:Lobster;
	src:url('Lobster 1.4.otf');}
	
h1,h2,h3,h4{
	font-family:Lobster,serif;
	color:#dfcf99;
	font-weight:normal;}	 
	
#wrapper{
	background-color:#3fab85;
	min-width:700px;
	max-width:1200px;
	margin:0 auto;
	width:90%;}
	
#main-head{
	background:url('tiletexture.png');
	height:100px;
	position:relative;
	}
	
#main-head h1{
	position: absolute;
	text-align:center;	
    bottom: 0; 
	width:100%;
	font-size:250%;}
	
#content-wrapper{
	padding:0 .5em;
	margin-top:1em;}

div#main{
	color:#120400;
	width:55%;
	position:relative;
	margin-left:22%;}
div#main p{
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.5em;}

header#main{
	padding:.3em;}
header#main h2{
	margin:0;}

	#nav{
		color:#F2E2CE;
		float:left;
		padding:5px;
		font-size:90%;
		line-height:200%;
		width:19%;
		white-space:nowrap;
		}
#nav a{
	display:block;}
#nav a:link { 
			   color:#dfcf99;
			   font-weight:bolder;
			   text-decoration:none;
			  }
		
#nav a:hover { font-style:italic;
			   color:#dfcf99 !important;
			   font-weight:normal;
			   text-decoration:none;
			 }

#nav a:visited { 
			   color:#120400;
			   font-weight:bolder;
			   text-decoration:none;
			 }
div#secondary{
	background-color:#1b9d76;
	padding:.5em;
	color;#120400;
	clear:both;}
	
div#secondary img{
	float:right;
	margin:.4em 0;}
header#secondary{
	background-color:#3fab85;
	padding:.3em;}
header#secondary h2{
	margin:0;}

#sidebar{}

aside{
	color:#120400;
	float:right;
	padding:5px;
	width:20%;
	}

footer{
	clear:both;
	color:#120400;}
footer p{
	padding:.1em;}