/* 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} /* smaller font size for text */

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:smaller;
   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:inherit; background:#D7D7E7; text-decoration:none}
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}
.header-2 {color:#FFF7DE; background:inherit; font-size:110%; padding-bottom:7px}
.header-3 {color:white; background:inherit; font-size:120%; text-decoration:underline}

td.menu {font-family:arial, sans-serif; font-weight:normal; letter-spacing:0.5px;
   text-align:center; vertical-align:middle; color:black; 
   background: url(images/v_button.gif); height:40px}  
   /* button image for 1st level pages */
td.menu i {color:#650151; background:inherit; font-weight:bold}
td.menu a {color:black; background:inherit; text-decoration:none}
td.menu a:hover {color:black; background:inherit; font-weight:bold; font-size:95%}