body {
	font-size: 16px;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	background-image: url('back.png');
	background-repeat: repeat-y;
}

a {
	
	text-decoration: none;
}

	.box1	{
	
		padding: 0px;
	
		position: absolute; 
	
		left: 0px; 
	
		top: 0px; 
	
		width: 600px; 
	
		min-height: 100%;
	
		overflow: visible;
		
		background: #43d1e9;
		
		border-right: 20px solid #000;
   	
	}
	
	.box2	{

		padding: 0px;

		position: absolute; 

		z-index: 2; 

		left: 400px; 

		top: 105px; 

		width: 328px; 

		overflow: visible;

	}
	
	.box2 li {

		width: 180px;
		
		list-style: none;
		
		background: #f4bd22;
		
		margin: 10px;
		
		text-align: center;
		
		font-size: 26px;
		
		font-family: 'Amatic SC', cursive;
		
		font-weight: 700;
		
		border: 3px dotted #000;
		
	}
	
	.active li {
		background: #62d8f4;
	}
	
	.active li:hover {
		background: #62d8f4 !important;
	}
	
	.box2 li:hover {
		
		background: #fa3d97;
	}
	
	.box2 a {
		color: #fff;
		text-shadow: 1px 1px 01px #000;
	}
	
	.box3 {
		
		position: absolute;
		
		z-index: 3;
		
		left: 660px;
		
		width: 600px;
		
	
	}
	
	.box3 h2 {
		
		font-family: 'Amatic SC', cursive;
		
		font-size: 40px;
		
		color: #43d1e9;
		
		text-shadow: 2px 1px 0px #000;
		
		font-weight: 700;
	}
	
	.box3 ul {
		
		list-style: none;
		
	}
	
	.box3 li:before {
		
		  content: "\2022";
		  
		  color: #ffc826;
		  
		  font-weight: 700;
		  
		  display: inline-block;
		  
		  width: 1em;
		  
		  margin-left: -1em;
		  
		  font-size: 22px;
		  
	}
	
	.box3 li {
		
		padding: 0;

		
		margin: 0;
		
		
	}
	
	.box3 li a {
		
		color: #ee1c79;
		
		border-bottom: 3px dotted #000;
		
	}
	
	.box3 li a:hover {
		
		color: #43d1e9;
		
		border-bottom: 3px dotted #ffc826;
	}
	
	.box3 h3 {
		
		color: #fa3d97;
		
		font-family: 'Amatic SC', cursive;
		
		font-size: 28px;
		
		font-weight: 700;
		
		text-shadow: 1px 1px 0 #000;
		
		letter-spacing: 1px;
	}