body {  background-color: #FFCC33; font-family: Arial, Helvetica, sans-serif}
a {  text-decoration: none}
a:hover {  text-decoration: underline}
.nomargin {  margin-top: 0px; margin-bottom: 0px}
h1 {  text-align: center; color: #0000CC; font-size: large}
.DivTable {  background-color: #66CCCC}
input {  font-family: Arial, Helvetica, sans-serif; color: #0000CC}
textarea {  font-family: Arial, Helvetica, sans-serif; color: #0000CC}
.crosshair {  cursor: crosshair}
h2 { color: #0000CC ; font-size: small; margin-bottom: 0px; padding-bottom: 0px}
p {  margin-top: 0px; padding-top: 0px}
.left {  text-align: left}
.centre {  text-align: center}
.right {  text-align: right}

table.datatable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: white;
}
table.datatable th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: blue blue blue blue;
	background-color: #FFCC33;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.datatable td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: blue blue blue blue;
	background-color: #FFECB3;
	-moz-border-radius: 0px 0px 0px 0px;
}

ol { counter-reset: item ; padding-left: 0px}
ol li { display: block; ; padding-left: 12px}
ol li:before { content: counters(item, ".") ". "; counter-increment: item }
.clearer {  clear:both }