body {background-color:#CCCCCC;}

#frame {position:absolute; top:20px; left:10px; width:98%; margin:0px; height:540px;}

#system {
  position:absolute;
  width:780px;
  height:490px;
  overflow:auto; vertical-align:top;
  background-color:#FFF;
  padding:0px 10px 0px 10px;}

#author {position:relative; top:30px; left:80%; z-index:2;}

#footer {position:absolute; top:460px; left:160px;}
#link {position:absolute; top:520px; left:20px;}

#float_r {float:right; padding:3px; margin-left:10px;}
#float_l {float:left; padding:3px; margin-right:10px;}

p {font-size:12px; line-height:18px; font-family:verdana, helvetica, arial; margin:0px 10px 10px 10px;}
h1 {font-size:12px; line-height:18px; font-family:verdana, helvetica, arial; margin:0px 10px 10px 10px; font-weight:600;}
.grace {font-size:14px; line-height:18px; font-family:verdana, helvetica, arial;}

b {font-weight:600;}
li {font-size:12px; line-height:18px; font-family:verdana, helvetica, arial; margin:0px 10px 10px 10px;}
img {display:block; margin:auto;}

.red {color:#FF0000;}
.blue {color:#0000FF;}
.tip {background:#CCFFCC; margin:0px;}
.verse {background:#FFFFCC; margin:0px;}

.insert1 {
  width:85%; margin:10px 0px 20px 35px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert2 {
  width:80%; margin:10px 0px 20px 70px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}

.parag {text-indent:35px;}
.indent1 {margin-left:35px;}
.indent2 {margin-left:70px;}
.indent3 {margin-left:105px;}
.indent4 {margin-left:140px;}
.indent5 {margin-left:175px;}
.indent6 {margin-left:210px;}
.center {text-align:center;}

.border {border-width:1px; border-style:solid; border-color:#000000; border-spacing:0px; padding:0px;}
.noborder {border-width:0px; border-style:none; border-spacing:0px; padding:0px;}
.w15 {width:15px;}
.w20 {width:20px;}
.w35 {width:35px;}
.w45 {width:45px;}
.w100 {width:100px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w430 {width:430px;}
.w450 {width:450px;}
.w470 {width:470px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w530 {width:530px;}
.w550 {width:550px;}
.w10cent {width:10%;}
.w60cent {width:60%;}
.w65cent {width:65%;}
.w70cent {width:70%;}

.header {font-size:12px; line-height:18px; font-family:verdana, helvetica, arial; font-weight:600; text-align:center;}
.f11_l {font-size:11px; font-family:verdana, helvetica, arial; margin:0px; font-weight:600; text-align:left;}
.f10 {font-size:10px; font-family:verdana, helvetica, arial;}
.footer {font-size:10px; line-height:12px; font-family:verdana, helvetica, arial;}
.endfooter {font-size:10px; line-height:12px; font-family:verdana, helvetica, arial; text-align:center;}

#icon1   {position:absolute; top:45px; left:135px; width:84px; height:70px;}
#icon1On {position:absolute; top:40px; left:130px; width:84px; height:70px; padding:3px; border:2px solid #3366CC;}
#icon2   {position:absolute; top:45px; left:244px; width:84px; height:70px;}
#icon2On {position:absolute; top:40px; left:239px; width:84px; height:70px; padding:3px; border:2px solid #3366CC;}
#icon3   {position:absolute; top:45px; left:353px; width:84px; height:70px;}
#icon3On {position:absolute; top:40px; left:348px; width:84px; height:70px; padding:3px; border:2px solid #3366CC;}
#icon4   {position:absolute; top:45px; left:462px; width:84px; height:70px;}
#icon4On {position:absolute; top:40px; left:455px; width:84px; height:70px; padding:3px; border:2px solid #3366CC;}
#icon5   {position:absolute; top:45px; left:571px; width:84px; height:70px;}
#icon5On {position:absolute; top:40px; left:566px; width:84px; height:70px; padding:3px; border:2px solid #3366CC;}

A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {color:#FF0000;}
A:hover {text-decoration:underline; color:#FF0000;}
a img {border: 0px;}