body {
	font-family: sans-serif;
}

#canvas {
}

#page-header {
	text-align: center;
	margin: 20px;
	margin-bottom: 0px;
	background-color: #ffcccc;
	border: 5px solid #ff9999;
}

#class-name {
	font-size: x-large;
}

#class-section {
	font-size: large;
}

#class-semester {
	font-size: normal;
}

#main-table {
	border-spacing: 20px;
	width: 100%;
	height: 80%;
}

#toc {
	width: 300px;
	vertical-align: top;
}

#toc-content {
	background-color: #ccffcc;
	border: 5px solid #99ff99;
}

#content {
	height: 100%;
	vertical-align: top;
	background-color: #ffffcc;
	border: 5px solid #ffff99;
}

#content-text {
}

#content-frame {
	height: 100%;
	width: 100%;
}

.section-title {
	font-size: x-large;
	font-weight: bold;
}

.date {
	color: red;
}

.announcement-text {
	font-size: small;
}

.exciting {
	color: red;
	font-size: small;
}

.cancel {
	text-decoration: line-through;
}

a {
	text-decoration: ;
}
a:hover {
	color: red;
}

#footer {
	background-color: #ccccff;
	border: 5px solid #9999ff;
	margin-left: 20px;
	margin-right: 20px;
}