html {
	height: 100%;
}
body {
	margin: 0px; /* Remove the standard whitespace in IE and FF */
	padding: 0px; /* Remove the standard whitespace in Opera */
	height: 100%;
	background-color: #fffada;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66cc00;
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	margin-top: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: small;
	font-weight: bold;
	margin-bottom: 0px;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66CC33;
	font-size: medium;
	font-weight: normal;
	margin-bottom: 5px;
}
a {
	color:#006633;
	text-decoration: none;
}
a:hover {
	color:#66cc00;
}
#header img {
	display: block;
	width: 80%;
}
#headertext {
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
	width: 100%;
	z-index: 3;
	top: 18%;
	margin-top:7px;
	font-size: xx-large;
	text-transform: uppercase;
	position: absolute;
	font-weight: bold;
	height: 38px;
	letter-spacing: 0.1em;
	text-indent: 9.7%;
	background-color: #006633;
}
#content-and-links {
	/* This is the base for the content and the (background of the) navigation links */
	position: relative;
	width: 100%;
	height: 100%;
}
#content-and-links2 {
	/* This is the base for the content and the (background of the) navigation links */
	position: relative;
	width: 100%;
	height: 80%;
	overflow: hidden;
}
#main  {
	/* contains the content div. */
	font-size: small;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	width: 80%;
}
#content {
	/* contains the actual content */
	color: #005340;
	margin-left: 12%;
	margin-right: 12%;
	width: 76%;
}
#links {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 80%;
	width: 20%;
	overflow: hidden;
}
#linkmenu {
	right: 0px;
	width: 100%;
}
#linkmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	font-weight: normal;
	display: block;
	width:100%;
	margin-top: 22px;
	background-color: #66cc00;
	height: 20px;
	text-indent: 6%;
}
#linkmenu a:hover {
	color: #005340;
	background-color: #54A800;
}
#linkmenu .active {
	color: #005340;
	background-color: #54A800;
}
#linkmenu img {
	margin: 0px;
}
#links .tape {
	/* Hides a gap of 1px that sometimes appears between the header_right image and the orange background below it (caused by the imprecision between the scaling of the image and the percentual positioning of the background). */
	background-color: #FFAB30;
	height: 2px;
	overflow: hidden;
}
#links-background {
	/* A special element to display the leaves background, starting below the header_right image (instead of starting behind it). */
	position: absolute;
	top: 0px;
	left: 80%;
	width: 20%;
	background-color: #FFAB30;
	background-image: url(images/leaf_mahoe.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
.body {
	width: 100%;
	margin: 0px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.outlets {
	width: 100%;
	margin: 0px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}