BODY {
	font-family: Verdana, arial, sans-serif;
	font-size: 14px;
	layout-grid-line: 5px;
	layout-grid-char: 1px;
}

H1 {
	text-align: center;
}

H2 {
	text-align: center;
}

H3 {
	text-align: center;
}

A:link { color: #3333cc; }

A:visited { color: #6666ff; }

A:hover { color: orange; }

TABLE {
	empty-cells: hide;
	border-collapse: separate;
	border-spacing: 3px;
}

DIV.left {
	width: 45%;
	float: left;
	margin-left: 1%;
	margin-right: 3%;
	padding: 0;
	line-height: 1.4;
}

DIV.right {
	width: 45%;
	float: right;
	margin-right: 1%;
	padding: 0;
	line-height: 1.4;
}

UL, OL { margin: 4pt 20pt 4pt;}

DIV.data {
	border: 1px dotted gray;
	padding-left: 2px;
	margin: 2px 20px 2px 20px;
}

.write {
	border: 1px dotted gray;
	background-color: #d0d0d0;
	padding: 8px;
	margin: 0 10% 0 10%;
}

.res {
	border: 1px dotted blue;
	background-color: #eeeeff;
	padding: 8px;
	margin: 10px 10% 10px 10%;
}

.thre {
	border: 2px dotted blue;
	background-color: #eeeeff;
	padding: 8px;
	margin: 10px 10% 10px 10%;
}

.border {
	padding: 8px;
	margin: 10px 10% 10px 10%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
}