@charset "utf-8";

body {
	margin: 1em 20px;
	color: #666;
	background-color: #ccccaa;
/*	font-family: "Trebuchet MS", sans-serif;*/
	font-family: "Comic Sans MS", sans-serif;
}

/*--------------------------------------
	Layout
----------------------------------------*/

div#navi {
	float: left;
	width: 200px;
	margin-right:20px;
	background-color: #93aacc;
}

div#main {
	margin-left: 210px;
	padding: 0.2em 0;
	background-color: #fff;
	line-height:1.5;
}


/*--------------------------------------
	Elements
----------------------------------------*/

h1 {
	color: #555588;
	font-weight: normal;
	font-size: 150%;
}

h2 {
	padding: 0.3em 16px;
	color: #666;
	background-color: #eee;
	font-weight: normal;
	font-size: 120%;
	margin: 0.8em 16px; 
}

h3 {
	padding: 0.3em 16px;
	color: #666;
/*	background-color: #eee;*/
	font-weight: bold;
	font-size: 100%;
	margin: 0.8em 16px; 
}


p {
	margin: 1em 16px;
	color: #666666;
	font-size: 90%;
}

ul {
	margin: 0.8em 20px;
	padding: 0;
	color:#fff;
}

li {
	margin: 0.2em 8px;
	font-size: 80%;
}

li li {
	font-size: 100%;
}

dt {
	margin-left: 2em;
	padding: 0;
	color:#666666;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
}

dd {
	margin-left: 4em;
	padding: 0;
	color:#666666;
	font-size:80%;
	line-height:1.2;
}

a:link {
	color: #005585;
}

a:visited {
	color: #485270;
}

a:hover {
	color: #b83800;
}

ol {
	margin: 0.2em 3em;
	font-size: 70%;
	color:#666666;
}