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



body { 
background-color: #AEDEEB;
}



header { 

border-width:2px;
border:solid;
width:100%; 
height: 40px;
margin-bottom:10px;
clear:both;
}

#main {
	
	display: flex;
	height:100%;
	
	}

#main nav { 

border-width:2px;
border:solid;
width:20%;
height: 481px;
margin:10px 10px;
float:left;
}

#main section { 

border-width:2px;
border:solid;
width:700px;
height: 100%; 
float:left;
margin: 10px;
padding: 10px;
}

#main section header { 

border-width:2px;
border:solid;
width:100%;
height: 40px;

}

#main section article { 

border-width:2px;
border:solid;
width:100%;
height: 300px; 


}

#main section footer { 

border-width:2px;
border:solid;
width: 100%;
height: 40px;
margin-top:5px;

}

#main aside { 
 
border-width:2px;
border:solid;
width: 20%;
float: left;
height: 481px;
margin:10px 10px;
}

footer { 

border-width:2px;
border:solid;
width: 100%;
height: 40px;
clear:both;

}