body { /* Description: The body tag. */
	/* Apperance */
	background-color: #000000;
	color: #009000;

	/* Text */
	font-family: Verdana, sans-serif;
}

h1 { /* Description: The first level heading tag. */
	/* Text */
	font-size: 20px;
}

h2 { /* Description: The second level heading tag. */
	/* Text */
	font-size: 18px;
}

a { /* Description: Links on the page */
	/* Text */
	color: #00a000;
	text-decoration: none;
}

fieldset { /* Description: The overall forms */
	border: 1px solid #00a000;
}

legend { /* Description: The label for the whole form */
	color: #00ff00;
	padding: 2px 6px;
	height: 30px;
}

label { /* Description: Form fields label */
	width: 20em;
	float:left;
	text-align: right;
}

a:visited { /* Description: Visited links on the page */
}

a:hover { /* Description: Hovered over links on the page */
	/* Text */
	color: #00ff00;
}

#header { /* Description: The top area containing the title and the top links. */
	/* Apperance */

	/* Position */
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	height: 120px;
}

#title { /* Description: The title positioned inside the header. */
	/* Text */

	/* Apperance */
	background-image: url(../images/logo-maytricks.gif);

	/* Position */
	height: 99px;
	width: 520px;
	margin: 5px;
}

#toplinks { /* Description: The links at the top of the page inside the header */
	/* Position */
	float: right;
	
	/* Text */
	font-size: 8pt;
}

#toplinks a { /* Description: The formatting of the actual links up the top */
}

#toplinks a:hover { /* Description: The formatting of the actual links up the top when hovered over */
	/* Position */
}

#mainbody { /* Description: The main parts of the page including the content area and the links area */
	/* Position */
	position: absolute;
	top: 150px;
	width: 100%;
}

#leftlinks { /* Description: The links and news items on the left */
	/* Apperance */

	/* Position */
	float: left;
	padding: 10px;

	/* Text */
	font-size: 10pt;
}

#leftlinks a { /* Description: The formatting of the actual links up the top */
	/* Text */
	font-weight: bold;
}

#leftlinks a:hover { /* Description: The formatting of the actual links up the top when hovered over */
	/* Position */
}

#leftlinks .secondlevel { /* Description: The second level links. */
	/* Position */
	position: relative;
	left: +15px;

	/* Text */
	font-size: 8pt;
	font-weight: normal;
}

#leftlinks .number { /* Description: The numbers on the history list. */
	/* Text */
	font-weight: bold;
}

#content { /* Description: The content area */	
	/* Text */

	/* Position */
	padding: 20px;
}

#content .firstlevel { /* Description: The first level links. */
	/* Text */
	font-weight: bold;
}

#content .secondlevel { /* Description: The second level links. */
	/* Text */
	font-style: italic;
	font-size: 12pt;
}

#content .error { /* Description: The way to format errors in content */
	/* Apperance */
	color: #e00000;	

	/* Text */
	font-weight: bold;
	
}

#disclaimer { /* Description: The disclaimer */
	/* Position */
	clear: both;

	/* Apperance */

	/* Text */
	text-align: center;
	font-size: 8pt;
}