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