html,body
{ 
	font-family: Georgia,serif; 
}

h1
{ 
	font-family: "Bookman Old Style",serif; 
	text-align: center; 
	text-decoration: underline;
	margin-top: 5mm; 
	margin-bottom: 8mm; 
}

h2
{
	font-family: Verdana,sans-serif;
	font-style: italic;
}

th
{ 
	text-align: left; 
	font-family: sans-serif; 
}

.outputsample
{
	white-space: pre;
	margin-left: 4em;
	margin-right: 4em;
	padding: 1em;
	font-family: monospace;
	background: #eee;
}

.hint
{ 
	font-family: Verdana,sans-serif; 
	padding-left: 1cm; 
	padding-right: 1cm; 
	padding-top: 5mm; 
	padding-bottom: 5mm; 
	background: #eee; 
	color: #000; 
	position: absolute; 
	left: 15%; 
	right: 15%; 
	visibility: visible; 	// Initially visible incase Javascript disabled
}

.error
{ 
	font-family: Georgia,serif;
	font-weight: bold;
	padding-left: 1cm; 
	padding-right: 1cm; 
	padding-top: 5mm; 
	padding-bottom: 5mm; 
	margin-left: 25mm;
	margin-right: 25mm;
	background: #c00; 
	color: #fff; 
	left: 15%; 
	right: 15%; 
}


.warning
{ 
	font-family: Georgia,serif;
	font-weight: bold;
	padding-left: 1cm; 
	padding-right: 1cm; 
	padding-top: 5mm; 
	padding-bottom: 5mm; 
	margin-left: 25mm;
	margin-right: 25mm;
	background: #f80; 
	color: #fff; 
	left: 15%; 
	right: 15%; 
}