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

h1 { 
	margin-left: 5%;
	margin-right: 5%; 
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	background: gray;
	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;
}

/* for the navigation bar */
#nav {
	background:	gray;
	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; /*font-family: sans-serif; font-weight: bold;*/ }
#nav a:link    { color: #ffffff; }
#nav a:active  { color: #ff00ff; }
#nav a:visited { color: #cccccc; }