/* 	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;
	width: 1000px;			/* width of whole page */
	margin: 0 auto 0 auto;	/* or float:left; */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #ffd8b7;		/* Left column background colour */
    }

#colmid {
	float: left;
	width: 200%;
	position: relative;
	left: 0;
	background: #fff;    	    /* Centre column background colour */
    }
    
#colright {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -14.2em;
	background: #e1e9f2;    	/* Right column background colour */
    }
    
#col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
    }

#col1pad {
	margin: 0 0 0 14.2em;	    /* Main column padding/air */
	overflow: hidden;
	padding: 0 15px 0 15px;     /* Main column padding */
	border: 0px solid green;
    }
    
#col1, #dnn_ContentPane {
	width: 100%;
	overflow: hidden;
    }

#col3, #dnn_RightPane {
	float: left;
	width: 14em;
	position: relative;
	left: 0;
	overflow: hidden; 
	border: 0px solid red;
    }


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


/* Pane level styles */

.cpane          {margin: 20px 0 0 0; min-height: 400px;}
.rpane          {border: 1px solid #ff0;}