/* <!-- */
    /* General styles */

    html { height: 101%; }

    body {
        font-family:Arial,Sans-Serif;
        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:#fff;
                background:#369;
                text-decoration:none;
        }
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
        img {
                margin:10px 0 5px;
        }
        /* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        background-image:url('nav_bar.png');
    }
        #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:0 0 0 0;
            padding:10px 0 0 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:#ccc;
            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:#990000;
            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 */
        }
        /* 2 column right menu settings */
        .rightmenu {
            background:#ffffff;
        }
        .rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
            float:left;
            width:50%;
            position:relative;
            left:50%;
            padding-bottom:1em;
        }
        .rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
        }
    .rightmenu .col2 {
        float:right;
        width:200px;
        position:relative;
        left:185px;
    }
        /* Footer styles */
        #footer {
        clear:both;
        float:left;
        width:100%;
                border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
            width:100%;
        }
    </style>
    <![endif]-->