* {
	margin:0;
	padding:0;
	border:0;
}

html {
	width:100%;
	height:100%;
}

body {
	background:#F4F4AB;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:12pt;
	color:#232323;
	width:100%;
	height:100%;
}

div.bar {
	height:100%;
	width:14em;
	float:left;
	background:#000000;
	color:#F4F4AB;
}

div.separator {
	height:100%;
	width:5px;
	float:left;
	background:#FFFFFF;
	margin-right:2em;
	border-right: 1px solid black;
	border-left: 1px solid #EAF3DA;
}

div.main {
	width:100%;
}

div.content {
	padding: 2em 2em 2em 2em;
}

div.main div.content {
	width: 50em;
	padding: 8em 5em 5em 5em;
	font-size: smaller;
}

div.title {
	font-weight: bold;
	font-size: larger;
}

div.subtitle {
	font-weight: bold;
}

div.text {
	padding-bottom: 1em;
}

img {
	border: 1px solid black;
	margin: 1em;
}

a:link, a:visited, a:active, a:focus {
	text-decoration:underline;
	color:#FF0000;
}
a:hover { 
	text-decoration:none;
}

.smaller {
	font-size: smaller;
	padding-top:1em;
}

.left {
	float:left;
}

.inset {
	margin-left: 1em;
}

.right {
	float:right;
}

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: green;
}