<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>this body text</title>
<script type="text/javascript">
<!--
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
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>
<style type="text/css">
.style1 {
color: #C0C0C0;
border: 2px solid #008000;
background-color: #C0C0C0;
}
</style>
</head>
<body style="color: #0000FF; background-color: #FCEFBC" >
this body text
<br />
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 121px; top: 44px" id="layer1" class="style1" onmouseout="FP_changeProp(/*id*/'layer1',0,'style.color','#C2E8FE','style.border','14 ridge #CDFEF9','style.padding','20','style.backgroundColor','#FCEFBC')" onmouseover="FP_changeProp(/*id*/'layer1',0,'style.color','#F7E6A2','style.border','10 solid #FF0000','style.backgroundColor','#C0C0C0')">
</div>
</body>
</html>
