/* 	Credit to Matthew James Taylor for 'Holy Grail basic layout
	http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
*/

#colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	margin: 0 auto 0 auto;	/* or float:left; */
	width: 1000px;			/* Width of whole page - 100% or fixed width */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #fff;	    /* Left column background colour */
	}
	
#colmid {
	float: left;
	width: 200%;
	position: relative;
	left: 16em;				/* Left column background width */
	background: #fff;    	/* Centre column background colour */
	}

#colright {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -16em;
	background: #e1e9f2;    /* Right column background colour */
	}

#col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
	}

#col1pad {
	margin: 0 0 0 16em;		/* Centre column text offset */
	overflow: hidden;
	padding: 0 42px 0 40px;	/* Centre column padding */
	border: 0px solid #00f
	}

#col1, #dnn_ContentPane {
	width: 100%;
	overflow: hidden;
	background: #fff;       /* Required to provide defined background colour to content pane */
	}

#col2, #LeftCol {
	float: left;
	width: 16em;			/* Width of left colum text/active area */
	padding: 0;				/* Column padding - subtract padding from width */
	position: relative;
	margin-left: -50%;
	left: 0em;				/* Left column text offset */
	overflow: hidden;
	}


#col1, #col2, #col1pad, #LeftCol {  /* Set default breadcrumb bar colours */
    border-top: 28px solid #e7ef00; /* breadcrumb background - move to skin.css? or skinfile.css? */
    border-top: 28px solid #6D3A80;
}

/* Pane level styles */
.cpane          {margin: 20px 0 0 0; min-height: 400px;}
.rpane          {border: 0px solid #ff0;}