body {
        margin: 0;
        padding: 0;
        border: 0;			
        background: #ffffff url('./graphics/woodgrain.jpg') repeat; /* Wood panelled background */
    }

/* Wrapper */
div#wrapper {
        position: relative;   /* Moves the dropdown menu to the front with IE */
}

div.container {
        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 */
        /* background:#ff9;         	 Right column background colour */
        text-align: left;               /* Ensures left-aligned text */
}
	
div.colmainbg {
        float: left;
        width: 200%;
        margin-left: -240px; 	/* Width of right column */
        position: relative;
        right: 100%;
        /* background: #fff;    	 Centre column background colour */
}

div.colleftbg {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 480px;         	        /* Left column width + right column width */
        /* background: #FFD8B7;    	 Left column background colour */
}

div.colmainwrap {
        float: left;
	width: 50%;
	position: relative;
	right: 240px;            	/* Width of left column */
}

div.colmain {
        margin: 0 255px;     	/* 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;
        margin-top: 10px;
}

div.colleft {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 225px;           	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;            	        /* Width of the right hand side padding on the left column */
        margin-top: 10px;
}

div.colright {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 225px;        	/* 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%;
        margin-top: 10px;
}
