body {margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */
      width:100%; background:#DEDEDE; font-size:96%; line-height:1.125em; /* 16×1.125=18 */
      font-family:verdana, helvetica, arial;}

#container {background-color:#FFF; margin:20px; padding:0px;}
#systemcontainer {background-color:#FFF; margin:30px 20px 20px 20px;}
.main {margin:0px 315px 30px 25px;}
.mobile {margin:0px 25px 30px 25px;}
.fixedright {position:absolute; top:25px; right:35px; width:275px;}
.fixedright p {font-size:0.75em;}

#sidebar {width:275px; float:right;}
.versebox {width:275px;}
p.acc_trigger {padding:0; background:url(../../20utilities/images/VerseBoxArrow.gif) no-repeat; height:26px;
               line-height:26px; margin:0 0 5px 0;}
p.acc_trigger a {color:#FFF; text-decoration:none; display:block; padding:0 0 0 50px;}
p.acc_trigger a:hover {color:#DEDEDE;}
p.active {background-position:left bottom;}
.acc_container {margin:0 0 5px; padding:0; overflow:hidden; clear:both; background:#F0F0F0; border:1px solid #D6D6D6;}
.acc_container .block {padding:10px;}

.heading {width:97%; height:90px;}
.header {font-weight:600; text-align:center;}
.logo {width:90px; height:80px;}
.box {width:83px; height:60px;}
.print {width:83px; height:30px;}
p#vtip {display:none; position:absolute; padding:10px; left:5px; font-size:0.8em; background-color:#FFF;
        border:1px solid #a6c9e2; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:9999;}
p#vtip #vtipArrow {position:absolute; top:-10px; left:5px;}
.systemtable {width:650px;}

.search table td {font-size:0.75em; padding-right:3px;}
.search p {font-size:.75em;}

p {font-size:0.875em; margin:0px 10px 10px 10px;}
.grace {font-size:0.9em;}
h1 {font-size:0.875em; margin:0px 10px 10px 10px; font-weight:600;}
li {font-size:0.875em; margin:0px 10px 10px 10px;}
table td {padding:11 0 0 0px;}

.center {text-align:center;}
.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;}
.l {text-align:left;}
.r {text-align:right;}

.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;}
.recommend {width:260px; height:300px; margin:0px; padding:0px; overflow:auto; vertical-align:top;}

.border table td {border:solid 1px #000000;}
.surround {border:solid 1px #000000;}
.borderright {border-right:solid 1px #000000;}
.borderbottom {border-bottom:solid 1px #000000;}
.borderleft {border-left:solid 1px #000000;}
.gracetd {width:100px;}

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

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

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

a.tt {position:relative; z-index:24; text-decoration:none;}
a.tt span {display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {z-index:25; color:#FF0000; background:;}
a.tt:hover span.tooltip250 {display:block; position:absolute; top:0px; left:0px; padding:10px; width:250px; color:#000;}