<style type="text/css">

    html {
        padding: 0;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100%;
        font: 10pt/1.3 Arial, Verdana, Helvetica, "Trebuchet MS", Sans-serif;
        color: #686868;
    }

/*-- utility buttons / top right navigation above banner --*/

ul#utility {
     font: 8pt/1.3  Arial, Verdana,  "Trebuchet MS", Helvetica,   Sans-serif;
     letter-spacing: 1.0px;
     position: absolute;
     width: 250px;
     height: 19px;
     z-index: 1;
     left: 597px;
     top: 13px;
     padding: 0px;
     margin: 0px;
}

ul#utility li {
     float: left;
     margin: 0;
     padding: 0px 0 0 0;
     list-style-type: none;
     text-transform: lowercase;
}

ul#utility li a {
     text-decoration: none;
     padding: 2px 5px 2px 15px;
}

ul#utility li a:link, ul#utility li a:visited {
     background-color: inherit;
     background: transparent url(images/arrow_dbl.gif) no-repeat left;
     color: #DADADA;
}

ul#utility li a:hover, ul#utility li a:active {
     background-color: inherit;
     color: #8D949A;
}

/*------------- Main top bar navigation ----------*/

ul#nav {
     font: 8pt/1.2 Verdana, "Trebuchet MS",  Arial,  Helvetica, Sans-serif;
     margin: 0;
     padding: 0 0 0 30px;
     height: 37px;
     background: transparent url(images/bevel.jpg) repeat left;
     color: inherit;
}

ul#nav li {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 12px 0 0 0;
    list-style-type: none;
    text-transform: uppercase;
}

ul#nav li a {
    text-decoration: none;
    padding: 7px 20px 7px 20px;
}

ul#nav li a:link, ul#nav li a:visited {
    background-color: inherit;
    color: #303030;
}
ul#nav li a:hover{
     background: transparent url(images/subnav_icon.gif) no-repeat left;
     color: #8D949A;
}

ul#nav li#currenttopnav a:visited {
     background: transparent url(images/subnav_icon.gif) no-repeat left;
     color: #8D949A;
}

ul#nav li#currenttopnav a:visited {
    background: transparent url(images/subnav_icon.gif) no-repeat left;
    color: #303030;
}

ul#nav li#currenttopnav a:hover{
     background: transparent url(images/subnav_icon.gif) no-repeat left;
     color: #153ED4;
}

/*---------- LEFT NAVIGATION------------*/

div#navlefttop {
     margin: 30px 0px 0px 0px;
     height: 24px;
     width: 176px;
     background-image: url(images/leftNavTop.jpg);
     background-repeat:no-repeat;
    border-bottom: 1px solid #ffffff;
}
div#navleftbot {
     height: 20px;
     width: 176px;
     background-image: url(images/leftNavbottom.jpg);
     background-repeat:no-repeat;
}
ul#leftnav {
     font: 9pt Arial, Verdana, Helvetica,   Sans-serif;
     margin: 0px 0px 0px 0px;
     padding: 0;
    width: 176px;
     list-style-type: none;
    }

#leftnav li a {
     list-style-type: none;
     text-decoration: none;
     color: #303030;
      height: 17px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 17px;
     color: #767575;
    }

#leftnav li a:link, #leftnav li a:visited {
    display: block;
     background-image: url(images/leftNavCentre.jpg);
     background-repeat:no-repeat;
    padding: 8px 0 0 15px;
    }

#leftnav li a:hover, #leftnav li a:active, #currentleftnav a, #currentleftnav a:visited {
    color: #4669E8;
     background-image: url(images/leftNavCentre_ani.gif);
     background-repeat:no-repeat;
    padding: 8px 0 0 15px;
    }

/*************************** general ************************/

#container {
    padding-top: 0px;
    margin-top: 0px;
    height: auto;
    min-height: 100%;
    position: relative;
    background: #ffffff;
}

div#header {
    height: 40px;
    position: absolute;
    top: 0px;
    padding-top: 0px;
    margin-top: 0px;
    background: #ffc;
    width: 100%;
}

div#footer {
    position: absolute;
    bottom: 0px;
    background: #ffc;
    width: 100%;
    height: 23px;
    background: transparent url(images/footer.jpg) repeat-x left;
    font: 8pt Arial, Helvetica, Verdana,  Sans-serif;
    color: #999999;
    text-align: center;
}

hr#footer {
    height: 23px; /* enough to "pad" bottom of div so footer text is not covered with content text */
    visibility: hidden;
    padding-top: 0px;
    margin-top: 0px;
}

/*------------ COLUMNS ---------------*/

#onecolumn {
     width: 620px;
     margin-left: 160px;
}

#col1 {
     float:left;
     width: 233px;
     height: 200px;
     padding: 20px 5px 0px 15px;
     }
#col2 {
     float:left;
     width: 233px;
     height: 200px;
     padding: 20px 5px 0px 15px;
     border-left: #D9D2AB solid 1px;}
#col3 {
     float:right;
     width: 228px;
     height: 200px;
     padding: 20px 5px 0px 15px;
     border-left: #D9D2AB solid 1px;}

.colcontent {
     display: block;
     height: 100px;}


#no_columns {
     width: 695px;
     padding-top: 20px;
     padding-right: 50px;
     padding-bottom: 0px;
     padding-left: 15px;
}
#TwoCol1 {
     float:left;
     padding: 40px 35px 0px 30px;
     margin: 0px;
     borderxx: 1px solid red;
}


#TwoCol2 {
     float:left;
     width: 492px;
     background-repeat:no-repeat;
     background-position: 0px 12px;
     margin: 0px;
     padding: 0px;
     margin-left: 40px;
/*
     padding-top: 20px;
     padding-right: 5px;
     padding-bottom: 0px;
     padding-left: 15px;
*/
     borderxx: 1px solid red;
}

#TwoColEqual1, #TwoColEqual2  {
     float:left;
     width: 45%;
}

#TwoColEqual1 {
     width: 40%;;
     margin-right: 20px;
}

#TwoColEqual2 {
     width: 50%;
}

/**********front page********************/

h2 {
     font: bold 10pt/.8 Helvetica, Verdana, Arial,  Sans-serif;
     text-transform: uppercase;
     background-color: inherit;
     color: #4b4b4b;
     margin: 20px 0 20 0;
     padding: 20px 0px 1px 10px;
     border-bottom: 1px solid #ddd;
     color: inherit;
     clear: both;
}

h2.colheading {
     font: bold 10pt/.8 Helvetica, Verdana, Arial,  Sans-serif;
     text-transform: uppercase;
     background-color: inherit;
     border: 0;
     color: #4b4b4b;
     margin: 0px;
     padding: 0px;
     color: inherit;
     clear: both;
}


h3.heading {
    font-size: 10pt;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 3px 10px;
    background: #749AD8;
    color: #ffffff;
}

p {
    font-size: 9pt;
    margin-bottom: 15px;
     font: inherit;
    width: 100%;
}

h2 span {
    background-color: inherit;
    color: #3771C3;
}

img.displayedHrzCentre {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

ul.featurelist {
    margin: 0 0 0 20px;
    padding: 0;
}

ul.featurelist li {
    margin: 0;
    padding: 3px 0 3px 16px;
    list-style-type: none;
    background: #ffffff url(images/arrow.gif) left no-repeat;
    background-position: center left;
    color: inherit;
}

a:link, a:visited {
    background-color: inherit;
    color: #4b4b4b;
    text-decoration: underline;
}

a:hover, a:active {
    background-color: inherit;
    color: #CCCC66;
    text-decoration: underline;
}


/******************* event links ********************/

a.event:link, a.event:visited, a.event:active {
    background-color: inherit;
    color: #4b4b4b;
    text-decoration: none;
}

a.event:hover {
    background-color: inherit;
    color: #3b3b3b;
    text-decoration: underline;
}

/******************* news links ********************/

a.newstitle {
    font-weight: bold;
}

a.newstitle:link, a.newstitle:visited, a.newstitle:active {
    color: #4b4b4b;
    text-decoration: none;
}

a.newstitle:hover {
    color: #CCCC66;
    text-decoration: underline;
}

a.news:link, a.news:visited, a.news:active {
    color: #4b4b4b;
    text-decoration: none;
}

a.news:hover {
    color: #CCCC66;
    text-decoration: underline;
}

/*********************** link links ****************************/

a.link:link, a.link:visited, a.link:active {
    color: #4b4b4b;
    text-decoration: none;
}

a.link:hover {
    color: #CCCC66;
    text-decoration: underline;
}

/*------------ FRONT PAGE COLUMNS ---------------*/
div#columns {
    padding-left: 20px;
}

div#columns div#colone, div#columns div#coltwo, div#columns div#colthree {
    width: 230px;
    float: left;
    margin-right: 30px;
}

div#colone h2, div#coltwo h2, div#colthree h2 {
     font: bold 10pt/.8 Helvetica, Verdana, Arial,  Sans-serif;
     text-transform: uppercase;
     background-color: inherit;
     color: #CDCDCD;
     margin: 35px 0 0 0;
     padding: 3 0 0 0px;
}

div#contentmarket {
     display: block;
     bottom: 0;
     min-height: 200px;
     padding-bottom: 20px;
}

table {
    font-size: 100%;
}

th {
    background-color: #bbbbbb;
}

td.even {
    background-color: #eeeeee;
}

td.odd {
    background-color: #e0e0e0;
}

</style>