h1	{
	color:		#000000;
	font-style:	italic;
	font-size:	3em;
	font-weight:	bolder;
	text-align:	center;
}

h2	{
	color:		#000000;
	text-align:	center;
}

h3	{
	color:		#000000;
	text-align:	center;
}

p	{
	color:		#000000;
	text-align:	justify;
}

li	{
	color:		#000000;
}

body	{
	background-color:	#ffffcc;
	border-color:		#ffffcc;
	margin:			0;
	padding:		0;
	font-family:		Comic Sans MS,
				sans-serif;
}

.wrapper { min-width: 600px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
}      

.outer {
	border-left-width: 198px;  /* left column width */
	border-left-color: #ffffcc;   /* left column colour */
	
	border-right-width: 198px; /* right column width */
	border-right-color: #ffffcc;  /* right column colour */
	
	background-color: #ffffcc; /* center column colour */
}

.left {
	width: 198px;              /* left column width */
	margin-left: -198px;       /* _negative_ left column width */
}

.right {
	width: 198px;              /* right column width */
	margin-right: -198px; 	   /* _negative_ right column width */
	text-align:	right;
}

.wide {
	background-color: #ffff00;    /* header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; padding-left: 2px; }
.center { float: left; width: 100%; position: relative; z-index: 12; padding-right: 1px; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }

.topimage	{
	vertical-align:	top;
}

.bottomimage	{
	vertical-align:	bottom;
	text-align:	center;
}

.topimage, .bottomimage	{
	border-style:	solid;
	border-width:	1px;
	border-color:	#ffffff;
	padding:		2px;
	display:		block;
	
}

.leftmenuitem {
	position:	relative;
	top:		0;
	left:		0;
	list-style-type: none;
	margin:		5px;
	border-style:	outset;
	text-align:	right;
	font-size:	0.8em;
}


.leftmenuitem:hover {

	border-style:	inset;
}

.smallprint	{
	font-size:	.5em;
	text-align:	center;
}