html {
	height           : 100%;
	margin-bottom    : 1px;
}

body {
	margin           : 0px;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	background       : #f5f6d4;
	color            : #000000;
	text-align       : center;
}

img {
	border           : 0;
}

#logo {
	margin           : 0;
	clear            : both;
	background       : #a0e822 url(../graphics/logo-background.jpg) repeat-x;
	color            : #000000;
}

#logo img {
	margin-top       : 0.3em;
	margin-bottom    : 0.3em;
}

#menu {
	text-align       : center;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	padding-top      : 0.1em;
	padding-bottom   : 0.1em;
	font-size        : 127%;
	word-spacing     : 2em;
	background       : #90d11f url(../graphics/menu-background.jpg) repeat-x;
	color            : #000000;
}

#menu a:link, #menu a:visited {
	font-weight      : bold;
	text-decoration  : none;
	color            : #f5f6d4;
	background       : transparent;
}

#menu a:hover, #menu a:active {
	text-decoration  : underline;
	font-weight      : bold;
}

.active-link {
	text-decoration  : underline;
}

#content {
	margin           : 0 auto;
	padding          : 1em 0;
	width            : 50em;
	text-align       : left;
}

#content h2 {
	margin           : 0 0;
}

#logo {
	text-align       : center;
}