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;
text-align: left;
}

h2 { color: blue; background-color: transparent 
line-height: 24px;
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: 22px; /* extra space */
}

img { 
  border: 0; 
}


#fullpage {  position:relative; border:1px solid #0A0A0A;
/* background-color: #00CCAA;  /* for test only */
width:850px;
margin-left:0; margin-right:auto; margin-top:0px; padding:0px; }

#head1 {
background-color: #66CCCC;
/* width: 848px; */
height: 86px;
margin: 0;
padding-left: 10px;
padding-bottom: 0;
text-align: left;
}
#head2 {
background-color: #66CCCC;
/* width: 848px; */
height: 34px;
margin-bottom: 0;
border: 0;
padding: 0;

} 
#logo {
float: right; /* to align the logo to the right */
margin-right: 10px;  /* 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: #0000ff;
 text-decoration: none; text-align: left; margin-right:10px;
 margin-top: 10px;
}

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

#content {
background-color: #88CCCC;
position: static;
top: 0;
margin-top: 0px;
margin-left: 160px;
font-size: 12px;
font-weight: normal
text-align: left;
width: 688px;
height:570px; 
overflow:auto; 
padding: 0px; 
border: 1px solid #080808;
}

#content a {font-size: 14px;font-weight: bold;color: #2222ff;
 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: #2222ff;
 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;
}

#mainpage {
margin-left: 5px; 
text-align: left;
width: 1600px;
padding: 5px; 
}

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

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

#quarterad { position:relative;
background-color:transparent;
text-align: center;
align: center;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
 }

#sideright { position:absolute; 
margin-left: 860px; 
float: right;
width:124px;
height:700px;
line-height:2em; 
background-color:transparent; 
padding:0px; 
margin-top:10px; }