html, body{ 
 margin:0; 
 padding:0; 
 background-color:#333333; 
 text-align:center; 
 font-family: arial, verdana,helvetica, sans-serif;
 padding: 20px;
 } 

html {min-height:100%;margin-bottom:1px;} 

h1
   { clear: both; 
     font-family: arial, verdana,helvetica, sans-serif;
     font-size: 130%;
     color: #000000;}
   
h2 
   { clear: both; 
     font-family:  arial, verdana,helvetica, sans-serif;
     font-size: 115%;
     text-align: center;
     color: #000000;}
     
h3 
   { clear: both; 
     font-family:  arial, verdana,helvetica, sans-serif;
     font-size: 110%;
     color: #000000;}
     
#pagewidth{ 
 width:800px; 
 min-width: 500px; 
 border: 1px solid black;
 background-color:#ffffff; 
 text-align:left; 
 margin-right:auto; 
 margin-left:auto; 
} 
 
#header{ 
 width:100%; 
 text-align: center;
 } 
  
#footer{
 width:100%; 
} 
 
 
#maincol{ 
 float: left; 
 width: 760px;
 position: relative; 
 padding: 5px 20px;
}
  
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

.imgleft{
	margin: 2px 10px 10px 2px;
	float: left;
}

.imgright{
	margin: 10px 2px 2px 10px;
	float: right;
}


.large-font
   { clear: both; 
     font-family: arial, verdana,helvetica, sans-serif;
     font-size: 130%;
     color: #000000;}

dt {
 font-weight: bold;
 font-size: larger;
}

.mceContentBody { background-image: none; background-color: #fff; color: #000; } /*TinyMCE*/
.mceContentBody a:link, .mceContentBody a:visited   { color: #00f !important;    text-decoration: underline; } /* FF requires a important here */
.mceContentBody a:hover, .mceContentBody a:active   { color: #99d9e8 !important; text-decoration: none; } /* FF requires a important here */