/* Borrowed from http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm
   and modified slightly  */

    /* General styles */
    body {
        margin:             0;
        padding:            0;
        border:             0;           /* This removes the border around the viewport in old versions of IE */
        width:              100%;
        font-size:          100%;
    }
    
    /* Header styles */
    #header {
        clear:              both;
        float:              left;
        width:              100%;
    }
    
    #header {
    }
    
    #header p, #header h1, #header h2 {
        padding:            .4em 15px 0 15px;
        margin:             0;
    }

    #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 */
    }
    
    /* 2 column left menu settings */
    .leftmenu {
        background:         #a7c4b1;
        border:             2px solid #8791a5;
    }
    .leftmenu .colright {
        float:              left;
        width:              200%;
        position:           relative;
        left:               200px;
        background:         #fff;
        border-left:        2px solid #8791a5;
    }
    .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;
    }
    
    .col2 {
        padding:            0px;
        margin:             0;
        width:220px !important;
    }
    /* Footer styles */
    #footer {
        clear:              both;
        float:              left;
        width:              100%;
    }
    #footer p {
        padding:            10px;
        margin:             0;
        font-size:          85%;
    }





    
    
    #headbox {
        width:                      100%;
        height:                     66px;
        background-color:           #a7c4b1;
        color:                      #e9edef !important;
        border:                     2px solid #8791a5;
        border-bottom:              none !important;
        text-align:                 center;
    }