body{
    margin: 0px auto;
    color: #4B4B4B;
    background: #eee;
    display:-webkit-flex;
    -webkit-flex-flow: row wrap;
    display: flex;
    flex-flow: row wrap;
	font-family: Cursive, Arial, Helvetica, sans-serif;	

}

header, nav, main, footer{
	width:1024px;
	margin:0 auto;
	padding: 1em;
	background: #fff;
}


header{

}


nav{
	

}

main{
	
}

footer{
	background-image: linear-gradient(to bottom, #405464, #1f5886);
	text-align : center;
	color:white;
	margin-bottom: 1em;
}

h1, h2{
	margin-top:2em;	
}

h1{
	font-size: 1.5em;
	border-bottom: 2px dashed gray;
}
h2{
	font-size: 1.1em;
}


p{
	
}

ul{
	
}

li{
	display:inline-block;
	min-width: 300px;
	width: 30%;
	text-align:center;
	padding:0.5em;
	margin: 0.5em 0;
	
}

li:hover, li:hover a{
	background-color:gray;
	color: white;
	cursor: pointer;
}

a{
	text-decoration:none;
	color: #4B4B4B;
	
}

a:hover{

}

li.active_page{
	
	border: 1px solid gray;
	
}