
h1	{
	color:		#ff9900;
	font-size:	3em;
	font-weight:	bold;
	text-align:	center;
	font-family:	Arial,
			sans-serif;
	}

h2	{
	text-align:		center;
	}

h3	{
	text-align:		center;
	}

p	{
	}

li	{
}

a	{
	color:	#ffffcc;
}

a:hover	{
	color:	#ffff99;
}

a:visited	{
	color:	#ccffff;
}

body	{
	background-color:	#cccccc;
	border-color:	#cccccc;
	margin:		0;
	padding:		0;
	font-family:	Times New Roman,
				serif;
	color:		#ffffff
}
.wrapper { min-width: 400px; }
          /* 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: 20%;  /* left column width */
	border-left-color: #cccccc;   /* left column colour */
	
	border-right-width: 20%; /* right column width */
	border-right-color: #cccccc;  /* right column colour */
	
	background-color: #cccccc; /* center column colour */
}

.left {
	width: 20%;              /* left column width */
	margin-left: 0;      /*  _negative_ left column width */
}

.right {
	width: 20%;              /* right column width */
	margin-right: -20%;      /* _negative_ right column width */
}

.wide {
	background-color: #cccccc;    /* 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; }
.center { float: left; width: 60%; position: relative; z-index: 12; padding-right: 3px; }

.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:	0;
		display:	block;
		margin:		2px;
		text-align:	center;
}

.imagetitle	{
	text-align:	center;
	color:		#ff9900;
}

.centertext	{
	text-align:	center;
	color:		#ff9900;
}

.smallprint	{
	font-size:	.6em;
	text-align:	right;
}
