* {font-size: 100.01%;}
div.canvas {
	width: 58em;
	min-width: 58em;
	max-width: 64em;
	padding: 1em 2em;
}
a {color: #3CAEE5;}

a:hover, a:active {color: #EF3124;}
a:visited {color: #5B62C1;}


h1, h2, h3, h4, h5 {
	font-family: Georgia, Times; 
	font-weight: normal;
	color: #222222;
	padding-top: 0.5em;
}
h1 *, h2 *, h3 *, h4 *, h5 * {
	color: #222222 !important;
}

h1 {font-size: 320%; margin: 0 0 1em 0;}

h2 {font-size: 140%; margin: 1.75em 0 0.5em 0;}
h3 {font-size: 110%; margin: 1.75em 0 0.5em 0;}
h4 {font-size: 100%; margin: 1.75em 0 0.5em 0; font-weight: bold;}
h5 {font-size: 100%; margin: 1.75em 0 0.5em 0; font-weight: bold;}

* html h2, * html h3, * html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match( /^H\d$/ ) ) ? 0 : '1.75em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

img {border: none;}


div.preambula {
	padding: 12px;
	margin: 3em 0 2em 0;
	margin-left: -12px;
	background: #E0E2E4;
	font-size: 0.8em;
	color: #333;
}

.copyright {
	margin-top: 5em;
	font-size: 0.8em;
	color: #444;
	width: 70%;
}
div.hr {
	font-size: 1px;
	border-bottom: 1px solid #333;
	margin: 0 -12px;
}
div.vocabulary {
	padding: 12px;
	margin: 2em 0;
	margin-left: -12px;
	background: #E0E2E4;
	color: #111;
}

p {margin: 0 0 1em 0; line-height: 1.4em;}

table.eg {
	background: #F5F5EA;
	border-collapse: collapse;
	margin-left: -10px;
	border: none;
}
table.eg td {
	padding: 10px;
	border: none;
}

div.links {
	padding: 1em;
	padding-left: 80px;
	background: #EEE;
	font-size: 0.72em;
}