html {
	box-sizing: border-box;
}

*,*:before,*:after {
	box-sizing: inherit;
}

body {
	max-width: 960px;
	margin: 0 auto;
}

#left, #right {
	width: 24%;
}

#middle {
	width: 50%;
	border-style: solid;
	border-width: 1px;
}

div.clear {
	clear: both;
}

section {
	float: left;
	padding: 3px;
}

h1, footer {
	background-color: #aaa;
	text-align: center;
}

footer {
	margin-top: 10px;
}

#left ul {
	background-color: #d4f0ff;
}

#right ul {
	background-color: #cd5c5c;
}

section:not(:last-of-type) {
	margin-right: 1%;
}

#left ul li:nth-child(3) {
	color: white;
}

#right ul li:hover {
	color: white;
}