@charset "UTF-8";

body {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.header {
	font-size: 48px;
	padding-left: 20px; 
	padding-bottom: 30px;
}

#subhead {
	font-size: 13px;

}

.page {
	color: #333333;
	font-size: 22px;
	background-color: #EEEEEE;
	padding: 9px;
	height: 80px;
	width: 80px;
	border: solid 1px #999999;
	text-align: center;
	margin: 5px;
	clear: none;
	float: left;
	font-weight: bold;
	line-height: 32px;
}

.page#sc, 
a.done#sc:hover {
	background-color: #dbf5d6;
	border: solid 1px #4dcc33;
}

.page#mw, 
a.done#mw:hover {
	background-color: #fff4cc;
	border: solid 1px #ffca00;
}

.page#ct,
a.done#ct:hover {
	background-color: #edd6f5;
	border: solid 1px #a633cc;
}

.page#jm,
a.done#jm:hover {
	background-color: #f5d6d8;
	border: solid 1px #cc333b;
}

.page#sm,
a.done#sm:hover {
	background-color: #ffe0cc;
	border: solid 1px #ff6600;
}

.page#zs,
a.done#zs:hover {
	background: #d1dfff;
	border: solid 1px #1a61fe;
}

.page#ndg {
	background-color: #d1f7fa;
	border: solid 1px #19d5e5;
}

.page#overlap {
	color: #ffffff;
	background-color: #ff0000;
	border: solid 1px #990000;
}

.done {
	background-color: #FFFFFF;
	height: 98px;
	width: 98px;
	border: solid 1px #FFFFFF;
	text-align: center;
	margin: 5px;
	float: left;
}

/*
a.done#zs:hover {
	background-color: #d1dfff;
	border: solid 1px #1a61fe;
}
*/

.recent {
	padding-bottom: 20px;
}

.recent #title {
	font-size: 20px;
	clear: both;
}

.recent img {
	padding: 10px 0 10px 0;
	clear: both;
}

.recent #info {
	color: #999999;
	font-size: 12px;
	line-height: 16px;
}