body {
        margin:0;
        padding:0;
        border:0;                       /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
                                                       /* The min-width property does not work in old versions of Internet Explorer */
                                                          font-size:90%;
    }
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    #header {
            border-bottom:1px solid #000;
            }
            #header p,
            #header h1,
            #header h2 {
                padding:.4em 15px 0 15px;
        margin:0;
        }
        #header ul {
            clear:left;
                float:left;
                    width:100%;
                        list-style:none;
                            margin:10px 0 0 0;
                                padding:0;
                                }
                                #header ul li {
                                    display:inline;
                                        list-style:none;
                                            margin:0;
                                                padding:0;
                                                }
                                                #header ul li a {
                                                    display:block;
                                                        float:left;
                                                            margin:0 0 0 1px;
                                                                padding:3px 10px;
                                                                    text-align:center;
                                                                        background:#eee;
                                                                            color:#000;
                                                                                text-decoration:none;
                                                                                    position:relative;
                                                                                        left:15px;
                                                                                                line-height:1.3em;
                                                                                                }
                                                                                                #header ul li a:hover {
                                                                                                    background:#369;
                                                                                                        color:#fff;
                                                                                                        }
                                                                                                        #header ul li a.active,
                                                                                                        #header ul li a.active:hover {
                                                                                                            color:#fff;
                                                                                                                background:#000;
                                                                                                                    font-weight:bold;
                                                                                                                    }
                                                                                                                    #header ul li a span {
                                                                                                                        display:block;
                                                                                                                        }
                                                                                                                        /* 'widths' sub menu */
                                                                                                                        #layoutdims {
                                                                                                                                    clear:both;
                                                                                                                                     background:#eee;
                                                                                                                                      border-top:4px solid #000;
                                                                                                                                                     margin:0;
                                                                                                                                                      padding:6px 15px !important;
                                                                                                                                                                  text-align:right;
                                                                                                                                                                  }
                                                                                                                                                                  /* 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:#fff;     /* Right column background colour */
                                                                                                                                                                                          }
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px;     /* 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:400px;             /* Left column width + right column width */
        background:#fff;     /* Left column background colour */
    }
    .holygrail .col1wrap {
        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 */
                        }
                        .holygrail .col1 {
        margin:0 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;
                }
    .holygrail .col2 {
        float:left;
        float:right;                    /* This overrides the float:left above */
        width:140px;                    /* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:50px;             /* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;                    /* This overrides the float:left above */
        width:180px;                    /* Width of right column content (right column width minus left and right padding) */
        margin-right:50px;              /* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    /* Footer styles */
    #footer {
        clear:both;
        float:left;
        width:100%;
                border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

