/* The global style sheet for all the index pages
 *
 * Tested on Opera 6, IE5.5, IE6, Netscape 4.7 and Netscape 7 on Windows
 * Tested on Opera 6, Mozilla 1.0.0, Netscape 4.7 and Konqueror 2.2.2
 * on Linux
 *
 * BPE - 1 September 2002
 */
 
body {
      background: #ffffff;
      color: black;
      text-align: center;
      width: 95%;
      margin-left: 2.5%;
      margin-right: 2.5%;
      padding-bottom: 2ex;
      min-width: 600px;
      max-width: 1200px;
}

body, th, td, p, ul, li {
    font-family: arial, sans-serif;
    /* font-family: 'times new roman', serif; */
    /* font-size: 12pt; */
    font-size: 95%;
}

/* To be displayed only when this style-sheet is not loaded */
.nsonly { display: none; }

/* Links */
a { color: #0000ff; text-decoration: none; }
a:visited { color: #000099; }

/* ------ List styles ------ */

ul { margin: 0px; padding: 0;
     text-align: left;
}
ul { padding-left: 18px; }
.conts ul { padding-left: 0px; }

/* ------ Headings ------ */
h1 { display: inline;
     text-align: center;
     font-size: x-large;
     font-family: arial, sans-serif;
     font-weight: bold;
     margin-bottom: 0;
     margin-top: 0;
}

h2 { display: inline;
     text-align: center;
     font-size: large;
     font-family: arial, sans-serif;
     font-weight: bold;
     margin-bottom: 0;
     margin-top: 0;
}

/* Bees */
img.hi {vertical-align: top; }
img.lo {vertical-align: bottom; }
span.heading { padding: 0 0.5em; }

/* ------ Navigation footers ------ */
.footer {
    margin-left: 20%;
    margin-right: 20%;
}
.footer ul {
    display: inline;
    padding: 0px;
    margin: 0px;
    border: 0px;
    white-space: nowrap;
}
.footer li {
    display: inline;
    border: 0px;
}
.footer li + li {
    border-left:  1px dotted #555;
}
.footer li a {
    padding-left: 1ex;
    padding-right: 1ex;
}

/* ------ Miscellaneous styles ------ */

/* Margin-bottom is not reliable on Opera */
.spacer { height: 20px; }

.clear { clear: both; }

/* Container for the inner boxes */
.blockwidth {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    position: relative;
}

/* For single-line boxes */
.line {
    position: relative;
    text-align: center;
    line-height: 36px;
    height: 37px;
}
.nobr { white-space: nowrap; }

/* Texty content */
.text {
    text-align: justify;
    width: 94%;
    margin-left: 3%;
}

/* Other content */
.conts {
    padding-left: 23pt;
    padding-right: 23pt;
}

/* Avoid big gaps at bottom of boxes */
.conts p, .line p { display: inline; }

/* On sermons page */
th { text-align: left; font-weight: bold; }
th a {
  color: black!important;
  text-decoration: underline;
}

/* ------ The corner graphics ------ */

.top, .bot { height: 23px; position: relative; }

.tl, .tr, .bl, .br {
    width: 23px;
    height: 23px;
    position: absolute;
}

/* -1px solves some rendering problems */
.tl { left:  -1px; top: -1px; }
.tr { right: -1px; top: -1px; }
.bl { left:  -1px; bottom: -1px; }
.br { right: -1px; bottom: -1px; }

.tl {background-image: url(/png/tl-ffffff.png); }
.tr {background-image: url(/png/tr-ffffff.png); }
.bl {background-image: url(/png/bl-ffffff.png); }
.br {background-image: url(/png/br-ffffff.png); }

.l, .r {
    width: 19px;
    height: 37px;
    position: absolute;
}
.l { left:  -1px; top: 0; }
.r { right: -1px; top: 0; }

.l { background-image: url(/png/l-ffffff.png); }
.r { background-image: url(/png/r-ffffff.png); }

/* ------ Homepage ------ */

.home-tit   { background-color: #66cccc; }
.home-tit-i { background-color: #99eeee; }
.home-new   { background-color: #aaaaff; }
.home-new-i { background-color: #ccccff; }
.home-chr   { background-color: #99ff99; }
.home-chr-i { background-color: #ccffcc; }
.home-tec   { background-color: #ffcc66; }
.home-tec-i { background-color: #ffdd99; }
.home-ftr   { background-color: #99eeee; }

.home-tit-i .l { background-image: url(/png/l-66cccc.png); }
.home-tit-i .r { background-image: url(/png/r-66cccc.png); }
.home-chr-i .l { background-image: url(/png/l-99ff99.png); }
.home-chr-i .r { background-image: url(/png/r-99ff99.png); }

.home-tit-i .tl { background-image: url(/png/tl-66cccc.png); }
.home-tit-i .tr { background-image: url(/png/tr-66cccc.png); }
.home-tit-i .bl { background-image: url(/png/bl-66cccc.png); }
.home-tit-i .br { background-image: url(/png/br-66cccc.png); }
.home-new-i .tl { background-image: url(/png/tl-aaaaff.png); }
.home-new-i .tr { background-image: url(/png/tr-aaaaff.png); }
.home-new-i .bl { background-image: url(/png/bl-aaaaff.png); }
.home-new-i .br { background-image: url(/png/br-aaaaff.png); }
.home-chr-i .tl { background-image: url(/png/tl-99ff99.png); }
.home-chr-i .tr { background-image: url(/png/tr-99ff99.png); }
.home-chr-i .bl { background-image: url(/png/bl-99ff99.png); }
.home-chr-i .br { background-image: url(/png/br-99ff99.png); }
.home-tec-i .tl { background-image: url(/png/tl-ffcc66.png); }
.home-tec-i .tr { background-image: url(/png/tr-ffcc66.png); }
.home-tec-i .bl { background-image: url(/png/bl-ffcc66.png); }
.home-tec-i .br { background-image: url(/png/br-ffcc66.png); }

.home-tit-i a:hover { background: #88dddd; }
.home-new-i a:hover { background: #bbbbee; }
.home-chr-i a:hover { background: #bbeebb; }
.home-tec-i a:hover { background: #eecc88; }
.home-ftr   a:hover { background: #88dddd; }

#line1 { width: 22%; font-weight: bold; left: 0; }
#line2 { width: 50%; font-weight: bold; left: 25%; }
#line3 { width: 22%; font-weight: bold; right:0; }
#line1, #line2, #line3 { position: absolute; }

#wn1 { width: 25%; text-align: center; float: left; }
#wn2 { width: 72%; float: right; }

#cs1 { width: 30%; text-align: center; float: right; }
#cs2 { width: 67%; float: left; }
#cs3 { width: 70%; margin-left: 15%; margin-right: 15%; font-weight: bold; }
#cs3 a { padding-left: 0.5em; }

#ts1 { width: 25%; text-align: center; float: left; }
#ts2 { width: 72%; float: right; }

#ft { margin-left: 25%; margin-right: 25%; font-weight: bold; }

/* ------ cgi-bin/rmm_bpe.cgi ------ */

#bpe0, #bpe3 { font-weight: bold; text-align: center; }
#bpe1 { width: 48%; font-weight: bold; left: 0; }
#bpe2 { width: 48%; font-weight: bold; left: 52%; }
#bpe1, #bpe2 { position: absolute; }

.bpe-tit { background-color: #66cccc; }
.bpe-text { background-color: #99eeee; }
.bpe-foot { background-color: #ccffcc; }
.bpe-text a:hover { background: #88dddd; }
.bpe-foot a:hover { background: #bbeebb; }

/* ------ christian/sermons ------ */

.serm-tit { background-color: #ffcc66; }
.serm-txt { background-color: #ffdd99; }
.serm-tbl { background-color: #ffdd99; }
.serm-ftr { background-color: #ffcc66; }

.serm-txt a:hover { background: #eecc88; }
.serm-tbl a:hover { background: #eecc88; }
.serm-ftr a:hover { background: #eebb55; }

/* ------ christian/alpha ------ */

.alph-tit { background-color: #99ff99; }
.alph-txt { background-color: #ccffcc; }
.alph-lst { background-color: #ccffcc; }
.alph-ftr { background-color: #99ff99; }

.alph-txt a:hover { background: #bbeebb; }
.alph-lst a:hover { background: #bbeebb; }
.alph-ftr a:hover { background: #88ee88; }

/* ------ christian/notes ------ */

.note-tit { background-color: #9999ff; }
.note-txt { background-color: #ccccff; }
.note-lst { background-color: #ccccff; }
.note-ftr { background-color: #9999ff; }

.note-lst a:hover { background: #bbbbee; }
.note-ftr a:hover { background: #8888ee; }

/* ------ christian/mcheyne ------ */

.mcch-tit { background-color: #66cccc; }
.mcch-txt { background-color: #99eeee; }
.mcch-ftr { background-color: #66cccc; }

.mcch-txt a:hover { background: #88dddd; }
.mcch-ftr a:hover { background: #55bbbb; }

/* ------ techie/linux ------ */

.linux-tit { background-color: #99ff99; }
.linux-lst { background-color: #ccffcc; }
.linux-txt { background-color: #ccffcc; }
.linux-ftr { background-color: #99ff99; }

.linux-lst a:hover { background: #bbeebb; }
.linux-txt a:hover { background: #bbeebb; }
.linux-ftr a:hover { background: #88ee88; }

/* ------ techie/work ------ */

.work-tit { background-color: #66cccc; }
.work-txt { background-color: #99eeee; }
.work-ftr { background-color: #66cccc; }

.work-txt a:hover { background: #88dddd; }
.work-ftr a:hover { background: #55bbbb; }

.work-img { float: right; margin-left: 20px; margin-right: 23px; }

.work-txt h2 { display: block; text-align: left; margin-left: 23px; float: left; margin-bottom: 0; }

.work-txt p { text-align: left; margin-left: 23px; clear: left; }

/* ------ techie/mcheyne ------ */

.mcte-tit { background-color: #ffcc66; }
.mcte-txt { background-color: #ffdd99; }
.mcte-ftr { background-color: #ffcc66; }

.mcte-txt a:hover { background: #eecc88; }
.mcte-ftr a:hover { background: #eebb55; }

.mcte-txt table { margin-left: auto; margin-right: auto; }
.mcte-txt td, .mcte-txt th {
    margin: 2px;
    padding: 4px;
    background: #ffcc66;
}
.mcte-txt td a:hover { background: #eebb55; }
.mcte-ban {
     border: solid #cccc99 2px;
     margin-left: 20%;
     margin-right: 20%;
     background: #ffffcc;
}
.mcte-ban p { text-align: center; font-weight: bold; }