body {
	color: white; /* (foreground, i.e. text colour) */
	/* this is your fade backdrop effect... */
	background: #000000
	/*
		^^
		#0092DC is the background colour which sits behind the
		fade image (background.png) which takes presidence in
		front and is repeated along the x-axis of the page (the
		actual image is only 10 pixels wide but because it's the
		same width-ways, we can just repeat a smaller image
		cutting down the file size).
		the background colour is set to the same as the BOTTOM
		most pixel in the fade image. this means if they have 
		a tall screen (larger than the height of the fade image)
		when the fade image ends, it bleeds into the background
		colour seemlessly.
	*/
	font-size: 0.8em; /* an "em" rather than a "px" (pixel) is
	used so the text scales. the rest of your layout needs to
	allow for this - nightmare for designers! you'll need more
	tips for that I expect */
	font-family: Helvetica, Arial, sans-serif;
}

.center {
	border: 0px solid white;
	width: 850px;
	padding: 10px;
	margin-left: auto;  /* these, combined with a set width */
	margin-right: auto; /* give you the centered page area */
	overflow: hidden; /* if the content pushes out beyond the
	700px box, we hide it. it shouldn't though, except under
	extreme situations (e.g. enormous text) */
}.bacground {
	background-image: url(../images/centre_grfx.jpg);
	background-repeat: no-repeat;
}
.side {
	background-image: url(../images/side_grfx.jpg);
	background-repeat: no-repeat;
}
.bottom {
	background-image: url(../images/bottom_grfx.jpg);
	background-repeat: no-repeat;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;
}