body {
	color: #333;
	font: normal 130% Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 1.5em;
}

h1 {
	color: #EB797C;
	font-size: 400%;
	display: inline;
	padding-right: .2em;
}

div#title {
	margin: 1em;
}

.menu {
	width: 20%;
	border: 1px solid;
	margin-top: 20px;
	padding-left: 0.2em;
/*	padding-right: 1em;*/
	background-color: #ffc;
	position: absolute;
	right: 0.7em;
	padding-top: 0.2em;
}

.box {
	font-size: 1.1em;
	width: 50%;
	background-color: #ffc;
	padding: 1em;
	border: 2px solid;
	margin: 20px;
}

.box h3 {
	color: #433C99;
}

.box h4 {
	font-size: 110%;
	color: #433C99;
}

a img {
	border: none;
}

hr {
	visibility: hidden;
	
	margin: 0;
	margin-top: 2em;
	padding: 0;
	
	border: none;
}

pre {
	font: 12px Monaco, monospace;
	color: brown;
}

.box span {
	font-size: 18px;
}

#footer-w {		
	margin: 0;
	margin-top: 4em;	/* space from contents */
	
	padding: 0;	
	padding-top: 1em;	
	
	border-top: 1px solid #999;
}

#footer {	
	color: #666;	
}

#last-modified {
	font-size: 90%;	
	
	color: #999;
}

/* header */
#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 100%;
border-bottom: 1px solid #bbb;
list-style-type: none;
background: #fff;
}

#navlist li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #039;
border-bottom: 3px solid #bbb;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
color: #000;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}