/*
 * Three column layout with px constrained left and right sidebars.
 * Adapted from:  http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
 *
 * Adjusted left column dimensions:
 *   original:  200px = 170 content + 15 left pad + 15 right pad
 *   new:       135px = 115 content + 5 left pad + 15 right pad
 *
 * Adjusted right column dimensions:
 *   original:  200px = 170 content + 15 left pad + 15 right pad
 *   new:       180px = 160 content + 10 left pad + 10 right pad
 * 
 * Center content column padding is 15px each side
 */
 
/* column container */
.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 */
}

/* 3 column settings */
.threecol .colmid {
	float:left;
	width:200%;
	margin-left:-180px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.threecol .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:315px;         	/* Left column width + right column width */
}
.threecol .contentcolwrap {
	float:left;
	width:50%;
	position:relative;
	right:135px;        	/* Width of left column */
}
.threecol .contentcol {
	margin:0 200px 0 155px;     /* Centre column side padding:
								Left padding = left column width + centre column left padding width
								Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.threecol .leftsidebar {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:115px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:5px;         	/* Width of the left-hand side padding on the left column */
}
.threecol .rightsidebar {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:160px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}