#header {
        width:100%;
}
.colmask {
        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 */
}

/* holy grail 3 column settings */
.holygrail {
        background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-233px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:466px;         	/* Left column width + right column width */
        background:#FFF;    	/* Left column background colour */
}
.holygrail .col1wrap {
        float:left;
        width:50%;
        position:relative;
        right:233px;        	/* Width of left column */
/*        padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
        margin:0 241px;     	/* 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;
}
.holygrail .col2 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:233px;            /* Width of left column content 
                                   (left column width minus left 
                                   and right padding) */
        position:relative;
        right:0px;       	/* Width of the left-had side padding 
                                   on the left column */
}
.holygrail .col3 {
        float:left;
        float:right;            /* This overrides the float:left above */
        width:233px;              /* Width of right column content 
                                   (right column width minus left 
                                   and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding 
                                   + left column left and right padding */
        position:relative;
        left:50%;
}

.rightmenu {
	background:#fff;	/* right column background colour */
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-233px;
	position:relative;
	right:100%;
	background:#fff;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 8px 0 233px;
	overflow:hidden;
	background:#fff
}
.rightmenu .col2 {
	float:right;
	width:233px;
	position:relative;
	left:233px;
}

.leftmenu {
	background:#FFD8B7;
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
}
.leftmenu .col1 {
	margin:0 15px 0 215px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu .col2 {
	float:left;
	width:170px;
	position:relative;
	right:185px;
}