@charset "utf-8";
	 
	 #wrapper {
	 width: 1000px;
	 height: 800px;
	 position: relative;
	 top: 0px;
	 background-color: #000000;
	 margin-left: auto;
	 margin-right: auto;
	 border: 5px solid #f00;
	 z-index: 0;
	 }
	 
	 body, html {}
	 
	 /* DIVISIONS */
	 /* the main division that holds all others */
	 #wrapper {
	 width: 1000px;
	 height: 1000px;
	 position: relative;
	 top: 0px;
	 background-color: #000000;
	 margin-right: auto;
	 margin-left: auto;
	 padding: 0px;
	 margin-top: 0px;
	 border: 1px solid #f00;
	 z-index: 0;
	 }
	 
	 /* child divs placed in the wrapper */
	 #header {
	 width: 1000px;
	 height: 150px;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 background-color: #A07DBF;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 }
	 #nav {
	 width: 1000px;
	 height: 100px;
	 position: absolute;
	 top: 150px;
	 left: 0px;
	 background-color: #87A5A7;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 margin-top: 0px;
	 }
	 #aside-left {
	 width: 150px;
	 height: 700px;
	 position: absolute;
	 top: 250px;
	 left: 0px;
	 background-color: #FFFFFF;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 }
	 #container {
	 width: 700px;
	 height: 700px;
	 position: absolute;
	 top: 250px;
	 left: 150px;
	 background-color: A07DBF;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 }
	 #aside-right {
	 width: 150px;
	 height: 700px;
	 position: absolute;
	 top: 250px;
	 right: 0px;
	 background-color: #FFFFFF;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 }
	 #footer {
	  width: 1000px;
	 height: 50px;
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 background-color: #ff4066;
	 padding: 0px;
	 margin: 0px;
	 z-index: 1;
	 }
	
	 
	 
     /*TEXT*/
	 HEADINGS, PARAGRAPHS and LISTS
	h1{
	 font-family: SFCartoonistHandBoldItalic, "Times New Roman", serif;
	 font-size: 2.8em;
	 letter-spacing: 4px;
	 font-weight: bold;
	 text-align: left;
	 color: #800080;
	 text-decoration: none;
	 padding: 20px; 
	 margin-left: 30px;
	 margin-top: 10px;
	 margin-right: 20px;
	 margin-bottom: 10px;
	}
	
	.story {
	z-index: 4;
	width: 676px;
	height: 180px;
	position: relative;
	text-align: left;
	margin: 5px;
	background-color: #bbbbbb;
	border:1px solid #ffffff;
	}
	
	.text {
	z-index: 5;
	width: 476px;
	height: 160px;
	position: absolute;
	top: 5px;
	left: 5px;
	text-align: left;
	margin: 5px;
	background-color: #87A5A7;
	border:1px solid #ff5555;
	}
	
	.img1 {
	z-index: 5;
	width: 160px;
	height: 160px;
	position: absolute;
	top: 5px;
	left: 5px;
	text-align: left;
	margin: 5px;
	background-color: #A07DBF;
	border:1px solid #55ff55;
	}
	
	.border {
	border:5px solid #ff0000;
	border-radius:25px;
	}
	
	p.special {
	color:purple;
	text-align:center;
	font-family:arial;
	border: 1px solid red;
	margin: 0px 0px 0px 100px
	}
	
    /* NAVIGATION */
	/* links and navigation */

	a:link a:visited a:active {
	  font-family: Verana, Arial, Helvetica;
	  font-size 1em; color: #78A7FE;
	  text-decoration: none;
	  }
#nav a:link {
	  color: #000000;
	  border:3px solid #406618;
	  background-color:#d2a50c;
	  }
#nav	li:visited {
	 color: #CB97FF;
	 display:inline-block;
	 width:70px;
	 padding:3px;
	 border-radius:8px;
	 text-shadow: 3px 2px 3px #aaa
	  }
#nav a:active {
	  color: #66870c;
	  border:3px solid #66870c;
	  background-color: #c69c6d;
	  }
	  
#nav a:hover {
   display:inline-block;
	 width:70px;
	 padding:3px;
	 border-radius:8px;
	 text-shadow: 3px 2px 3px #fff
   }
	  
	  
	  
	  a:link {color: #78a7fe;} /*unvisited link*/
	  a:visited {color: #cb97ff;} /*visited link*/
	  a:hover {color: #ffd595;} /*mouse over link*/
	  
	  #nav a:link {
	 display:inline-block;
	 width:70px;
	 padding:3px;
	 color:#5c3205;
	 border:3px solid #5c3205;
	 border-radius:8px;
	 box-shadow:1px 1px 2px 2px #f26522;
	 background-color: #e79806;
	 text-shadow: 3px 2px 3px #aaa;
	 }