/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
 Copyright: Tasmanian Skills Institute
 Author:    RCT
 History:	This stylesheet is based on the 'Holy Grail 3 column liquid layout' by Matthew James Taylor.
 			For futher information please visit: http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
======================================*/
 
/**************************************/
/*              COLUMNS               */
/**************************************/

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background:#cccccc;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px; /* Modifying this value changes the appearance width of the side columns. 200px (default value) creates even width (170px) side columns */
				/* To achieve a right column width of 212 pixels, firstly find the difference between 212 px and the default 170 px = 42 px */
				/* Then subtract this from the default 200px to give the value that needs to be entered here */
				/* Note that this only increases the appearance of the column, the width of the individual column divs will also need to be modified */
				/* to allow the display of content to fit the new area. RCT */
	background:#fff;    /* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#ccc;    /* Right column background colour */
	border-left-width: 1px; border-left-style: solid; border-left-color: #999;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	/* This is the centre column in this layout */
	width:100%;
	padding-top: 70px; /* Pushes content down below #heading */
	overflow:hidden;
}
#col2 {
	/* This is the left column in this layout */
	float:left;
	width:170px; 
	position:relative;
	margin-left:-50%;
	left:215px;  /* (original value: 215px) */
	overflow:visible;
	padding:0;
	
}
#col3 {
	/* This is the right column in this layout */
	float:left;
	width:170px; /* (original value: 170px) */
				 /* Also need to make changes to #colmid to get this new value to work */
	position:relative;
	left:15px;
	overflow:hidden;
	text-align:center;
	padding-top: 1.8em; /* Pushes beginning of content down to allow for smaller gap between paragraphs (see .partners class) */
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	background:#333;    /* Footer background colour */
}