body {background-color:#CCCCCC;}

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

#article {
  position:absolute;
  width:96%;
  height:490px;
  padding:0px 10px 0px 10px;
  overflow:auto; vertical-align:top;
  background-color:#FFF;} 
#article_vs {
  position:absolute;
  width:96%;
  height:380px;
  padding:0px 10px 0px 10px;
  overflow:auto; vertical-align:top;
  background-color:#FFF;}
#article_pref {
  position:absolute;
  width:96%;
  height:380px;
  padding:0px 10px 0px 10px;
  overflow:auto; vertical-align:top;
  background-color:#FFF;}

#bible {
  position:absolute; top:380px;
  width:96%;
  padding:0px 0px 0px 20px;
  background-color:#FFF;
  z-index:2;}
  
#recommend {
  position:absolute; top:380px;
  width:96%;
  height:110px;
  padding:0px 10px 0px 10px;
  z-index:2;
  overflow:auto; vertical-align:top; background-color:#CCFFCC;}

#search {
  position:absolute; top:-10px; left:575px;
  z-index:2;}

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

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

#indextable {border-width:0px; border-style:none; border-spacing:0px; padding:0px; width:97%; height:65px;}
#indextable1 {width:20px; height:65px;}
#indextable2 {width:485px; height:65px;}
#indeximage {width:360px; height:285px;}

.heading {border-width:0px; border-style:none; border-spacing:0px; padding:0px; width:97%; height:90px;}
.logo {width:90px; height:80px;}
.box {width:83px; height:60px;}
.print {width:83px; height:30px;}
.window {width:100%; height:110px;}
.note {width:460px;}
.linktable1 {width:140px;}
.linktable2 {width:80%;}

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;}
b {font-weight:600;}
li {font-size:12px; line-height:18px; font-family:verdana, helvetica, arial; margin:0px 10px 10px 10px;}

img {display:block;}
.float_r {float:right; padding:3px; margin-left:10px;}
.float_l {float:left; padding:3px; margin:0px 10px 0px 35px;}

.red {color:#FF0000;}
.blue {color:#0000FF;}
.tip {background:#CCFFCC; margin:0px;}
.verse {background:#FFFFCC; margin:0px;}
.gray {background:#E5E5E5; margin:0px;}
.pink {background:#FFCCCC; margin:0px;}
.ltblue {background:#CFFEF0; margin:0px;}

.intro {
  width:80%; margin:10px 0px 20px 70px; padding:0px;
  height:90px; background:#CFFEF0;
  overflow:auto; vertical-align:top;}
.insert {
  width:auto; margin:10px 20px 20px 10px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert1 {
  width:auto; margin:10px 20px 20px 35px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert2 {
  width:auto; margin:10px 20px 20px 70px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert3 {
  width:auto; margin:10px 20px 20px 105px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert4 {
  width:auto; margin:10px 20px 20px 140px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert5 {
  width:auto; margin:10px 20px 20px 175px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}
.insert6 {
  width:auto; margin:10px 20px 20px 210px; padding:0px;
  height:90px;
  overflow:auto; vertical-align:top;}

.parag {text-indent:35px;}
.indent1 {margin-left:35px;}
.indent1_5 {margin-left:49px;}
.indent2 {margin-left:70px;}
.indent2_5 {margin-left:84px;}
.indent3 {margin-left:105px;}
.indent3_5 {margin-left:119px;}
.indent4 {margin-left:140px;}
.indent4_5 {margin-left:154px;}
.indent5 {margin-left:175px;}
.indent5_5 {margin-left:189px;}
.indent6 {margin-left:210px;}
.indent6_5 {margin-left:224px;}
.indent7 {margin-left:238px;}
.indent7_5 {margin-left:252px;}
.indent8 {margin-left:266px;}

.center {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.in0 {margin-left:59px;}
.in1 {margin-left:11px;}
.in2 {margin-left:19px;}
.in3 {margin-left:24px;}
.in4 {margin-left:31px;}
.in5 {margin-left:25px;}
.in6 {margin-left:44px;}
.in8 {margin-left:5px;}
.in9 {margin-left:60px;}
.in10 {margin-left:38px;}

.in20 {margin-left:20px; font-size:10px; font-family:verdana, helvetica, arial;}
.in32 {margin-left:32px; font-size:10px; font-family:verdana, helvetica, arial;}
.in44 {margin-left:44px; font-size:10px; font-family:verdana, helvetica, arial;}
.in56 {margin-left:56px; font-size:10px; font-family:verdana, helvetica, arial;}

.border {border-width:1px; border-style:solid; border-color:#000000;}
.noborder {border-width:0px; border-style:none; border-spacing:0px; padding:0px;}
.t100 {width:100px; border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.t120 {width:120px; border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.t140 {width:140px; border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.t300 {width:300px; border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.t450 {width:450px; border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.t_l {border-width:1px; border-style:solid; border-color:#000000; text-align:left;}
.w10cent {width:10%;}
.w50cent {width:50%;}
.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;}

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;}