html { font-size: 100% }
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1rem;
	background-color: #F0F5FA;
}
header {
	min-width: 720px;
	max-width: 60em;
	margin: 0 auto;
	text-align: center;
}
h1 { font-size: 1.4rem; color: #0404B4; text-shadow: 2px 2px 3px grey; }
h2 { font-size: 1.2rem; color: #0404B4; text-align: right; }
a:hover { background-color: white; }
a.erl:link {text-decoration-style: wavy; }
ul { list-style-type: circle; }
#sidebar {
	margin: 0;
	padding: 5px 5px;
	border: 0;
	width: 180px;
	display: table-cell;
	background: linear-gradient(to right, white, #c3d9ec);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 0.9rem;
}
main {
	padding: 5px 5px;
	margin:0;
	border: 0;
	display: table-cell;
}
#wrapper {
	display: table;
	min-width: 720px;
	max-width: 60em;
	margin: 0 auto;
	
}
article {
	background-color: #c3d9ec;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-left: 20px;
}