body {
	margin: 0.5em 15% auto;
	background-color: #222A22;
	font-size: 11pt;
	font-family: Arial;
}
div {
	padding: 0.25em;
}
h1 {
	font-size: 1.8em;
	font-family: Arial;
}
h2 {
	font-size: 1.5em;
	font-family: Arial;
}
h3 {
	font-size: 1.2em;
	font-family: Arial;
}
#article li {
  font-family: Verdana;
  font-size: 0.9em;
}
#paper li {
  font-family: Calibri;
  text-align: justify;
}

#top {
	background-color: #B4F000;
	color: #2D392D;
	height: 164px;
	line-height: 3em;
}
#top a {
	text-decoration: none;
	color: #2D392D;
	font-family: Verdana;
}
#top a:hover {
	text-decoration: underline;
}
#top #mug {
	float: left;
}
#top #mug img {
	height: 150px;
	border: 0.2em solid #FFFFFF;
}

#banner {
	border-bottom: 0.1em solid #B4F000;
	text-align: center;
}
#banner a {
	margin-left: 1em;
	margin-right: 1em;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: Bold;
	font-size: 0.9em;
	text-decoration: none;
}
#banner a:hover {
  text-decoration: underline;
}

#contentbody {
	background-color: #F5FFF5;
}
#left {
	float: left;
	width: 12em;
	margin-right: 1em;
	border-right: 1px solid #2D392D;
}
#left a {
	display: block;
	font-family: Verdana;
	font-size: 0.9em;
	text-decoration: none;
	border-bottom: 1px solid #222A22;
	margin-bottom: 0.5em;
	padding-bottom: 0.2em;
	color: #222A22;
}
#article p {
  font-family: Arial;
	text-align: justify;
}
#paper p {
  font-family: Calibri;
  text-align: justify;
}

#links {
  background-color: #E1F7FA;
  padding: 0.2em 1em 0.2em 1em;
	border-bottom: 0.2em solid #B4F000;
	font-size: 0.9em;
	font-weight: bold;
}
#links img {
  vertical-align: bottom;
}

#bottom {
	text-align: center;
	font-size: 0.8em;
	font-family: Verdana;
	color: #FFFFFF;
	border-bottom: 2px solid #B4F000;
}