html {
overflow:auto;
height:100%;
}
/* Content */
body {
margin:0;
padding:0;
font-family:verdana,sans-serif;
font-size:1em;
background:white;
}
*::-moz-selection {
color:white;
background:#0067a5
}

/* Header */
.wrapper{border-bottom:1px solid black;margin:0;padding:0 10px;background:url('/info/bg.png') #ddd;clear:both}
#header{
margin:0 auto 0 auto;
padding:10px;
font-family:'trebuchet ms',sans-serif;
color:white;
background:url('/i/aruljohnlogo.png') no-repeat left;
text-shadow:0 3px 3px #000000;
letter-spacing:1px;
}
#header #naam{margin-left:100px;font-family:arial,helvetica;font-size:2.5em;font-weight:normal} #header #naam a,#header #naam a:visited{color:white;text-decoration:none} #header #naam a:hover{color:#ffaa00}
#header #desc{margin-left:100px;font-family:verdana,helvetica;font-size:0.7em;font-style:italic;color:#999999 }
#header #fav {
margin:0;
padding:5px 0;
float:right;
font-family:verdana;
font-weight:normal;
font-size:12px;
letter-spacing:0.5px;
}
#header #fav p{text-align:right}
#header #fav a,#fav a:visited{margin:0;padding:5px 0 5px 26px;color:yellow;text-decoration:none}
#fav a:hover{color:#ff9900}
#fav a#h{background:url('/i/home.png') no-repeat}
#fav a#i{background:url('/i/info.png') no-repeat}
#fav a#c{background:url('/i/code.gif') no-repeat}
#fav a#f{background:url('/i/fun.png') no-repeat}
#fav a#u{background:url('/i/util.png') no-repeat}
#fav a#e{background:url('/i/email.png') no-repeat}
#fav a#s{background:url('/i/sitemap.gif') no-repeat}
#fav a#Bible{background:url('/i/Bible.gif') no-repeat}
#fav a#d{background:url('/i/deals.png') no-repeat}
/* Content */
#main{
margin:0 auto;
padding:0 10px 0 0;
background:white;
}
#main #body {
margin:0 0 0 170px;
padding:10px 5px 10px 10px;
min-height:800px;
height:auto !important;
height:800px;
background:white;
font-size:0.8em;
line-height:150%;
}
#body li{}
#main #body p{margin:5px 0;padding:5px 0;}
#main #body div{margin:5px 0;padding:5px 0;}
#main #body label{font-size:1.2em;}
#main #body .desc{padding-left:35px;background:url('i/kedit.png') no-repeat top left;min-height:35px;;font-size:1.1em}
#main #body .pin{margin:0 320px 0 0;padding:0 0 0 40px;background:url('i/note.png') no-repeat top left;min-height:35px;;font-size:1em}
#main #body .pin h4{margin:0;padding:0;color:brown}
#main #body .pin p{margin:0;padding:0;font-style:italic;text-align:justify}
#main #body .brdr{background:#ccc;margin:10px 320px 0 0;padding:10px}
#main #body #rnav{float:right;margin:0;padding:0 0 0 10px;width:300px;background:white}
#main #rnav p{margin:0}
a[href^="http://"] {
background:transparent url("/images/link.gif") 100% 50% no-repeat;
padding-right:10px;
}
#rnav .rmenu {margin:0;padding:0;background:white}
#rnav .rmenu a{margin:0 0 0 5px;font-family:arial,helvetica;font-size:1em;color:blue}
#main #rnav #share{} #main #rnav #share a{margin:0;font-size:0.9em}
#main #rnav #share img{vertical-align:top}
#lnav {
margin:0;
padding:0;
width:160px;
min-height:620px;
height:auto !important;
height:100%;
float:left;
background:#ddd;
font-family:arial,helvetica
}
#lnav ul,#lnav li{margin:0;padding:0;list-style-type:none}
#lnav ul{margin:0 -3px;padding:3px;background:white}
#lnav li.title{margin:0 0 0 10px;padding:3px;font-family:arial;font-size:0.9em;font-weight:bold;color:white;background:#555555;text-align:center}
#lnav a,#lnav a:visited{border-bottom:1px solid #ccc;margin:0 0 0 10px;padding:5px 0 5px 18px;font-size:11px;display:block;color:blue;background:white;text-decoration:none}
a#tip,a#tip:visited{color:blue;background:url('/i/Tip.png') no-repeat left white}
a#tph,a#tph:visited{color:blue;background:url('/i/Tph.gif') no-repeat left white}
a#tfk,a#tfk:visited{background:url('/i/Tfk.gif') no-repeat left white}
a#tic,a#tic:visited{color:blue;background:url('/i/Tic.gif') no-repeat left white}
a#tht,a#tht:visited{color:blue;background:url('/i/Tht.gif') no-repeat left white}
a#twp,a#twp:visited{color:blue;background:url('/i/Twp.gif') no-repeat left white}
a#tzi,a#tzi:visited{color:blue;background:url('/i/Tzi.gif') no-repeat left white}
a#two,a#two:visited{color:blue;background:url('/i/Two.gif') no-repeat left white}
a#tss,a#tss:visited{color:blue;background:url('/i/Tss.gif') no-repeat left white}
a.new{background:url('/i/new.gif') no-repeat right}
#lnav a:hover,a#tip:hover,a#tph:hover,a#tfk:hover,a#tic:hover,a#tht:hover,a#twp:hover,a#tzi:hover,a#two:hover,a#tss:hover{color:black;background:url('/i/busy.gif') no-repeat left #efefef}
/* Images */
img { border:0px solid white; vertical-align:middle }

/* Footer */
#footer{
margin:0 0 0 160px;
padding:10px 20px;
overflow:hidden;
text-align:left;
font-size:0.9em;
color:white;
clear:both;
}
#footer a,#footer a:visited{color:yellow} #footer a:hover{color:#ff9900}
#footer a#frss{margin:0 10px 0 0;padding:5px 5px 5px 28px;color:#ff9900;background:url('/i/rss24.png') no-repeat;font-family:'Lucida Grande',sans-serif;text-decoration:none}
#footer a#ffb{margin:0 10px;padding:5px;color:white;background:#3B5998;font-family:'Lucida Grande',sans-serif;text-decoration:none}
#footer a#ftw{margin:0 10px;padding:5px;color:#2EFEF7;font-family:'Lucida Grande',sans-serif;font-weight:bold;text-decoration:none;text-shadow:0 0 25px #ffffff}
/* Titles */
h1 {
border-bottom:1px solid #555599;
margin:0;
padding:5px;
font-family:arial,helvetica;
font-weight:normal;
color:gray;
}

h2 {
margin:5px 0;
padding:10px 0 0 0;
color:#008800;
font-weight:normal;
}
#body #rnav .rmenu h4 {
margin:0;
padding:0 10px;
font-family:arial,helvetica;
color:white;
background:#555555;
}
/* Form */
label {
color:#444444;
font-family:"trebuchet ms",sans-serif;
font-variant:small-caps;
}
select,textarea{font:12px verdana;}
input.box {
border:2px solid #555555;
padding:2px;
color:black;
font-family:'trebuchet ms',arial,helvetica,sans-serif;
font-weight:bold;
font-size:1.25em;
}
input.submit{font-size:1.25em}
/* examples */
.comment{font:11px verdana, arial;color:gray}
.note{font-size:11px;color:#999}
/* tables */
#main .content-table {
margin:10px 0;
border-collapse:collapse;
vertical-align:top;
}
#main .content-table th {
border:1px solid #99978b;
padding:4px;
background:#e3e3de;
color:black;
font-size:12px;
}
#main .content-table td {
border:1px solid #99978B;
padding:4px;
font-size:12px;
vertical-align:top;
}
#content .content-table td.title{text-align:right}
/* Regular table */
#content td {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
line-height:150%;
text-align:justify;
vertical-align:top;
}
#main td.left { margin-left:0px }
#main td.right { padding:0px 5px }
/*mobi*/
#main #body .mobi{margin:0;padding:5px;color:#767;font-size:0.9em}
#main #body .mobi #iphone,#main #body .mobi #iphone:visited{background:url('/info/i/iphone.png') no-repeat left;height:35px;padding:0 0 0 32px}
#main #body .mobi #android,#main #body .mobi #android:visited{background:url('/info/i/android.png') no-repeat left;height:35px;padding:0 0 0 35px;margin-left:30%}
.mobi a{font-size:1.1em;color:blue}
/*breadcrumbs*/
#breadcrumbs{font-size:0.9em}
#breadcrumbs a,#breadcrumbs:visited{color:blue}
#breadcrumbs a:hover{color:green}
/*verse*/
#main #body .verse{margin:5px 5px 0 0;padding:0.5em;width:200px;float:right;border:1px solid #efefef;background:#eeeeff;-moz-border-radius:8px;border-radius:8px}
#main #body .verse h4{margin:5px;text-align:center;font-family:arial,helvetica;}
#main #body .verse .ver{margin:5px} #main #body .verse .ref{margin:5px 10px;text-align:right}