body { background-color: lightblue; 
margin: 5px;/* without margins the page would be stuck to the sides*/
font-family: verdana, arial, sans-serif; /* would like Bradley Hand ITC, but too spidery */
font-size: 14px; 
padding: 0px;
}

h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:8px;}

h1 { color: white; background-color: transparent;
margin-top: 0px;
margin-bottom: 0px;
line-height: 30px; /* extra space */
text-align: left;
}

h2 { color: blue; background-color: transparent; 
line-height: 26px; 
text-align: left;
margin-bottom: 0px;
}

h3 { color: blue; background-color: transparent; 
text-align: left;
margin-bottom: 0px;
}

ul,li {
  list-style-type: none; /* to minimize problems */
  margin: 0;
  padding:0;
  line-height: 24px; /* extra space */
}

img { 
  border: 0; 
}

#fullpage {  
position:relative; border:1px solid #0A0A0A;
width:915px;
margin-left:0; margin-right:auto; margin-top:0px; padding:0px; }

#head1 { 
height: 86px;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0;
text-align: left;
}
#head2 {
height: 34px;
padding: 0; 

} 

#sideright { position: absolute; 
width:124px;
height:900px;
top: 5px;
margin-left: 925px;
line-height:2em; 
background-color:transparent;
padding: 0px;
margin-top:0px; } 

#sideright-top { 
width:124px;
height:680px;
top: 0px;
padding: 0px;
background-color:transparent;
} 

#mainpage {
 position: absolute;
 margin-left: 5px; 
width: 1060px; 
text-align: left;
padding: 5px; 
}

#logo {
float: right; /* to align the logo to the right */
margin-right: 0px;  /* place the logo within its container, head1 */
margin-top: 3px;
border: 0;
}
.rightimage {
float: right; 
margin-right: 5px; 
margin-left: 5px; 
border: 0;
}
#memberhd {
font-size: 12px;
font-weight: normal;
color: #ffffff;
 text-decoration: none; text-align: left; margin-right:10px;
 margin-top: 10px;
}

#left { position: absolute;
/* background-color: #88CC00; /* for test only */
left:0; /* the left block is placed in absolute position to the left */
/* background-image: url('design/menu.gif'); */
width: 150px;
height:570px;
padding: 0px;
margin: 0px;
align: center;
text-align: center;
}

#left-top { 
height: 330px;
align: center;
padding: 0px;
padding-top: 5px;
text-align: center;
}

#content {
position: static;
background-color: #55CCCC;
top: 0;
margin-top: 0px;
float: right;
font-size: 14px;
line-height: 18px; /* extra space */
font-weight: normal
text-align: left;
width: 760px;
height:570px; 
overflow:auto; 
padding-left: 0px; 
border: 1px solid #080808;
}

#content a {font-size: 14px;font-weight: bold;color: #EEEEEE;
 text-decoration: none; 
}
#content a.email {font-size: 12px;font-weight: normal;color: #ff0000;
 text-decoration: none; 
}
#content a.credit {font-size: 12px;font-weight: normal;color: #0000ff;
 text-decoration: none; 
}

#innercontent {
 padding: 0px;
 padding-left: 10px;
 padding-right: 5px;
}

.credit {font-size: 12px;font-weight: normal;color: #000000;
 text-decoration: none; text-align: right; margin-right:10px;
}

#topmenu {
float: right; 
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0px;
}

#topmenu a {font-size: 16px;font-weight: bold;color: #ffffff;
 text-decoration: none; /* no decoration to avoid underline showing when hovered onto */
 margin-left: 20px; }
.menu { /* defines container for the menu */
margin-top: 20px;
margin-bottom: 0px;
width: 260px;
/* border: 1px solid #060C6F; */
background-color: teal;
font-family: verdana, arial;
font-size: 12px;
text-align: center;
}

#contentcentre {
align: center;
text-align: center;
padding: 5px; 
}

.mflclass {
color: blue; 
font-size: 14px;
}

#basead {
float: right;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 0px;
padding: 0px; 
}

#quarterad { /* position:relative; */
background-color: transparent;
vertical-align: bottom;
 }
 
mfl {
font-size: 12px;
}
#mfltable {
font-size: 12px;
table-layout: fixed;
}
#mfltable h1 { 
font-size:26px;
color: blue;
text-align: center;
}