@import
url(http://font.googleapis.com/css?family=Boogaloo);

@charset "utf-8";

	body {
		background-color: #FF837A;
	}

/* DIVISIONS */
/* The man division that holds all others*/

#wrapper {
width: 1000px;
height: 1000px;
position: relative;
top: 0px;
background-color: #1F130E;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border: 10px solid #1F130E;
z-index: 0;
}

/* child divs placed in the container div */


#header {
width: 1000px;
height: 150px;
position: absolute;
top: 0px;
background-color: #FFAAA1;
border-radius: 8px;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index: 1;
}

#nav {
width: 1000px;
height: 100px;
font-size: 1.5em;
font-family: 'Boogaloo', cursive;
font-weight: Bold;
text-align: Center;
position: absolute;
top: 150px;
left: 0px;
background-color: #FFB69B;
border-radius: 8px;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index:1;
}

#aside_left {
width: 750px;
height: 700px;
position: absolute;
top: 250px;
left: 0px;
background-color: #DEFFA1;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index: 1;
}

#container {
width: 750px;
height: 700px;
position: absolute;
top:250px;
left: 150px;
background-color: #FFD9A1;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index: 1;

}

#aside_right {
width: 100px;
height: 700px;
position: absolute;
top: 250px;
left: 900px;
background-color: #DEFFA1;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index: 1;
}

#footer {
width: 1000px;
height: 50px;
position: absolute;
bottom: 0px;
left: 0px;
background-color: #A1FFC2;
padding: 0px;
margin: 0px;
border: 3px solid #1F130E;
z-index: 1;
}

#section {
  
width: 640px;
height: 510px;
background-color: #A5D8F6;
border-radius: 8px;
position: absolute;
top: 250px;
left: 15px;
z-index: 2;
}

.column {
width: 270px;
height:410px;
background-color: #7DC623;
border-radius: 8px;
position: absolute;
top: 250px;
right: 15px;
z-index: 2;
}

.story {
width: 730px;
height: 200px;
position: relative;
background-color: #A1FFC2;
padding: 0px;
margin: 5px;
z-index: 3;
border: 3px solid #000;
}

.img1 {
width: 170px;
height: 180px;
opacity: 0.75;
position: absolute;
top: 5px;
right: 5px;
background-color: #E9C7E1;
padding: 0px;
margin: 5px;
z-index: 4;
border: 3px solid #000;
}


.text1 {
width: 520px;
height: 180px;
position: absolute;
top: 5px;
left: 10px;
background-color: #E6EBFF;
padding: 0px;
margin: 5px;
z-index: 4;
border: 3px solid #000;
}


/*TEXT*/
/*Headings, paragraphs and lists */

	
	h1 {
		color: white;
		text-align: center;
		font-size: 60px;
		font-stretch: 5px;
		text-align: left;
		text-decoration: none;
		padding: 20px;
		margin-left: 30px;
		margin-top: 10px;
		margin-right: 20px;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	p {
		font-family: verdana;
		font-size: 20px;
		color: black;
	}
	
	h2 {
	    font-size; 60px;
	    color: white;
	}
	
	/* NAVIGATION */
	/* links and navigation */
	
	
	a:link, a:visited, a:active {
	  font-family: Verana;
	  font-size: 1em;
	  text-decoration: none;
	  
	}
	
#nav a:link {
    color: #78A7FE;
    
  }

#nav	a:visited: {
	  
	  color: black;

	}
	
#nav	a:hover {
	  color: #FD34A1;
	  text-decoration: underline; 
	}
	
	a:active: {
	  
	  color: #029D9D;
	}
	  
	  a:link{color:#78A7FE;} /* unvisited link */
	  a:visited{color:#CB97FF;} /* visited link */
	  a:hover{color:#FFD595} /* mouse over link */
	  
#nav ul{
  margin-top: 20px; /* controls the distance from the top of the nav div */
}

#nav li {
  display: inline; /*makesthe listitems floats of the right of the previous list items */
}

#nav a {
  text-decoration; none; /*remove the underline from the texts */