body 
{
	background-color: #f0f0f0;
	font-family: "Trebuchet MS", "Times New Roman", serif;
	color: #000000;

	margin: 0;
	border: 0;
	padding: 0;
}


/**
 *
 * This div defines the header for the webpage
 *
 */

 div.header
 {
	 min-width: 100%;
	 width: 100%;
	 max-width: 100%;

	 min-height: 20%;
	 height: 20%;
	 max-height: 20%;

	 position: static;

	 z-index: 0;
 }


/**
 *
 * This div defines the middle portion of the website.  It's purpose
 * is to encapsulate the middle pane.
 *
 */
 
div.middle
{
	min-width: 100%;
	width: 100%;
	max-width: 100%;

	min-height: 75%;
	height: 75%;

	position: static;

	z-index: 0;
}


/**
 *
 * This div defines the footer of the website.
 *
 */

div.footer
{
	min-width: 100%;
	width: 100%;
	max-width: 100%;

	min-height: 5%;
	height: 5%;
	max-height: 5%;

	position: static;

	text-align: center;
	font-size: 10;

	z-index: 0;
}


/**
 *
 * This div defines the green inner part of the website.
 *
 */

div.content
{
	color: #000000;
	background-color: #168030;
	
	width: 80%;
	min-height: 75%;
	left: 10%;
	top: 20%;
	z-index: 1;

	position: absolute;

}


p
{
	background-color: transparent;

	margin-left: 0.5cm;
	margin-right: 0.5cm;
}

ul li
{
	font-size: 14;
}

a
{
	color: gray;
}

a.catalogue
{
	color: blue;
}