html, body { 
 margin: 10px 0 10px 0;
 padding: 0;
 background: #CCCCFF; 
 text-align: center;
 
 font-family: arial, sans-serif;
 a:link color=#333366;
 a:active color=#990099;
 a:visited color=#663366;

} 

#wrapper {
  width: 650px;
  width/* */:/**/646px;
  width: /**/646px;
  /* centre the wrapper div in non-IE browsers: */
  margin-left: auto;
  margin-right: auto;
  background-color: #cc99cc;
  border: 2px ridge #333366;
  text-align: left;
  }


#header {
 background-color: #CC99CC;
 padding: 10px 10px 10px 10px ;
 text-align: center;
 margin: 0;
} 

#header h1 {
 font-size: x-large, 200%;
 font-family: garamond, serif;
 } 

#bar {
 font-size: medium, 100%;
 background: #CC99CC;
 margin-top: 0;
 padding: 3px 12px 3px 0;
 text-align: right;
}

#bodyblock {
 background: #CC99CC;
 }


#leftmenu {
float: left;
 width: 150px;
  width/* */:/**/150px;
  width: /**/150px;

 text-align: center;
 background-color: #CC99CC;
padding-top: 10px; 
}

#leftmenu h1 {
 padding: 0em 1em;
 font-size: large;
 font-family: garmond, serif;
}

#leftmenu a {
  display: block;
  padding: 6px 10px;
}

#leftmenu a:hover {
  background-color: #FFCCFF;
 font-color: #660099;
}

#maincol {
 background-color: #FFCCFF;  
 text-align: left;
border-left: 10px solid #990099;
border-top: 1px solid #333366;
border-bottom: 1px solid #333366;
 padding-left: 20px;
 padding-right: 25px;
padding-top: 20px;
 padding-bottom: 30px;
 margin-left: 150px;
 margin-right: 0;
} 


#maincol h1 {
 text-align: center;
 font-size: large;
 font-family: garamond, serif;
}

#footer{
  background-color: #CC99CC; 
 clear: both;
 font-size: small;
 padding: 8px 8px 8px 8px;
 text-align: left;
 margin-left: 325px;
 
 }

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}