/*****************************************************************************************************

This file should contain all div tags structuring the layout of the website

reasoning : 

so this style sheet could be used to re-structure the website and when removed
should produce the website as a easily readable list which can be used for small
screens (such as phones)

*****************************************************************************************************/

/*************************************** Structure Settings *****************************************/

div#layout
{
	position:relative;
	width: 910px;	/* website width */
	margin: 0px auto; /* centres div */
	padding: 0px;
	text-align: left;
	background:url(/images/layout-bg.gif) 0 0 repeat-y;
	min-height: 600px;
}
div#header
{
	overflow:hidden;
	position:relative;
	width: 910px;
	margin: 0px;
	padding: 0px;
	height: 157px;
	background:url(/images/header.jpg) 0 0 no-repeat;
}

div#contentwrapper
{
	overflow:hidden;
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background:url(/images/left-bg.jpg) left top no-repeat;
}
div#leftcolumn
{
	overflow:hidden;
	float: left;
	width: 97px;	/* width of left hand column */
	padding: 0px;
	min-height:400px;
}

div#contentcolumn
{
	overflow:visible;
	float: left;
	width: 511px;
	border: 0px;
	margin: 0px;
	background:url(/images/repeating-background.jpg) 0 0 repeat-y;
/*	min-height:520px;*/
}
div#rightcolumn
{
	overflow:hidden;
	float: right;
	width: 302px;
	padding: 0px;
/*	min-height:600px;*/
}

* html div#contentcolumn /* fixes column bug in IE - do not remove */
{
	display: inline;
}
div#footer
{
	overflow:hidden;
	position:relative;
	width: 450px;
	margin: 0px;
	padding: 20px 550px 0px 130px;
}
div#logobottom {
	position:absolute;
	left:379px;
	top:0px;
	background:url(/images/logo-bottom.gif) 0 0 no-repeat;
	width:152px;
	height:39px;
	text-size:0.75em;
	font-variant:small-caps;
	text-align:center;
}
.clearing { clear:both; }
div#footercontent {
	text-align:center;
	margin:0 134px 0 137px;
	padding: 20px 40px 20px 40px;
/*	background:url(../images/hr01.gif) 0 0 repeat-x;*/
}
.pagenavigation {
	text-align:center;
	border-bottom:#ddd4bf solid 1px;
	padding:5px;
}