table{
border-collapse:collapse;
border:1px  ;
}
table td{
padding:5px;
border:1px  ;
}

a:link {color: blue }
a:visited {color: blue }



/* body  */
body {
margin: 0px;
padding: 0; 
background:   #ffd9eb;  /*  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 ; /*  text nearly black*/

font-family: verdana, sans-serif;
font-size: 16px;
line-height: 20px;
}
 

/* header  */
#header{ 
line-height: 10px;
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                      */

}


/* container  */
#container { 

margin-top: 50px;      /* 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: 5px;        
padding-bottom: 10px;
padding-left: 1%;
padding-right: 1%;
margin-left: 1%;           
margin-right: 0%;         
width: 97%;                 

float: left; 
overflow: auto;
background: #ffd9eb;
}


/* content  */
#content { 


margin-top: 10px;   
padding-top: 10px;  
padding-bottom:10px; 
 
margin-left: 1%; 
margin-right: 1%;                                              
padding-left: 1%;
padding-right: 1%;                                                                   
     
width: 59%;                

float: left; 

background: #ffd9eb ;
}


/* RightContent  */
#RightContent { 


margin-top: 10px; 
margin-right:0%;
    
padding-top: 20px;        
padding-left: 1%;
padding-right: 1%;  

width: 33%;                


float: right; 

background: #ffd9eb ;
}


/* footer  */
#footer { 

background: #ffd9eb;  /*  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;
}

#footerleft {    /*  left div in footer  */
text-align: left;
float: left; 

} 
#footerright {    /* right div in footer */
text-align: right;
float: right; 
font-size: 140%;
} 

/*           *** 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;
}