Thanks for the suggestion piantbrush, I checked that in the header and it was shown as this;
< META http-equiv=Content-Type content="text/html; charset=unicode">
so, I changed it to this;
< META http-equiv=Content-Type content="text/html; charset=utf-8"> because this is the doctype shown at top of header; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
However, it still gives me the weird characters when I try to open with CC HTML editor. Maybe there's something else in the header doing this, so following is the entire header section;
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<HEAD>
<TITLE>St. Michael's Intranet</TITLE>
< META http-equiv=Content-Language content=en-us>
< META http-equiv=Content-Type content="text/html; charset=unicode">
<LINK
href="index_files/filelist.xml" rel=File-List>
<STYLE>
<!--
div.Section1
{page:Section1;}
-->
</STYLE>
<!--[if !mso]>
<STYLE>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
span.bodybold1
{font-family:Verdana;
font-weight:bold}
span.body1
{font-family:Verdana;
}
</STYLE>
<![endif]-->
< META content="Microsoft FrontPage 6.0" name=GENERATOR>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</HEAD>
