body {
	font-family: sans-serif;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

a:hover, a:visited:hover {
	text-decoration: underline;
}

div#boundingbox {
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 4px;
	width: 600px;
}

div#heading {
	border-style: solid;
	border-width: 0px 8px 8px 8px;
	font-family: monospace;
	margin-bottom: 8px;
	padding: 64px 2px 2px 2px;
}

div#heading h1 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 0px;
}

div#quote {
	clear: both;
	margin-bottom: 8px;
	padding: 2px;
}

div#bodybox {
	text-align: left;
}

div#sidebar {
	float: left;
	margin-bottom: 8px;
	width: 25%;
}

div#sidebar div.sidebox_a {
	margin-bottom: 8px;
	padding: 2px;
}

div#sidebar div.sidebox_a h3 {
	font-size: 10pt;
	letter-spacing: 1px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-top: 4px;
	text-transform: uppercase;
}

div#sidebar div.sidebox_a ul {
	line-height: 1.5;
	margin-left: 0px;
	padding-left: 16px;
}

div#sidebar div.sidebox_a li {
	list-style-type: none;
}

/*div#sidebar div.sidebox_a a {
	text-decoration: none;
}

div#sidebar div.sidebox_a a:hover, div#sidebar div.sidebox_a a:visited:hover {
	text-decoration: underline;
}*/

div#sidebar div.sidebox_b {
	margin-bottom: 8px;
	padding: 2px;
}

div#sidebar div.sidebox_b h3 {
	font-size: 10pt;
	letter-spacing: 1px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-top: 4px;
	text-transform: uppercase;
}

div#sidebar div.sidebox_b ul {
	line-height: 1.5;
	margin-left: 0px;
	padding-left: 16px;
}

div#sidebar div.sidebox_b li {
	list-style-type: none;
}

/*div#sidebar div.sidebox_b a {
	text-decoration: none;
}

div#sidebar div.sidebox_b a:hover, div#sidebar div.sidebox_b a:visited:hover {
	text-decoration: underline;
}*/

div#sidebar div.sidebox_c {
	margin-bottom: 8px;
	padding: 2px;
}

div#sidebar div.sidebox_c h3 {
	font-size: 10pt;
	letter-spacing: 1px;
	margin-bottom: 8px;
	margin-left: 4px;
	margin-top: 4px;
	text-transform: uppercase;
}

div#sidebar p {
	padding-left: 16px;
}

div#content {
	float: right;
	line-height: 1.6em;
	margin-bottom: 8px;
	padding: 8px;
	text-align: justify;
	width: 71%;
}

div#content div#sublinks ul {
	line-height: 1.5em;
	list-style-type: none;
	padding-left: 8px;
}

div#content div#sublinks li {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}

div#content div#sublinks a {
	text-transform: lowercase;
}

/*div#content div#sublinks a:active {
	text-decoration: underline;
}
div#content div#sublinks a:hover {
	text-decoration: underline;
}

div#content div#sublinks a:visited {
}*/

div#content h2 {
	clear: both;
	font-size: 14pt;
	letter-spacing: 2px;
	margin-bottom: 32px;
	margin-top: 64px;
	text-align: center;
}

div.contentbox {
	margin-bottom: 48px;
	margin-top: 32px;
}

div.contentbox h3 {
	clear: both;
	font-weight: bold;
}

div.contentbox h4 {
	clear: both;
	font-style: italic;
	font-weight: bold;
}

div.contentbox p.sidenote {
	float: right;
	margin: 0px 8px 8px 8px;
	padding: 8px;
	text-align: left;
	width: 30%;
}

div.contentbox p.alert {
	clear: both;
	font-weight: bold;
	margin: auto 16px;
	padding: 16px;
}

div.contentbox blockquote {
	clear: both;
	margin: auto 32px;
	padding: 16px;
}

div.contentbox code {
	display: block;
	font-size: smaller;
	padding: 4px;
	white-space: pre;
}

div.contentbox ul {
	padding-left: 16px;
}

div.contentbox li {
	padding-bottom: 1em;
}

div.contentbox img.screenshot {
	width: 320px;
	height: 240px;
	text-align: center;
}

div#footer {
	clear: both;
	margin-bottom: 8px;
	padding: 2px;
	text-align: right;
}


/* Colours */

body {
	background-color: #d6deec;
}

a {
	color: #000099;
}

a:hover, a:visited:hover {
	color: #ff0000;
}

div#boundingbox {
}

div#heading {
	background-color: #4466aa;
	border-color: #88aaff;
	color: #cceeff;
}

div#heading h1 {
}

div#quote {
	background-color: #bbbbbb;
	color: #333333;
}

div#bodybox {
}

div#sidebar {
}

div#sidebar div.sidebox_a {
	background-color: #99ccff;
}

div#sidebar div.sidebox_a h3 {
	color: #cc0000;
}

div#sidebar div.sidebox_a ul {
}

div#sidebar div.sidebox_a li {
}

/*div#sidebar div.sidebox_a a {
}

div#sidebar div.sidebox_a a:hover, div#sidebar div.sidebox_a a:visited:hover {
	color: #ff0000;
}*/

div#sidebar div.sidebox_b {
	background-color: #6699cc;
}

div#sidebar div.sidebox_b h3 {
	color: #660000;
}

div#sidebar div.sidebox_b ul {
}

div#sidebar div.sidebox_b li {
}

/*div#sidebar div.sidebox_b a {
}

div#sidebar div.sidebox_b a:hover, div#sidebar div.sidebox_b a:visited:hover {
	color: #ff0000;
}*/

div#sidebar div.sidebox_c {
	background-color: #3399cc;
}

div#sidebar div.sidebox_c h3 {
	color: #990000;
}

div#content {
	background-color: #ffffff;
}

div#content div#sublinks ul {
}

div#content div#sublinks li {
}

div#content div#sublinks a {
}

/*div#content div#sublinks a:active, div#content div#sublinks a:visited:active {
	color: #ff0000;
}
div#content div#sublinks a:hover, div#content div#sublinks a:visited:hover {
	color: #ff0000;
}*/

div#content div#sublinks a:visited {
	color: #666666;
}

div#content div#sublinks a:visited:hover {
	color: #ff0000;
}

div#content h2 {
	color: #cc6600;
}

div.contentbox {
}

div.contentbox h3 {
	color: #ff6600;
}

div.contentbox h4 {
	color: #999999;
}

div.contentbox p.sidenote {
	background-color: #00ff00;
}

div.contentbox p.alert {
	color: #ffffff;
	background-color: #cc0000;
}

div.contentbox blockquote {
	background-color: #ffff99;
}

div.contentbox code {
	background-color: #000000;
	color: #00ff00;
}

div#footer {
	background-color: #bbbbbb;
	color: #333333;
}

