body { font-size:11px; font-family:verdana, arial, sans-serif; color:#443; background:#bba; }
a { text-decoration:none; }
h2 { font-weight:bold; font-size:11px; margin:0px 0px 0px 10px; color:#554; }
p { margin:10px; text-align:justify; }
pre { font-family:lucida console, courier new; color:#443; }
ul { list-style-type:none; }
#box { position:absolute; top:0; right:0; bottom:0; left:0; height:820px; min-width:1000px; }
#top-bg { position:absolute; top:1px; right:109px; left:109px; height:59px; border:solid 1px #665; background:#fff; }
#top-bg a { display:block; height:55px; text-decoration:none; }
#top-bg a span { visibility:hidden; }
#logo { text-align:left; position:absolute; top:0; left:10px; bottom:0px; width:350px; background:transparent url('../images/BCC.jpg') no-repeat bottom right; }
#logo a { color:#554; }
#main { position:absolute; top:63px; right:108px; bottom:0; left:108px; margin:1px; }
#archives { position:absolute; top:0; bottom:0; left:263px; width:517px; background:#eed; border:solid 1px #665; overflow:auto; }
#archives a { text-decoration:none; }
#archives a:visited { color:#aa9; border:none; }
#archives a:hover { background-color:#ccb; color:#443; border-style:none; }
#archives a:active { background-color:#c99; color:#332; }
#archives img.left { float:left; margin:10px; border:none; }
#archives img.listen { float:right; margin:10px; border:none; opacity:0.4; filter:alpha(opacity=40); }
#archives img.listen a { display:block; }
#archives img.right { float:right; margin:10px; border:none; }
#archives img.bottom { float:right; vertical-align:text-bottom; margin:10px 0px -25px 25px; border:none; }
#archives h1 { font-size:11px; margin:10px; }
#archives p { font-family:verdana, arial, sans-serif; line-height:170%; color:#332; margin:15px 55px 15px 55px; }
#archives p.text { font-family:times new roman; font-size:16px; color:#111; line-height:110%; text-indent:-24px; margin:10px 17px 10px 37px; }
#archives span.insert { font-family:verdana, arial, sans-serif; font-size:11px; font-style:italic; color:#443; }
#archives span.red { color:#900; }
#right { position:absolute; top:0; right:0; bottom:0; left:784px; background:#d9d9c9; border:solid 1px #665; overflow:auto; }
#right a { color:#665; font-size:11px; line-height:17px; margin-left:5px; padding:5px; }
#right a:visited { color:#aa9; }
#right a:hover { background-color:#bba; color:#443; }
#right a:active { background-color:#c99; color:#332; }
#right form { position:absolute; bottom:5px; font-size:10px; padding:10px; overflow:auto; }
#right img { padding:10px; }
#right p { text-align:justify; margin:10px; padding:7px; max-width:250px; background-color:#ccb; }
#left { position:absolute; top:0; left:0; bottom:0; width:239px; padding:10px; border:solid 1px #665; background:##c9c9b9; }
#left a { color:#665; line-height:15px; padding:2px; }
#left a:visited { color:#aa9; }
#left a:hover { background-color:#bba; color:#443; }
#left a:active { background-color:#c99; color:#332; }
#left img { position:relative; right:0px; left:-8px; border-style:none; }
#left ul { margin-top:4px; margin-left:0; padding-left:0; }
#left li { margin:0; }
#left li a { display:block; }
#ot { position:absolute; top:0; bottom:0; left:0; width:108px; margin:0; padding:0; border:0; color:#665; background:#aa9; }
#ot li a:visited { color:#777; }
#ot li a:hover { background-color:#665; color:#bba; }
#ot ul { margin:0; padding:0; border:0; }
#ot li { border:solid 1px #998; margin:0; padding:0; }
#ot li a { display:block; margin:0; padding:2px 0px 2px 3px; border:solid 1px #665; text-align:left; text-decoration:none; color:#554; }
html>body #ot li a { width:auto; }
#nt { position:absolute; top:0; right:0; bottom:0; width:108px; margin:0; padding:0; border:0; color:#665; background:#aa9; }
#nt li a:visited { color:#777; }
#nt li a:hover { background-color:#555; color:#ccc; }
#nt ul { margin:0; padding:0; border:0; }
#nt li { border:solid 1px #998; margin:0; padding:0; }
#nt li a { display:block; margin:0; padding:2px 3px 2px 0px; border:solid 1px #665; text-align:right; text-decoration:none; color:#554; }
html>body #nt li a { width:auto; }
#torah, #general li a { background-color:#9ab; }
#history, #paul li a { background-color:#aab; }
#poetry, #acts li a { background-color: #ba9; }
#major, #gospels, #revelation li a { background-color:#baa; }
#minor li a { background-color:#aa8; }
#word { height:249px; width:104px; margin:1px; padding:0; border:solid 1px #665; background:#aa8 url('../images/fruit.jpg') no-repeat bottom right; }