table{
border-collapse:collapse;
border:0px solid white;
}
table td{
padding:5px;
border:0px solid white;
}




/* body  */
body {
margin: 0px;
padding: 0; 
background:   #CAF3F3;  /*  The only place this colour shows is in the margins of the main content div, and in the footer - but the footer has to code it*/
color: #222222 ;
font-family: verdana, sans-serif;
font-size: 16px;
line-height: 20px;

}
 

/* header  */
#header{ 
line-height: 0px;
background-size: 100% 100%;
background-repeat: no-repeat;
/*height: 370px; */
position: absolute;  /* needed to get the header to the top of the page */
top: 0;                   /* also needed to get the header to the top of the page - done by trial and error */

/*width: 100%;               don't think this is needed                      */
background: #ADFFFF ;
}


/* content  */
#content { 




      /* content seems to want to position itself halfway up the header - so this pushes it down  - what a load of  **** - come back Cobol ! */
padding-top: 10px;        
padding-bottom: 10px;
 /*                                                            Change next 5 lines for margins                                                                                     */
padding-left: 0%;
padding-right: 0%;
margin-left: 1%;           /*    These 2 lines  are                                                                                                         */
margin-right: 2%;         /*                              coded the same as in #footer   the scroll bar takes some room            */

width: 97%;                 /*  less than #footer because of padding           74 + 3 + 3 ( padding left & right )   + 10 + 10    (margin left & right ) = 100%       */

overflow: auto;
background:#CAF3F3 ;
}


/* footer  */
#footer { 

background: #CAF3F3;  /*  This colour is coded the same as in body */

margin-left: 2%;          /*  These 2 lines  are                                                          */
margin-right: 2%;        /*                             coded the same as in #content            */
width: 96%;               /*   This line is 80% because there is no padding                  */

height: 25px;
 
padding-top: 10px;
font-size: 80%;

float: left;
position: relative;
bottom: 0;
}
/* footer  */


#footerleft {    /*  left div in footer  */
text-align: left;
float: left; 
width: 400px;
} 
#footerright {    /* right div in footer */
text-align: right;
float: right; 
width: 250px;
} 

/*           *** headers    etc     ***/
#WebHeading {    /* Cumbria Chess Association */
text-align: center;
color: #317daf;
}

#PageHeading {    /*  e.g. Home Page  */
color: #317daf;
text-align: center;
} 
 
#TextHeading {    /* Headers for posts on Home Page, and other places  */
colour: black;
text-align: left;
} 

#PostHeadings {    /* Headers for posts on Home Page, and other places  */
font-weight: bold;
color: black;
font-size: 140%;
text-align: left;
}