body { background-color: lightblue; 
margin: 5px;/* without margins the page would be stuck to the sides*/
font-family: verdana, arial, sans-serif; /* base font is defined in the page */
font-size: 14px; /* size font is defined in the page */
padding: 0px;
}

h1 { color: white; background-color: transparent
font-size: 100%;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

h2 { color: blue; background-color: transparent 
font-size: 100%;
text-align: left;
margin-bottom: 0px;
}

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

ul,li {
list-style-type: none; /* to minimize problems */
margin: 0;
padding:0;
line-height: 30px; /* extra space */
}
#fullpage {  position:relative; border:1px solid #0A0A0A;
width:850px;
margin-left:0; margin-right:auto; margin-top:0px; padding:0px; }

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

padding-left: 5px;

} 
#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 {
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;
text-align: center;
}

#content {
background-color: #88CCCC;
margin-left: 160px; 
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;
}

#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: 30px;
width: 260px;
border: 1px solid #060C6F;
background-color: teal;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}

#basead {
margin-left: 160px; 
text-align: left;
width: 688px;
padding: 10px; 
}

#quarterad { position:relative;
background-color:transparent;
top:10px;
vertical-align:bottom; }

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