body {
    font-size : 90%;
    width : 100%;
    background-color : #ffffff;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    min-width : 600px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


a {
    color : #336699;
  }

/* a:hover {
    background-color : #336699;
    color : #ffffff;
    text-decoration : none;
  }
*/


h1, h2, h3 {
    margin-bottom : .2em;
    margin-left : 0;
    margin-right : 0;
    margin-top : .8em;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


p {
    margin-bottom : .8em;
    margin-left : 0;
    margin-right : 0;
    margin-top : .4em;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


img {
    margin-bottom : 5px;
    margin-left : 0;
    margin-right : 0;
    margin-top : 10px;
    border: 0;
  }

/* Header styles */


#header {
    clear : both;
    float : left;
    width : 100%;
  }


#header {
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
  }


#header p,#header h1,#header h2 {
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : .4em;
  }


#header ul {
    clear : left;
    float : left;
    list-style-image : none;
    list-style-type : none;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 10px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    width : 100%;
  }


#header ul li {
    display : inline;
    list-style-image : none;
    list-style-type : none;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


#header ul li a {
    background-color : #eeeeee;
    color : #000000;
    display : block;
    float : left;
    left : 15px;
    line-height : 1.3em;
    margin-bottom : 0;
    margin-left : 1px;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 3px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 3px;
    position : relative;
    text-align : center;
    text-decoration : none;
  }

/*
#header ul li a:hover {
    background-color : #336699;
    color : #ffffff;
  }


#header ul li a.active,#header ul li a.active:hover {
    background-color : #000000;
    color : #ffffff;
    font-weight : bold;
  }
*/


#header ul li a span {
    display : block;
  }

/* 'widths' sub menu */


#layoutdims {
    background-color : #eeeeee;
    clear : both;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 6;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : 6px;
    text-align : right;
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 4px;
  }

/* column container */


.colmask {
    clear : both;
    overflow : hidden;
    float : left;
    position : relative;
    width : 100%;
    /* This chops off any overhanging divs *//* This fixes the IE7 overflow hidden bug *//* width of whole page */;
  }

/* common column settings */

.colright,.colmid,.colleft {
    position : relative;
    float : left;
    width : 100%;
    /* width of page */;
  }


.col1,.col2,.col3 {
    overflow : hidden;
    float : left;
    padding-bottom : 1em;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    position : relative;
    /* 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 */;
  }

/* 3 Column settings */


.threecol {
    background-color : #f4f4f4;
    /* right column background colour */;
  }


.threecol .colmid {
    background-color : #ffffff;
    right : 25%;
    /* center column background colour */ /* width of the right column */;
  }


.threecol .colleft {
    background-color : #f4f4f4;
    right:50%;
    /* left column background colour */ /* width of the middle column */;
  }


.threecol .col1 {
    width:46%;
    left:102%;
    /* width of center column content (column width minus padding on either side) */ /* 100% plus left padding of center column */;
  }


.threecol .col2 {
    width:21%;
    left:31%;
    /* Width of left column content (column width minus padding on either side) */ /* width of (right column) plus (center column left and right padding) plus (left column left padding) */;
  }


.threecol .col3 {
    width:21%;
    left:85%;
    /* Width of right column content (column width minus padding on either side) */ /* 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 {
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;
    clear : both;
    float : left;
    width : 100%;
  }


#footer p {
    padding:10px;
    margin:0;
  }