
/* column container */
.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:#CDEAFF;  */   /* Right column background colour */
    margin-bottom: 70px;
}
    
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-160px;         /* Width of right column */
    position:relative;
    right:100%;
    background:#fff;        /* Centre column background colour */
    /*margin-top: 3em;*/
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:330px;                 /* Left column width + right column width */
    background:#FFF;        /* Left column background colour */
}

.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:170px;                /* Width of left column */
    padding-bottom:5px;     /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .content {
    margin:0 220px 0 240px;             /* 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 #navigation {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:170px;            /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:-30px;                /* Width of the left-had side padding on the left column */
    border-left: 
}
.holygrail .col3 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:150px;                /* 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%;
}