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

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 *****************************************/

html
{
	margin:0px;
	padding:0px;
}
body
{	
	margin:0;
	padding:0;
	line-height: 1.2em;
	text-align:left;
}

#layout
{
	width: 1001px;	/* website width */
	margin: 0px auto; /* centres div */
}
#header
{
	position:relative;
	height:125px; /*Height of top section*/
	overflow:hidden;
}
#contentwrapper
{
	float: left;
	width: 1001px;
}
#contentcolumn
{
/*	width:660px;*/
	margin: 10px 341px 0px 0; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
	background:#fff;
}
#rightcolumn
{
	position:relative;
	float: left;
	width: 330px; /*Width of right column in pixels*/
	padding-left:11px;
	margin-left: -341px; /*Set margin to -(RightColumnWidth)*/
	padding-top:10px;
}
#footer
{
	position:relative;
	width: 1001px;
	height:120px; /*Height of bottom section*/
	clear: left;
}

.padding { margin: 10px; clear:both; /*Margins for inner DIV inside each column (to provide padding)*/ }