body {
	background-color:#fff;
}

#container {
	min-width:30em;
	margin:2em;
}

#header {
	text-align:center;
	color:#fff;
	margin-bottom:1em;

	border-top:0.15em solid #a0a0ff;
	border-bottom:0.3em solid #006;
	background-color:#66f;
	padding:0;
}
#header h1 {
  padding:0 0 0.2em 0;
	margin:0;
}

#navigation {
	width:12em;
	float:left;
	text-align:left;
	font-size:100%;
}

#navigation h1 {
  font-size:120%;
	border-top:0.1em solid #a0a0ff;
	border-bottom:0.1em solid #006;
	background-color:#66f;
	color:#fff;
	text-align:center;
	margin:0 0 0.5em 0;
	padding:0;
}

#navigation ul {
	background-color:#ffd;
	border:1px solid #00c;
	width:12em;
  padding:0 0 1em 0;
	margin:0 0 1em 0;
}

#navigation li {
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}

#navigation li a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:0 0 0 2em;
	margin:0;
}

#navigation li a:hover { 
	background-color:#ffeeb0;
 }

#navigation li span {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding:0 0 0 2em;
	margin:0;
	background-color:#e0e0ff;
	border-top:0.1em solid #f0f0ff;
	border-bottom:0.1em solid #c0c0ff;
}

div#main {
	background-color:#ffd;
	min-height:20em;
  margin:0 0 1em 14em;
	border:1px solid #00c;
	padding:0 2em 2em 2em;
	font-size:100%;
}

h1#main {
  margin:0 -2em 0 -2em;
	background-color:#e0e0ff;
	border-top:0.1em solid #f0f0ff;
	border-bottom:0.2em solid #c0c0ff;
	padding:0 2em 0 2em;
	color:#000;
	font-size:100%;
	text-align:left;
}

h1#construction {
  background-color:#ff0;
	border:0.2em dotted #000; 
	display:block; 
	color:#000; 
	padding:0 1em 0 1em; 
	margin-bottom:1em;
}
#main td {
  vertical-align:top;
}