body {
	color: #000;
	background-color: #eed;
	margin: 0;
	padding: 0;
/*
	font-size: 15px;
	font-family: "courier new" ,courier, verdana, georgia, arial, monospace;
*/
}

li {
	list-style-type: square;
}

.hero-title {
	font-weight: 900;
	font-size: 30px;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	background-color: #33a;
	padding: 12px;
	border-bottom: solid 4px;
	border-color: #007;
}

h1 {
	font-size: 30px;
	color: #fff;
	background-color: #33a;
	margin: 0;
	padding: 12;
	border-bottom: solid 4px;
	border-color: #007;
}

h2 {
	font-size: 130%;
	color: #000;
	width: 80%;
	padding-left: 3px;
	border-bottom: solid 1px;
	border-left: solid 5px;
	border-color: #007;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #000;
	width: 80%;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #000;
	width: 80%;
}

/* style of links */
a:link {
	color: #07c;
	text-decoration: none;
}
a:visited {
	color: #249;
	text-decoration: none;
}
a:active {
	color: #077;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: #acc;
	text-decoration: none;
}

div.spacer {
	clear: both;
}

p {
	width: 95%;
}

.level0 { padding-left: 0; }
.level1 { padding-left: 30; }
.level2 { padding-left: 35; }
.level3 { padding-left: 30; }

.comment {
	margin: 3 0 10 10; 
	padding-left: 10;
	border-left: dashed 1px;
//	border-color: #777;
}

.old { color: #aaa; }
/* style of links */
.old a:link {
	color: #8cf;
	text-decoration: none;
}
.old a:visited {
	color: #6ad;
	text-decoration: none;
}
.old a:active {
	color: #077;
	text-decoration: none;
}
.old a:hover {
	color: #000;
	background-color: #acc;
	text-decoration: none;
}

.important { color: #c00; }
.none { color: #000; }

.code { color: #fff; background-color: #000; width: 80%;}

.float_container {
	width: 22.5cm;
}

.float_container div.block {
	float: left;
	width: 190;
}

div.spacer {
	clear: both;
}