/* <!-- */
    /* General styles */
    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%;
    }
    a {
        color:#369;
    }
    a:hover {
        color:#369;
        text-decoration:none;
    }
    h1 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    h2 {
        margin:.8em 0 0 0;
        padding:0;
    }
    h3 {
        margin:.4em 0 -.8em 0;
        padding:0;
        font-family: sans-serif;
    }
    h4 {
        margin-bottom: -1em;
        font-family:sans-serif;
        font-weight:bold;
        font-size:smaller;
    }
    p {
        margin:1em 0 .8em 0;
        padding:0;
    }
    img {
        margin:10px 0 5px;
        border-style:none;
        max-width:95%;
    }
    dt {
        font-style:italic;
    }
    dd {
        margin-left:1em;
    }
    hr {
        width:39%;
    }
    .author {
        margin:.4em 0 .2em 0;
        font-family:sans-serif;
        font-weight:bold;
    }
    .title {
        margin:0 0 .2em 1em;
        font-style:italic;
    }
    .byline {
        margin:-.1em 0 0 0;
        font-style:italic;
    }
    .figure {
        margin-left:.5em;
        margin-bottom:0;
    }
    .caption {
        margin-left:.5em;
        margin-top:-.5em;
        font-style:italic;
        font-size:90%;
        width:90%;
    }
    .note {
        font-style:italic;
        font-size:90%;
    }

    /* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    #header {
        border-bottom:1px solid #000;
    }
    #header p,
    #header h2 {
        padding:0 15px 0 15px;
        margin:0;
    }
    #header h1 {
        font-size:600%;
        padding:0 15px 0 15px;
        margin:0 0 -.1em 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;
    }

    #logo {
        clear:both;
        float:right;
        margin:5px 20px;
    }

    /* 'widths' sub menu */
    #layoutdims {
        clear:both;
        background:#eee;
        border-top:4px solid #000;
        margin:0;
        padding:6px 15px !important;
        text-align:right;
        font-style:italic;
    }

    /* column container */
    .colmask {
        position:relative;	/* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:100%;			/* width of whole page */
        overflow:hidden;		/* This chops off any overhanging divs */
    }
    /* common column settings */
    .colright,
    .colmid,
    .colleft {
        float:left;
        width:100%;			/* width of page */
        position:relative;
    }
    .col1,
    .col2,
    .col3 {
        float:left;
        position:relative;
        padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
                                 only padding top and bottom is included here, make it whatever value you need */
        overflow:hidden;
    }

    /* 3 Column settings */
    .threecol {
        background:#eee;		/* right column background colour */
    }
    .threecol .colmid {
        right:25%;			/* width of the right column */
        background:#fff;		/* center column background colour */
    }
    .threecol .colleft {
        right:50%;			/* width of the middle column */
        background:#f4f4f4;             /* left column background colour */
    }
    .threecol .col1 {
        width:46%;			/* width of center column content (column width minus padding on either side) */
        left:102%;			/* 100% plus left padding of center column */
    }
    .threecol .col2 {
        width:21%;			/* Width of left column content (column width minus padding on either side) */
        left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }
    .threecol .col3 {
        width:21%;			/* Width of right column content (column width minus padding on either side) */
        left:85%;			/* Please make note of the brackets here:
                                        (100% - left column width) plus (center column left and right padding) plus 
                                        (left column left and right padding) plus (right column left padding) */
    }

    /* Footer styles */
    #footer {
        clear:both;
        float:left;
        width:100%;
        border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */