html, body {
	margin: 0;
	padding: 0;
}

body {
/*	font: 85%/1.3 sans-serif;	*/
	font: 100%/1.3 sans-serif;
	text-align: left;
	background: #ffffff;
	padding-bottom: 20px;
}

a {
	color: #0066b3;
	background: inherit;
	text-decoration: none;
}

h1 {
	font: bold 2.1em sans-serif;
	color: #036da7;
}

h2 {
	font: bold 1.1em sans-serif;
	padding: 0;
	margin: 0;
}

table {
	border: 0;
	border-width: 0;
}

div#header {
	width: 100%;
	overflow: hidden;
	background: #bbd9ee;
}

div#header h1, div#menu {
	width: 880px;
	margin: 0 auto;
	padding: 0px 20px 0px;
	text-align: left;
}

div#header h1 {
/*	padding: 30px 0 20px;	*/
	color: #8888cc;
}

div#header table {
	padding: 0px 100px 0px;
}

ul#nav, ul#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav {
	float: right;
/*	font-size: 80%;	*/
	font: 100%/1.3 sans-serif;
}

ul#nav li {
	float: left;
	margin-left: 3px;
	text-align: center;
}

ul#nav a {
	float: left;
	width: 95px;
	padding: 5px 0;
	background: #e7f1f8;
	text-decoration: none;
	color: #666666;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

ul#nav a:hover {
	background: #ffffff;
	color: #000000;
}

ul#nav li.activelink a, ul#nav li.activelink a:hover{
	background: #ffffff;
	color: #003000;
}

#right {
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #eeeeee;
	text-align: justify;
}

#left {
	float: right;
	width: 20%;
	margin: 0 0 10px 0;
	
}

#left .box {
	padding: 1em;
	margin: 0 0 1em 0;
	background : #fff6bf;
}

.main {
	padding: 1em;
	margin-bottom: 1.2em;
	background: #eeeeee;
	text-align: justify;
}

#content {
/*	font: 95%/1.3 sans-serif;	*/
	font: 100%/1.3 sans-serif;
	margin: 0 auto;
	padding: 15px;
	background: #ffffff;
}

#left ul {
	padding: 0;
	margin: 0;
}

#left li {
	list-style-type: none;
}

#main li {
	list-style-type: circle;
}

/*
Green e9fefe
Green eaffff
Light blue 8787cb
Violet 8888cc
Yellow ffffea
Dark Yellow 99994c
*/