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

h1
   { clear: both; 
     font-family: Comic sans ms, arial, verdana,helvetica, sans-serif;
     font-size: 150%;
     color: #000000;}
   
h2 
   { clear: both; 
     font-family:  Comic sans ms, arial, verdana,helvetica, sans-serif;
     font-size: 130%;
     background-color:#660066; 
     text-align: center;
     color: #ffffff;}
     
h3 
   { clear: both; 
     font-family:  Comic sans ms, arial, verdana,helvetica, sans-serif;
     font-size: 110%;
     background-color:#660066; 
     text-align: center;
     color: #ffffff;}
     
#pagewidth{ 
 width:680px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 border-left: 50px solid #666699;
 border-right: 50px solid #666699;
} 
 
#header{ 
 width:100%; 
 background-color:#ffffff; 
 text-align:center; 
 } 
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px; 
 }

img.leftcol{
text-align: center;
}

strong{
 color: #660066;
}

#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 200px ;  /* leftcol width. NN4 hack to hide borders */ 
border-left-color: #ffffff;   /* leftcol colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
  
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
#footnote {
 text-align: center;
 font-size: small;
 width: 95%;
}

.fblue {color: blue;}
.fred {font-weight: bolder;
	 color:#990033;}
 
 /*printer styles*/ 
@media print{ 
/*hide the leftcol when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

.eg {
	border: 3px dashed #660066; 
	margin: 1em; 
	padding: 1em;
	width: 80%;
	}

#navigation {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #336699;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 6px solid #336699;
	border-right: 1px solid #336699;
	background-color: #9999cc;
	color: #660066;
	text-decoration: none;
	font-weight: bold;
}
#navigation li a:hover {
	background-color: #336699;
	color: #FFFFFF;
}