body
{
	background-color:#DDEEFF;
	margin:0 0 1em 0;
	padding:0;
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size:10.5pt;
}

a
{
	color:#4455AA;
}

a:visited
{
	color:#996699;
}

#header
{
	width:100%;
	text-align:center;
	background-color:#CCDDEE;
	padding:0.2em 0;
	margin:0 0 0.2em 0;
	border:double #8899AA 3px;
	border-width:0 0 3px 0;
}

#header h1
{
	margin:0.2em 0;
	font-size:20pt;
}

#header h2
{
	margin:0.2em 0;
	font-size:12pt;
	color:#334455;
}

#header #subtitle
{
	color:#8899AA;
	margin:0.2em 0;
}

#nav
{
	display:block;
	margin:0.2em 1ex;
	padding:0;
	float:left;
	border:solid #8899AA 1px;
	width:15ex;
}

#nav li
{
	display:block;
	margin:0;
	padding:0;
	background-color:#BBCCDD;
	border:solid #8899AA 1px;
}

#nav li a
{
	display:block;
	padding:2px 1ex;
	text-decoration:none;
	color:#556677;
	font-family:Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size:10pt;
	font-weight:bold;
}

#nav li a:hover
{
	background-color:#CCDDEE;
}

#nav li a:visited
{
	color:#778899;
}

#nav li a:visited:hover
{
	background-color:#CCDDEE;
}

#body
{
	min-height:10em;
	margin:0.2em 1ex 1em 17ex;
}

table
{
	text-align:center;
	border-collapse:collapse;
}

table#downloads, table#progress
{
	width:25em;
}

table#examples, table#articles
{
	width:35em;
}

table th, table td
{
	border:solid #8899AA 1px;
	padding:2pt 3pt;
}

table thead tr
{
	background-color:#CCDDEE;
}

table td a
{
	font-size:80%;
}

.progress0
{
	font-weight:bold;
	color:#CC0000;
}

.progress1
{
	font-weight:bold;
	color:#AA4000;
}

.progress2
{
	font-weight:bold;
	color:#AA8000;
}

.progress3
{
	font-weight:bold;
	color:#95AA00;
}

.progress4
{
	font-weight:bold;
	color:#55AA00;
}

pre.sample
{
	margin:1.5em 0 0 2ex;
	padding-left:1ex;
	border:solid black 1px;
	border-width:0 0 0 2px;
}
