/*
------------------------------------------
Both of the divs stretch to 100% height, which REQUIRES that the "html,body" selector also be set to height: 100%.
The body of an HTML document is a containing block, like a div, and will by default stretch to 100% width, but be ONLY AS HIGH AS THE CONTENT IT CONTAINS.
To override the body's tendency to base its height on elements it contains, you have to use the "html,body" selector instead of just "body".

Solution found here:
http://www.quirksmode.org/css/100percheight.html
------------------------------------------*/


html,body {
	height: 100%;
	text-align: center;
	background: #dedede url(../images/greylinetile.gif) top left repeat;
	font: 11px/18px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
div#sides {
	margin: 0 auto;
	padding: 0;
	width: 974px;
	height: 100%;
	background: transparent url(../images/bg.gif) top repeat-y;
	}
div#mesh {
	margin: 0 12px;
	width: 950px;
	height: 100%;
	background: transparent url(../images/backtile.gif) 1px 1px repeat;
	}
p {
	font-size: 8px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	}