.content .canvas-main-column-wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}


.content .canvas-main-column {
        margin:0px 215px;     	/* 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;
}

.content .canvas-side-column {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
}

.wide .canvas-wide-column-wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
}

.wide .canvas-wide-column {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
	
	
	
#canvas-main-column999 {
	vertical-align: top;
	text-align:center;
	float: left;
	width: 700;
	/* background-color: teal; */
	padding: 0px 0px 0px 0px;	
}

#canvas999 {
	width: 1000;		
	vertical-align: top;
	background-color: #EEEEEE;	
	padding: 5px 5px 5px 5px;		
}

#canvas-side-column999 {
	vertical-align: top;
	text-align:center;
	float: left;
	width: 190px;
	padding: 0px 0px 0px 10px;		
	/* background-color: cyan; */
}

#canvas222 {
	width: 100%;		
	vertical-align: top;
	background-color: #EEEEEE;	
	padding: 0px 0px 0px 0px;		
}

#canvas-column-divider333 {
	vertical-align: top;
	float: left;
	width: 3px;
	background-color: grey;
}