body {
	margin-left: 5%;
	margin-right: 5%; 
	font-family: lucida,verdana,sans-serif;
	font-size: 10pt; 
/*	background: #bbb;*/
	background: #ddd;
/*	color: #111;*/
	color: black;
}

h1 { 
	margin-left: 5%;
	margin-right: 5%;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
/*	background: gray;*/
	background: #667;
	color: white;
	text-align: center;
	width: 80%; 
	padding: 5px;
	/*letter-spacing: 2em;*/
}

table,tr,td {
	font-family: lucida,verdana,sans-serif; 
	font-size: 10pt; 
}

p { 
	text-align: justify;
}

small { font-size: 9pt; }
big   { font-size: 12pt; }

div.title {
	margin-left: 5%;
	margin-right: 5%;
/*	background: gray;*/
	color: white;
	text-align: center;
	font-style: italic;
}

pre,tt {
	font-family:	typewriter,clean,courier,monospace;
	font-size:	10pt;
}

#date {
	color: gray;
	text-align: right;
	font-style: italic;
}

/*hr { background: #557 }*/

/* for the navigation bar */
#nav {
/*	background:	gray;*/
	background:	#667;
	color:		white;
	font-family:	verdana,lucida,sans-serif;
	font-size:	11pt;
	text-align:	center;
/*	width:		80%;
	align:		center;
	padding:	2px; */
}
#nav a    { text-decoration: none; }
#nav a:link    { color: #ffffff; }
#nav a:active  { color: #ff00ff; }
#nav a:visited { color: #cccccc; }
#nav a:hover { background: white; color: black; }