.outline 
{
	width: 800px;	
}

.colmask 
{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			    /* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
}
	
/* common column settings */
.colright,
.colmid,
.colleft 
{
		float:left;
		width:100%;			/* width of page */
		position:relative;
}

.col1,
.col2,
.col3 
{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
}
	
/* 3 Column settings */
.threecol 
{
		/* background:#eee;	*/	/* right column background colour */
}

.threecol .colmid 
{
		right:33%;			         /* width of the right column */
		/* background:#fff; */	 /* center column background colour */
}

.threecol .colleft 
{
		right:33%;			          /* width of the middle column */
		/* background:#f4f4f4; */	/* left column background colour */
}
	
.threecol .col1 
{
		width:31%;			/* width of center column content (column width minus padding on either side) */
		/* left:102%;	*/		/* 100% plus left padding of center column */
		left:107%;  /* CJB: I've purposely modified this for layout purposes */
}

.threecol .col2 
{
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:37%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		text-align:right;
}

.threecol .col3 
{
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		/* left:77%;	*/		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) 
						
						*/
						
		left:70%;		/* CJB: I've purposely modified this for layout purposes */
}