/* calling the text style sheet will include the text.css plus this */
/* call and read in the general style css file */
@import url("style.css");

/* set 'font-size' adjusted differently for 'scripture' vis 'text' */

body {font-size:90%; margin-left:15px; margin-right:15px; background:url(images/bk.gif)} 
   /* smaller font size for text, plus background */

p {text-indent:0px; margin-left:10px; margin-right:0px; margin-top:5px; margin-bottom:5px}
p.scripture {font-family: Arial, Helvetica, sans-serif; font-size:small;
   margin-bottom:7px; margin-top:7px}
p.no-margin {margin-left:0px}
ul,ol {margin-top:7px; margin-bottom:12px}


h1 {font-size:105%; text-align:center; font-weight:normal}
h2 {font-size:95%; text-align:left; margin-top:15px; margin-bottom:5px; font-weight:bold;
    letter-spacing:0.1em}
h3 {text-align:left; margin-top:15px; margin-bottom:5px; font-weight:normal;
    letter-spacing:0.1em}
    
li li {list-style-image: url(images/dash.gif)}

td a {color:black; background:inherit}
td a:hover {color:#8B0000; background:inherit; text-decoration:none}
div {margin-top:7px; margin-bottom:7px; margin-left:12px}
div a {color:black; background:inherit}
div a:hover {color:inherit; background:#F5F5F5; text-decoration:none}
td.graphic a:hover {color:inherit; background:inherit; border:0}
span.graphic a:hover {color:inherit; background:inherit; border:0}

.page-border {background: url(images/red.jpg); color:black} /* used in 1st level pages */

.header-1 {color:#FFF7DE; background:inherit; font-size:160%; padding-bottom:3px; 
     font-family: Georgia, serif; font-size:176%}
.header-2 {color:#FFF7DE; background:inherit; font-size:110%; padding-bottom:7px}
.header-3 {color:white; background:inherit; font-size:120%; text-decoration:underline}

.sub-header-1 {color:#8B0000; background:inherit; font-size:160%; padding-bottom:3px}
.sub-header-2 {color:#808080; background:inherit; font-size:105%; letter-spacing:2px; font-weight:bold; padding-bottom:3px}
.sub-header-3 {color:black; background:inherit; font-size:125%; letter-spacing:3px; text-decoration:underline; padding-top:3px}

td.menu {font-family:arial, sans-serif; font-weight:normal; font-size:82%; letter-spacing:0.3px;
   text-align:center; vertical-align:middle; color:black; 
   background: url(images/v_button.gif); height:24px; border: 3px solid #B8860B}  
   /* button image for 1st level pages */
td.menu i {color:#650151; background:#FAEEDC; font-weight:bold; font-size:86%; display:block}
td.menu a {color:black; background:inherit; text-decoration:none; display:block}
td.menu a:hover {color:black; background:#EFD1A1; font-weight:bold; letter-spacing:0px; font-size:86%}

a.cards img {border: 3px solid #CCC; width:171px; height:114px; float:left; margin:2px}
a.cards:hover img {border: 2px solid black; padding:1px}

a.book img {border: 3px solid #CCC; width:108px; height:162px; float:left; margin:2px}
a.book:hover img {border: 2px solid black; padding:1px}

ul#tracts {list-style-image:none; list-style-type:none}

ul#books {list-style-image:none; list-style-type:none}

.clr {clear:both}