body {
    background-color:#000000;       /*  black  */ 
    margin:0;                       /*will be inherited*/
    padding:0;
}
.page_outline {
    margin: 0 auto;                 /* centres on page*/
    padding:20px;
    border:0px none;
    max-width: 980px;
    background-color:#FFFFFF;       /* white  */
}
.content {
    padding: 0;
    margin: auto;
    border:0px none;
    width: 100%;
    font-family: "Open Sans", Georgia, serif;
    font-size:medium;
    font-weight:normal;
    background-color:#FFFFFF;
}

#banner {
    clear:both;
    width: 92%;
    max-width:900px;
    background-color:#FFFFFF;
    border:0px none;
    padding: 0px;
}
h1, h2, h3, h4, h5 {
    color:#000000;
    padding:0;
}
h1  {                           /*  main title  */
    font-size:2em;
    text-align:center;
    margin:2em 0 0.67em 0;
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
}
h2  {                           /*  sub title  */
    font-size:1.5em;
    text-align:center;
    margin:0.67em 0 0.75em 0;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    font-weight:lighter;
}
h3  {                         /*  subheadings  */
    font-size:1.17em;
    text-align:center;
    margin:0.83em 0 0.83em 0;
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
}
h4  {                         /*  subheadings without border  */
    font-size:1em;
    text-align:left;
    margin:1em 0;
    border:0px none;
}
h5  {                         /*  horizontal rule  */
    border-bottom:2px solid #000000;
}
h6  {                         /*  subheadings without border in grey  */
    font-size:1.17em;
    text-align:left;
    margin:1em 0;
    border:0px none;
    color:#808080;
    padding:0;
}

a         {
    color: #000000;
    font-weight: bold;
    font-size:100%;
    background-color: transparent;
    text-decoration: underline;
}
.shead {                     /*  subheading link without border  */
    font-size:100%;
    text-align:left;
    margin:0.83em 0;
    border:0px none;
    background-color: transparent;
    text-decoration: none;
}
a:hover   {
    text-decoration: none;
    color:#FFFFFF;
    background-color: #000000;
}
p    {
    margin:0;
}
hr   {
    width:100%;
    height:2px;
    color:#000000;
}
p.alignright    {
    text-align: right;
}
p.aligncentre    {
    text-align: center;
}
p.bb   {                  /*  black background version of h4  */
    font-size:1em;
    font-weight: bold;
    text-align:left;
    margin:1em 0;
    border:0px none;
    padding: 3px 3px 3px 3px;
    background-color:black;
    color:white;
 }

/****** TABLE styles */
table {
   border-collapse:collapse;
   font-family: Georgia, Times, serif;
   font-size:100%;
   width:100%;
   border:0px;
}

th {
   background-color:black;
   border: 1px solid white;
   color:white;
   font-weight: bold;
   text-align:left;
}
td {
   vertical-align:top;
   text-align:left;
   border: 1px solid white;
   background-color:#DFDFDF;
   padding: 2px;
}
.tcol1,
.tcol2 {
    width: 9%;
}
.tcol3 {
    width: 28%;
}
.tcol4 {
    width: 54%;
}
.tcol5 {
    width: 86%;
}

/****** COLUMN styles */
.columncontainer {
    clear:both;
    width:100%;
}
.column1of2 {
   float: left;
    width: 58%;
    padding:12px 12px 12px 0px;
    border-right:1px solid #CACFD2;
}
.column2of2 {
   float: left;
    width: 39%;
    padding:12px 0px 12px 12px;
    border:0px none;  
}

.col1of3,
.col2of3,
.col3of3 {
    float: left;
    width: 31%;
    border: 0px none;
}
.col1of3  {
    padding:12px 12px 12px 0px;
}
.col2of3  {
    padding:12px 12px 12px 12px;
}
.col3of3  {
    padding:12px 0px 12px 12px;
}
.col1of2  {
    float:left;
    width:58%;
    padding:12px 12px 12px 0px;
    background-color:#FFFFFF; 
}
.col2of2  {
    float:left;
    width:39%;
    padding:12px 0px 12px 12px;
    background-color:#FFFFFF;
}
.col1of2left  {
    float:left;
    width:39%;
    padding:12px 12px 12px 0px;

    background-color:#FFFFFF; 
}
.col2of2left  {
    float:left;
    width:58%;
    padding:12px 0px 12px 12px;
    background-color:#FFFFFF;
}

.col2of2border  {
    float:left;
    width:39%;                      /* 352 - 2x1 border */
    padding:12px 0px 12px 12px;
    background-color:#FFFFFF;
    border:1px solid #000000;  
}
.col2of2shadedborder  {
    float:left;
    width:39%;                      /* 352 - 2x1 border */
    padding:12px 0px 12px 12px;
    background-color:#E8E4C9;
    border:1px solid #000000;   
}

#footer {
    clear: both;
    width:92%;
    padding:0;
    border-top:1px solid #000000;
}
/****** IMAGE styles */
img {
    border:0px none;
    padding:0px;
}
img.banner {
    width: 92%;
    max-width:900px;
    max-height:235px;
}
img.small {                    /* thumbnail */
    width:142px;
    height:100px;
}
img.medium {                   /* fills side column */
    width:352px;
    height:174px;
}
img.align-left {
    float:left;
}
img.align-centre {
    display:block;
    margin:0 auto;
}
img.align-right {
    float:right;
    padding-right:12px;
}
.imgtitle   {                  /* clears float for title under image  */
    clear:both;
    font-size:75%;
    margin:0;
    padding:0;
}
/****** MENU styles */
#menu-top {
    float:right;                /* should need width if a float but it left justifies if u do */
    background-color:#FFFFFF;
    border:0px none;
    margin:0;
    padding:10px 0px 10px 0px;
}
#menu-side ul li {
    display:block;
    list-style:none;
    margin:0;
}
#menu-top ul,
#menu-side ul,
#menu-bottom ul {
    margin:0;
    padding:0;
    border:0px none;
}
#menu-top ul li,
#menu-bottom ul li {
    display:inline;
    list-style:none;
    margin:0;
}
#menu-top ul li a {
    margin:0;
    padding:0px 10px 0px 10px;
    border-left:1px solid #000000;
    text-align:center;
    background-color:#FFFFFF;
    color:#000000;
    text-decoration:none;
    line-height:1.3em;
}
#menu-bottom {
    clear:both;                /*THIS DOESNT WORK-NEED THE FOOTER FIRST TO WORK*/
    float:left;
    background-color:#FFFFFF;
    border:0px none;
    margin:0;
    padding:10px 0px 10px 0px;
 }
#menu-bottom ul li a {
    margin:0;
    padding:0px 10px 0px 10px;
    border-right:1px solid #000000;
    text-align:center;
    background-color:#FFFFFF;
    color:#000;
    text-decoration:none;
    line-height:1.3em;
}
#menu-top ul li a:hover,
#menu-side ul li a:hover,
#menu-bottom ul li a:hover {
    background-color:#000000;
    color:#FFFFFF;
    text-decoration:none;
}