.pagebox /*  The main page  */   { color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f4f4f4; text-align: center; margin: 0; padding: 10px; width: 100% }
.frame  {
	background-color: white;
	text-align: center;
	margin: 10px;
	padding: 10px;
	float: none;
	clear: both;
	border: solid 1px #cdcdaa;
	font-size: 10px;
	color: #333333;
}
.pictureBox { background-color: white; text-align: center; margin: 0; padding: 20px 0; float: none; clear: both; border: 0 transparent }
.titleBar   { text-align: left; margin-top: 0; margin-bottom: 20px; padding-top: 6px; padding-bottom: 12px; width: 100%; height: 40px; vertical-align: top }
.navMenu  { text-align: justify; margin: 0; padding: 8pt 0 4px; width: 100%; float: none; clear: none }
.menuItem  { font-size: 9pt; font-weight: bold; text-align: justify; margin-right: 10px; margin-left: 10px; padding: 4px 40px 4px 0; float: left; clear: none }
.content { text-align: left }
.courseTitle    { color: gray; font-size: 24pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 0; margin-left: 10px; padding-top: 0; padding-right: 20px; padding-left: 0; float: left; vertical-align: top }
.projectInfo  { font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; text-align: right; margin-top: 0; margin-right: 10px; margin-left: 10px; padding-top: 0; vertical-align: top }
a:link {
	text-decoration: none;
	color: #333333;
	border: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	color: #00CC66;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #333333;
}