body {
margin:10px auto;
padding:0;
width:800px;
background:#ccc;
text-align:center;
font-family:arial;
font-size:.98em;
}
/* Header styles */
#header 
{
width:800px;
background-color:#000066;
color:#FFFFFF;
padding:0px;
margin:0px;
}
#dateheader 
{
background-color:#FFCC33;
font-size:0.8em;
font-weight:bold;
padding:3px;
text-align:left;
margin:0px;
width:792px;
border-right:1px solid #000066;
border-left:1px solid #000066;
}
/* column container */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:798px;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
border: 1px;
border-style: solid;
border-color:#000066;
padding:0px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;			/* width of page */
position:relative;
}
.col1,
.col3 {
float:left;
position:relative;
/*padding:0 0 1em 0;	 no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
font-size:.85em;
text-align:left;
}
.col2 { 		/* left column */
color:#FFFFFF;
text-align:left;
font-size:.8em;
line-height:1.2em;
float:left;
position:relative;
overflow:hidden;
}	
a.side:link, a.side:active, a.side:visited {
color:#FFFFFF; 
text-decoration:none
}
a.side:hover {
color:#FFFFFF; 
text-decoration:underline
}
.col2 hr {background-color:#FFFFFF; color:#FFFFFF; height:1px; noshade; border:0px;}
	/* 3 Column settings */
.threecol {
background:#fff;		/* right column background colour */
}
.threecol .colmid {
right:40%;			/* width of the right column - including padding*/
background-color:#fff;		/* center column background colour */
padding:0px;
}
.threecol .colleft {
right:40%;			/* width of the middle column */
background:#000066;	/* left column background colour */
}
.threecol .col1 {
width:38%;			/* width of center column content (column width minus padding on either side) */
left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
width:18%;			/* Width of left column content (column width minus padding on either side) */
left:43%;			/* width of (right column with padding) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
width:38%;			/* Width of right column content (column width minus padding on either side) */
left:85%;			/* Please make note of the brackets here:
	(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
margin-top:2px;
}
/* Footer styles */
#footer {
float:left;
width:100%;
border-top:1px solid #000;
font-size:.8em;
background-color:#000066;
}
#footer a {
color:#ffffff;
}
#footer p {
padding:10px;
margin:0;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/* boxes on members main page */
.membox {
border:2px solid #000066;
text-align:Center;
width:225px;
margin-right:15px;
}
.boxtop {
background-color:#000066;
padding:5px;
color:#ffffff;
font-style:italic;
font-weight:bold;
}
.boxcontent {
background-color:#CCCC99;
padding:5px;
}
.email1 {
width:200px;
float:left;
}
.email2 {
width:50px;
margin-left:220px;
}
.email3 {
width:200px;
margin-left:280px;
}
.emailclear {
clear:both;
}
#memnames a {
text-decoration:underline;
color:#000066;
}
#memnames a:hover {
text-decoration:none;
color:#000066;
}