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

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

/* SMALL VERSION - FITS 1024*768 MONITORS */

div#layout {width: 950px;}
div#leftcolumn {width: 175px; padding: 0 0 20px 0;}
div#maincontent {width: 600px; padding: 0 0 20px 0;}
div#rightcolumn {width: 175px; padding: 0 0 20px 0;}

/* LARGE VERSION - FITS 1280*1024 MONITORS */

/*
div#layout {width: 1150px;}
div#leftcolumn {width: 200px; padding: 0 0 20px 0;}
div#maincontent {width: 725px; padding: 0 0 20px 0;}
div#rightcolumn {width: 200px; padding: 0 0 20px 0;}
*/

div#layout
{
	position:relative;
	margin: 0px auto; /* centres div */
	padding: 0px;
	text-align: left;
	min-height: 600px;
}
div#header
{
	float:right;
	overflow:hidden;
	position:relative;
	width: 770px;
	margin: 0px 0px 10px 0px; /* margin: 0px 0px 30px 0px; */
	padding-right: 5px;
	height: auto;
}

div#contentwrapper
{
	overflow:hidden;
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
div#leftcolumn
{
	overflow:hidden;
	float: left;
	min-height:550px;
}

div#maincontent
{
	overflow:hidden;
	float: left;
	border: 0px;
	margin: 0px;
/*	min-height:600px;*/
}
div#rightcolumn
{
	overflow:hidden;
	float: right;
	margin-top:0px;
/*	min-height:600px;*/
}

* html div#contentcolumn /* fixes column bug in IE - do not remove */
{
	display: inline;
}
div#footer
{
	overflow:hidden;
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div#user_filter
{
	float : right;
}