* {margin: 0; padding: 0}

html, body {
	height: 100%;
	text-align: center;
}
body {background-color: #ebf2fa}

p {
	font: 16px/22px "verdana", "arial", "helvetica", sans-serif;
	text-align: justify;
}
a {
	text-decoration: none;
	color: #0000ff;
}
a:hover {
	text-decoration: underline;
}
#page {
	min-height: 100%;
	text-align: left;
	margin: -62px auto 0;   /* pull up the content a bit more than the banner's height */
}
* html #page {height: 100%;}  /* IE treats height as min-height */

#content {
	width: 100%;
	border-top: 62px solid black;
}
#textarea {
	width: 630px;
	padding-top: 35px;
	margin: auto; 
}
#title {
	padding: 5px 0 5px;
	background-color: #bfe2f9;
	border-bottom: 1px solid #4a2885;
}
#nav {
	padding: 2px 0 2px;
	background-color: #fffbc6;
	border-bottom: 1px solid #4a2885;
}
#title p,
#nav p {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}
#title p {
	font: 35px "verdana", "arial", "helvetica", sans-serif;
	text-align: center;
}
#nav p {
	font: bold 13px "verdana", "arial", "helvetica", sans-serif;
	text-align: center;
	word-spacing: 70px;
}
#nav p .nolink {
	color: #555;
}
#nav p a:hover {
	color: #f00;
	text-decoration: none;
}
#nav p .nolink {
	color: #555;
}
ul.topics {list-style: none;
	width: 200px;
	float: left;
	border: 1px solid #ebf2fa;
	margin: 0 40px 0 0;
}
.topics li {
	border: 1px solid;
	border-color: #ccc #bbb #b6b6b6 #ccc;
	font: 16px "verdana", "arial", "helvetica", sans-serif;
	margin: 0 0 8px 0;
}
.topics li.header {
	border: 0;
	padding-left: 70px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	color: #4a2885;
}
.topics li a, 
.topics li .nolink {
	display: block;
	text-decoration: none;
	padding: 8px 0 8px 65px;
	letter-spacing: 1px;
	background-color: #f5f5f5;
}
.topics li a {
	color: #20e;
}
.topics li .nolink {
	color: #555;
}
.topics li a:hover {
	color: #f00;
	background-color: #ffffef;
}
.topic a {
	color: #a74992;
}
.close {
	color: #00aeed;
	font: bold 13px "verdana", "arial", "helvetica", sans-serif;
}
#topicHdr {
	font: 25px "verdana", "arial", "helvetica", sans-serif;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 40px;
	text-decoration: underline;
}
#banner {
	width: 630px;
	bottom: 0;
	clear: both;
	margin: auto;
}
#banner img {
	border: 0;
}