table.myheader {
	background-color: black;
	border-style: groove;
	border-width: 2px;
	color: white;
	font-size: 12pt;
	text-align: center; 	 	
}

table.mybody 
{
	border-style: groove;
	border-width: 2px;
	background-color: black;
	color: white;
	width: 99%;
	text-align: left;
}

th
{
	background-color: rgb(248,248,0);
	color: rgb(0,0,0);
	font-size: 26pt;
	text-align: center;
}

li
{
	margin-left: 32px;
}

body 
{
	background-color: rgb(128,128,128);
	color: white;
}

div.mainbody
{
	background-color: rgb(248,248,248);
	color: rgb(0,0,0);
	text-align: left;
	border-style: groove;
	border-width: 2px;
	margin-left: 16px;
	margin-right: 16px;
	padding: 32px;
}


div.hint
{
	background-color: rgb(255,255,128);
	color: rgb(0,0,0);
	text-align: center;
	border-style: groove;
	border-width: 1px;
	margin-left: 32px;
	margin-right: 32px;
	padding: 4px;
}



	
p.date
{
	text-align: left;
	font-size: 16pt;
	color: yellow;
	background-color: transparent;
	margin-left: 5px;
}


b.header
{
	color: yellow;
	background-color: transparent;
}

h1
{
	color: rgb(0,0,0);
	font-style: bold;
	text-align: center;
}

h2
{
	color: rgb(0,0,128);
	font-style: bold;
	text-align: center;
}



pre
{
	color: rgb(248,248,248);
	overflow-x: auto;
	white-space: pre;
	background-color: black;
	border-style: groove;
	border-width: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	-webkit-overflow-scrolling: touch;
}


a:link { color: rgb(0,0,255); background-color: transparent; }
a:visited { color: rgb(0,0,255); background-color: transparent; }
a:active { color: blue; background-color: transparent; }
a:hover { color: rgb(255,0,0); background-color: transparent; }