@charset "UTF-8";

@media all {
/* ----- Resets for various browser incompatibilities --------- */
    html {
        font-size: 100.01%;
        margin-bottom: 1px;
        min-height: 101%;
    }/* Forces vertical scrollbar for short pages */

    body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, div, blockquote, testarea {
        margin: 0;
        padding: 0;
    }
/* ------------------ Global Settings --------------------------- */

    body {
        font: 14px/18px 'Trebuchet MS', Arial, sans-serif;
        width: 100%;
        background-color: #eee;
    }

    ul {list-style: none;}

    table {border-collapse: collapse; border-spacing: 0;}

    img {border: 0 solid;}

    a{text-decoration: none;}

    .noprint, .hidden {display: none;}

    .skipnav, .hide, .print {
        left: -999em;
        position: absolute;
        top: -999em;
    }/* For accessibility - to be incorporated later) */

/* --------------------- Layout wrappers and styles ------------------ */

    #header-wrap {width: 960px; height: 80px; margin: 0 auto;
    }

    #strap {
        overflow: hidden;
        width: 100%;
    }

    #content {

        margin: 0 auto;
        border: solid 10px #366;
        position: relative;
        width: 940px;
        min-width: 720px;
        background: url(../images/layout/bg_green.png) repeat;
    }

    #main {
        vertical-align: top;
/*        position:relative;                       */
        margin-left: 180px;
        padding: 15px 10px 5px 10px;
    }

    #menu {
    position: absolute;
    width: 180px;
    left: 0px; top: 0px;}

    #links {
        background-color: #366;
        padding-left: 0px;
        vertical-align: top;
        text-align: left;
        line-height: 250%;
        font-weight: bold;
        font-size: 16px;
        width: 170px;
        color: white;
    }

    #footer {
        background-color: #bdcbae;
        color: #033;
        padding: 5px 20px;
        border-bottom: 20px solid #bdcbae;
    }

    #plain a {
        border: 0px;
        padding: 0px;
    }


/* ----------------- Content Styles ------------- */
/*  Positioning and generic   */

    .centre {text-align: center;}

    .right {text-align: right;}

    .left {text-align: left;}

    .fl_right, img.right {
        float: right;
        text-align: right;
        margin: 10px 0 5px 10px;
    }

    .fl_left, img.left {
        float: left;
        margin: 10px 10px 5px 0;
    }

    img.centre {
        display: block;
        text-align: center;
        margin: 5px auto;
    }

    img.left {float: left; margin: 10px 10px 5px 0;}

    img.right {float: right; margin: 10px 0 5px 10px;}

    .clear { clear: both;}

/* -- General text styles ---- */

    h1, h2, h3 {font-weight: bold; text-align: left;}

    h1 {
        font: Georgia, "Times New Roman", Times, serif;
        font-size: 28px/32px;
        padding: 0 0 15px 0;
        color: #366;
    }

    h2 {font-size: 20px; padding-bottom: 10px;
      margin-top: 30px; color: #366;}

    h3 {font-size: 16px; padding: 0 0 8px 0;}

    h4 {font-size: 14px; font-style: italic;}

    p, ol, ul {margin-bottom: 12px;}

    .small {font-size: 11px; line-height: 14px;}

    ul.bullet {list-style: disc; margin-left: 15px;}

    table {
      border-collapse: collapse;
         }

    table.centre {
      margin: 10px auto;
    }

    td {
      border: 1px solid #0078c0;
      vertical-align:top;
    }


/* --- Override text styles by section ----- */

    #main ol {margin-left: 20px;}

    #main li {margin-bottom: 10px;}

    #menu {
      color: #fff;
    }


/* ------ Links -------- */

   #links a:link, a:visited {
        display: block;
        text-decoration: none;
        background-color: #366;
        color: #fff;
        border-top: 1px solid #e4f5d2;
        width: 170px;
        border-bottom: 1px solid #e4f5d2;
    }

    #links a:hover, a.active {
        text-decoration: none;
        background-color: #c9d8b9;
        color: #366;
    }

   #main a:link, #main a:visited {
        display: inline;
        color: #033;
        border: 0px;
        text-decoration: underline;
    }

    #main a:hover, #main a:active {display: inline; color: #366; text-decoration: none;}

    #footer a {
        display: inline;
        color: #033;
        text-decoration: none;
    }


}