body {
	background-color: black;
	margin: 0px;
	padding: 0px;
}

.rule {
	margin: 3px 0px 0px 0px;
	padding: 6px;
	border: thin dotted #CCC;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

p {
	font-size: 12px;
	font-family: sans-serif;
	color: #CCC;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

span.good {
	cursor: pointer;
	color: #41C567;
	text-decoration: none;
}

span.bad {
	cursor: pointer;
	color: #C83B63;
	text-decoration: none;
}

span.ok {
	cursor: pointer;
	color: #EAB33E;
	text-decoration: none;
}

ul {
	font-size: 12px;
	list-style-type: square;
	font-family: sans-serif;
	color: #CCC;
	padding: 0 0 0 14px;
}

li {
	font-size: 12px;
	list-style-type: square;
	font-family: sans-serif;
	color: #CCC;
}

a {
	color: #CCC;
	text-decoration: underline;
}

h1 {
	color: #AAA;
	font-size: 22px;
	font-family: sans-serif;
	font-style: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

h2 {
	color: #AAA;
	text-decoration: underline;
	font-size: 12px;
	font-family: sans-serif;
	font-style: bold;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #EAB33E;
}

.math {
	position: absolute;
	width: 50%;
	height: 500px;
	top: 50px;
	left: -10px;
	z-index: 0;
}

.content {
	position: absolute;
	width: 50%;
	height: 85%;
	margin-top: 70px;
	top: 0px;
	right: 5px;
	color: #CCC;
	font-size: 12px;
	font-family: sans-serif;
	z-index: 2;
}

.navdiv {
	position: absolute;
	top: 5px;
	right: 8px;
	color: #AAA;
	font-size: 11px;
	font-family: sans-serif;
	z-index: 100;
}

a.nav {
	color: #AAA;
	font-size: 11px;
	font-family: sans-serif;
	text-decoration: none;
}

a.nav:hover {
	color: #EAB33E;
	text-decoration: underline;
}

h1.bad {
	color: #C83B63;
}

h1.good {
	color: #41C567;
}

h1.ok {
	color: #EAB33E;
}

a.bad {
	color: #C83B63;
}

a.bad:hover {
	color: #CCC;
}

a.good {
	color: #41C567;
}

a.good:hover {
	color: #CCC;
}

a.ok {
	color: #EAB33E;
}

a.ok:hover {
	color: #CCC;
}

.logo {
	position: absolute;
	width: 401px;
	height: 41px;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.footer {
	position: absolute;
	bottom: 5px;
	left: 8px;
	text-align: left;
	color: #777;
	font-size: 9px;
	font-family: sans-serif;
	z-index: 0;
}

#rollover {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 250px;
	padding: 4px 4px 4px 4px;
	background-color: #000;
	border: solid 1px #CCC;
	z-index: 2;
}

p.header {
	font: bold 12px arial;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	text-decoration: underline;
}

p.why {
	font: normal 10px arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}