/* 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:#ff9;        /* Right column background colour */
    display: block;
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-230px;     /* Width of right column */
    position:relative;
    right:100%;
    background:#fff;        /* Centre column background colour */

    margin-bottom: 1em;
    border-right: 1px dashed #999;
}
.holygrail .colmark {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:460px;             /* Left column width + right column width */
    /*    background:#FFD8B7;     /* Left column background colour */

    border-right: 2px solid #900;
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:230px;            /* Width of left column */
    padding-bottom:1em;     /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 245px 0 245px;         /* 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:auto;
}

.holygrail .col2 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:200px;            /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:13px;             /* Width of the left-had side padding on the left column - border of colmark */
}
.holygrail .col3 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:200px;            /* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;      /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}


