@charset "utf-8";

body {
	background: url(back.png);
	margin: 0px;
	padding: 8px 8px 12px 8px; /* top right bottom left */
	font-family: sans-serif, sans-serif;
	font-size: 100%;
}

div#main {
	margin: 0px auto 200px auto; /* top right bottom left */
	width: 700px;
}

@media screen and (max-width: 720px) {
	div#main {
		width: 100%;
	}
}

h1 {
	margin: 4px 8px 4px 8px; /* top right bottom left */
	padding: 4px;
	font-size: 150%;
}

h2 {
	margin: 4px 8px 4px 10px; /* top right bottom left */
	padding: 4px;
	font-size: 125%;
}

h3 {
	margin: 4px 8px 4px 12px; /* top right bottom left */
	padding: 4px;
	font-size: 100%;
}

p {
	margin: 0px 8px 8px 24px; /* top right bottom left */
}

div.p {
	margin: 0px 8px 8px 24px; /* top right bottom left */
}

table {
	border-collapse: collapse;
	line-height: 133%;
	margin: 16px 16px 16px 16px; /* top right bottom left */
	padding: 4px;
}

th {
	background: #f0f0f0;
	border: 1px solid gray;
	padding: 4px 8px 3px 8px; /* top right bottom left */
	white-space: nowrap;
	text-align: left;
}

td {
	background: #ffffff;
	border: 1px solid gray;
	padding: 2px 8px 2px 8px; /* top right bottom left */
	word-wrap: break-word;
}

table.noborder {
	border-collapse: collapse;
	line-height: 133%;
	margin: 0px;
	padding: 0px;
}

table.noborder th {
	background: rgba(0,0,0,0);
	border: 0px solid transparent;
	padding: 4px 8px 3px 8px; /* top right bottom left */
	white-space: nowrap;
	text-align: left;
}

table.noborder td {
	background: rgba(0,0,0,0);
	border: 0px solid transparent;
	padding: 2px 8px 2px 8px; /* top right bottom left */
	word-wrap: break-word;
}


ul {
	margin: 0px 8px 8px 4px; /* top right bottom left */
	line-height: 175%;
}

div#footer {
	margin: 20px 8px 8px 0px; /* top right bottom left */
	border: dashed gray;
	border-width: 1px 0px 0px 0px;
	text-align: right;
}

.multicol span {
	float: left;
	width: var(--w);
}