@charset "utf-8";

/************** To force css reload press shift+reload icon or cntl+f5 ***************/

/* Last updated for Isaiah 29/04/25 */
/* (indexhebcss.css temp for hebrews index) for index pages version 3.1 22/12/22*/
/* Next section to line 60 contains html5doctor.com Reset Stylesheet v1.6.1  */
/* tweaked a bit by me - removed some unused bits */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    font-size:1em;

    color:#000000;
    background:transparent;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;}

nav ul {
    list-style:none;}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;}

input, select {
    vertical-align:middle;}
    
@-ms-viewport{
  width: device-width;}
  
html {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;
}

*, *:before, *:after {
  				-webkit-box-sizing: inherit;
  				-moz-box-sizing: inherit;
  				box-sizing: inherit;
  				}

/* end------------of----------reset-----------stylesheet*/


/*start------------of----------my----------stylesheet*/

html {
  max-width:62.5em;
  position: relative; 
}

body {
				font-family: Verdana, sans-serif; 
                margin:.75em;
                word-wrap:break-word;                  	/* <html....> is highest level */
                line-height:1;							/*             Below that is   */
}														/*    <head.....> which contains metadata etc,*/ 		
														/*    </head>    then           */
			.para-1 { 									/*        <body.....> where all the content goes */
				text-align:center;						/*			--					*/
				line-height:1em;						/*			--					*/
				font-style:normal;						/*	      </body>				*/
				font-weight:700;						/* </html>*/
				color:#25496e;  /*dark blue*/
				background-color:transparent;
				font-variant:normal;
				text-decoration:none;
				font-size:0.8125em;  /* 13px */
				vertical-align:0; 
				}
				
            .para-2 {
				font-size: .75em;  }				
			
     			
      			


hr {                                /* a horizontal rule - a line! */
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: 0;
    width: 100%;
    color: #b3b3ff;        /* nice blue!*/
    background-color: #b3b3ff;
    height: .2em;
}  



.red {color:red;}
.blue {color:blue;}
.bold {font-weight: bold;}
.italic  {font-style:italic;}
.upper{text-transform: uppercase;}
.under{text-decoration:underline;}
.sidenote{font-size: .80em}
.normal {color:black;font-weight:normal;font-style:normal;text-transform:none;text-decoration:none;}
.prev{float:left;width:8em;height:3em;}
.next{float:right;width:8em;height:3em;}

img {max-width: 100%; height: auto;}

/* -------------settings for popup for PC and Mac print / PDF instructions*/
details > summary {
  padding: 4px;
  width: 100px;
  background-color: #eeeeee;  /*light grey*/
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;   /*darker grey*/
  cursor: pointer;
}

details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

/* following---lines---first---set---standard---font---sizes---assuming---most---browsers---use---16px */

body {
    font-size: 100%;
}
p {
    font-size: 1em;
    line-height:1.375em;
}
h1 {
    font-size: 1em;
    line-height:1.375em;
}
h2 {
    font-size: 1.75em;
    line-height:1.25em;
}
h3 {
    font-size: 1.125em;
    line-height:1.25em;
} 

/* ------------default settings and for large size screens------------*/

/* Contents/index/home page uses class 'ix' */
/* Genesis index uses class 'gen' */
/* Exodus index uses class 'exo' */
/* Hebrews index uses class 'heb' */
/* Numbers index uses class 'num' */
/* Joshua index uses class 'jos' */
/* Judges index uses class 'jud' */
/* 1 Samuel index uses class 'sam' */
/* 2 Samuel index uses class 'sam' and 'sam2' */
/* 1 Kings index uses class 'kin' */
/* 2 Kings index uses class 'kin2' and 'sam2' */
/* Isaiah index uses class 'isa' */
/* Exra index uses 'num' and 'ezra'
/* John index uses class 'joh' */
/* Acts index uses class 'act' */
/* Romans index uses class 'rom' */
/* 1 Corinthians index uses class 'cor' */
/* Tables and maps index uses class 'map' and 'table' */
/* How-to uses class 'ht' */
/* Difficult Questions uses class 'dif' */

.lg-view {
	display:inline-block;
}

.lgmed-view {
	display:inline-block;
}

.med-view {
	display:none;
}

.sm-view{
	display:none;
}
	 
ul.topnav {
    list-style-type: none;
    margin-top:-.1em;
    padding:0; 
    background-color: #57420f; /* Lighter brown */ 
    overflow: hidden;
}
ul.topnav li {
	float:right;
    text-align: center;
    margin-right: 0.375em; 
}
ul.topnav li a {
    display: block;
    float: right;
    padding-left:0.313em;
    padding-right:0.313em;
    height: 2em;  
    color: #fcba12;            /* Orange */ 
    text-decoration: none;  
}
ul.topnav li a.active {
    background-color: #342809; /* Brown*/
    color: yellow;            
      
}
ul.topnav li a:hover:not(.active) {
    background-color: #342809; /* Brown */
    color: #feda81;            /* light orange */
}   
ul.bullet {list-style-type:disc;margin:0;padding:0;}
li.bullet {text-indent:0;margin-left:3em;line-height: 1.3em;}
#topbox {max-width: 100%;}

#welcome {color:blue;} 

         
#intro {
        position: relative;
        float:left;
        width: 25em;
        top:.5em;
        }
#intro.ht {top:5em;}              
#search {
         position: relative;
         width:40%; 
         top:2em;
         float:right; 
         } 
#search.table {
         position: relative;
         width:40%; 
         top:1em;
         float:left; 
         } 		 

.gsearch {
      	width:16em;        
      	font-size: 0.75em;
      	}
      	
#ht-help-panel {
	       position: relative;
           float:left;
           top:3em; 
           margin-left:3%;
           width:80%;            
           background-color:#ffff99; /*yellow*/
           height: 82.5em;
           }         
#ix-help-panel {
	       position: relative;
           float:right;
           margin-left:3%;
           width:56%;            
           background-color:#ffff99;
           height: 83em;
           } 
 
#ix-hnote {height:18em;
		   margin-left:.5em; 
           } 
#ht-hnote {height:18em;
		   margin-left:.5em; 
           }          
           
#ix-hnote.map {height:16em; width:30em;}
#ix-hnote.table {height:16em; width:30em;}

h3.ix    {float:right; position:relative; top:-14em; background-color:#ffff99;}



/* *****************start Maps section **************************/



h3, h3:hover, h3:active, h3:visited {color:black;}


		.map1 {
			position:relative;
			height:14em;
			font-size: 0.6em;
			line-height:0.6em;
			} 
		.map2 {
			font-size: 0.6em;
			line-height:0.6em;

			} 

	

        .map-pair-left {
            position: absolute;
			top:0;
			left:0;
			height:15em;
			margin-left:0.2em;
            width: 100%;
		}
	
        .map-pair-right {
            position: absolute;
			bottom:0em;
			height: 15em;
			margin-left:11em;
            width: 82%;

		}

        .map-icon-left {
			border:1px solid black;
			top:0;
			left:0;
			width:9em;
			height:14em;
            display: block;
			z-index:1;
        }
  
        .map-large-left {
        /*positioned relative to parent div (mappair) */
            position: absolute;    
/* top margin is 0 so that it coincides with mappair's top margin*/
			width:30em;
            top: 0; 
			left:9.5em;          
			z-index:2;
            /*invisible*/
            visibility:hidden;            
        }
  
        .map-icon-left:hover .map-large-left {
        /*becomes visible on hover*/ 
            visibility:visible;          
        }
         .map-icon-right {
			border:1px solid blue;
			bottom:6em;
			max-width:9em;
			height:14em;
            display: block;
			z-index:1;
		 }		
		

        .map-large-right {
        /*positioned relative to parent div (mappair) */
            position: absolute;    
/* top margin is 0 so that it coincides with mappair's top margin*/
			width:30em;
            top: 0; 
			left:0;          
            width: auto;
			z-index:2;
            /*invisible*/
            visibility:hidden;            
        }
  
        .map-icon-right:hover .map-large-right {
        /*becomes visible on hover*/ 
            visibility:visible;          
        }
 /* *********************************end Maps section*********************** */ 
 /* ********************************tables section*************************** */
 


		.table1 {
			position:relative;
			
			height:16em;
			font-size: 0.6em;
			line-height:0.6em;
			} 
		.table2 {
			font-size: 0.6em;
			line-height:0.6em;

			} 
	
        .table-pair-left {
            position: absolute;
			
			top:0;
			left:0;
			height:16em;
			margin-left:0.2em;
            width: 100%;
		}
		
		
		 .tables-section {
            position: relative;
			top:1em;
			left:0;
			height:191em;
			margin-left:0em;
            width: 100%;
			background-color:#ccffff;  /*Light blue*/
			z-index:3;
		}

        .table-pair-right {
            position: absolute;
			bottom:-1em;
			height: 14em;
			margin-left:11em;
            width: 82%;

		}

        .table-icon-left {
			border:1px solid blue;
			
			top:0;
			left:0;
			width:12em;
			height:17em;
            display: block;
			z-index:1;
}
  
        .table-large-left {
        /*positioned relative to parent div (tablepair) */
            position: absolute;    
/* top margin is 0 so that it coincides with tablepair's top margin*/
            top: 0; 
			left:12.5em;          
			z-index:2;
            /*invisible*/
            visibility:hidden;            
        }
  
        .table-icon-left:hover .table-large-left {
        /*becomes visible on hover*/ 
            visibility:visible;          
        }
		
		
         .table-icon-right {
			border:1px solid blue;
			bottom:6em;
			max-width:9em;
			height:16em;
            display: block;
			z-index:1;
		 }
        .table-large-right {
        /*positioned relative to parent div (tablepair) */
            position: absolute;    
/* top margin is 0 so that it coincides with tablepair's top margin*/
            top: 0; 
			left:0;          
            width: auto;
			z-index:2;
            /*invisible*/
            visibility:hidden;            
        }
  
        .table-icon-right:hover .table-large-right {
        /*becomes visible on hover*/ 
            visibility:visible;          
        }
 /* ***************************end tables*************************** section */

 
.howto-iframe 	{ 
		   		border:none; 
				position:relative;
		   	 	left:0em;
		    	top:-12em;
		   		width:100%;
		    	height:77em;
		    	}
ul.howto-linkbox li { 
	            list-style-type: none;
	        	margin-left: 2em;
	        	margin-right:-.5em;
				background:#f0f8fa;  /*pale blue-green*/
				padding:.75em ;
				border-color:#076b6b;  /*darkish blue-green*/
				position:relative;
				float:left;
				line-height:1em;
		    	top:-93em;
				width:5.5em;
				height:2.5em;
	            }			 
ul.howto-linkbox li a { 
				display:block;
				float:left;
				text-align:center;
				font-style:normal;
				font-weight:700;
				color:#25496e;       /*darker blue-green*/
			    text-decoration:none;
				font-size:0.8125em;  /* 13px */
				 vertical-align: 0;
				}
				
ul.howto-linkbox li a.active { color:red;}
 
ul.howto-linkbox li a:hover:not(.active) {
                 font-weight:normal;} 
          
 #ix-studyintro { top: 0;
           background:#ede0c4;  /*light orange*/
           position:relative;
           float:left; 
           margin-left:0.438em;         
           width:97%;
           margin-top: .4em;
           }          

     
#fullpage  {
           top: 1em;
           float:left;
           position:relative;          
           width:100%;
           }
#fullpage.typeix{           
         
         -webkit-box-sizing: border-box;
  		 -moz-box-sizing: border-box;
  		 box-sizing: border-box;   
         }            
           
           
#indexleft {
           top: 0em;
           background:#f3ead8;   /*pink*/   
           position:relative;
           float:left; 
           width:19em;
           margin-bottom:3em;
           }
#indexleft.typeix{height:65em;}           
#indexleft.gen {height:77.5em;}            
#indexleft.exo {height:48em;}
#indexleft.dif {height:41em; width:41%;background:yellow;}
#indexleft.heb {height:60em; width:41%}
#indexleft.rom {height:52em; width:41%}
#indexleft.num {height:41em; width:41%}
#indexleft.ezra {height:46em; width:41%}
#indexleft.sam {height:36em;}
#indexleft.sam2 {height:35em;}
#indexleft.cor {height:39em;}
#indexleft.kin {height:60em;}
#indexleft.kin2 {height:58em;}
#indexleft.isa {height:103em;}
#indexleft.joh {height:103em;}
#indexleft.act {height:74em;} 
#indexleft.map {height:171em; background:#ffffb3; width:16em}  /*yellow*/
#indexleft.table {height:80em; width:20em}
#indexleft.jos {height:35em; width:20em}
#indexleft.jud {height:69em; width:19em}

                     
#indexright {
           top: 0em;
           background:#f3ead8;  /*pink*/
           position:relative;
           float:left; 
           width:19em;
           }
#indexright.typeix{height:65em;}  
#indexright.gen {height:77.5em;}           
#indexright.exo {height:48em;}
#indexright.dif {height:74em;}
#indexright.heb {height:60em;}
#indexright.rom {height:60em;}
#indexright.num {height:74em;}
#indexright.sam {height:36em;}
#indexright.sam2 {height:35em;}
#indexright.cor {height:39em;}
#indexright.kin {height:56em;}
#indexright.kin2 {height:58em;}
#indexright.isa {height:103em; background:#f9f5eb; width:58%;}
#indexright.joh {height:103em;}
#indexright.act {height:74em;}
#indexright.map {height:67em; width:16em} 
#indexright.jos {height:74em;}

#picturesright  {
           top: 0em;
           position:relative;
           float:left;
           margin-left:1em; 
           width:25%;
           }
/* 1 Corinthians index uses 'corpicsright' */		   
#corpicsright  {
           top: 0em;
           position:relative;
           float:left;
           margin-left:1em; 
           width:35%;
           }
/* Kings index uses 'kingssright' */
#kingsright  {
		   top:-1.5em;
           position:relative;
		   margin-left:38.5em;  
           }
#ix-help-panel.dif {height: auto;}
#ix-help-panel.heb {height: auto;}
#ix-help-panel.rom {height: auto;}			   
#ix-help-panel.num {height: 88em;}
#ix-help-panel.jos {height:86em;}
#ix-help-panel.jud {height: auto;}
#ix-help-panel.map {height: auto; width:40%;}
#ix-help-panel.table {height: auto; width:40%;}
 .linkbox,.linkbox:link,.linkbox:visited { 
      	display:inline-block;
      	position:relative;
      	float:right;  
        top:0em;
        left:0;
      	background-color:#b8dfea; /*light blue */
      	text-decoration:none;
      	border:0.2em #b8dfea solid;
      	margin-top:0.44em;
      	margin-bottom:0;
      	margin-left:0em;
      	margin-right:0.5em;
      	width:5em;      	
      	color:#000000;
      	font-family:Arial,sans-serif;
      	font-weight:bold;
      	text-decoration:none;
      	text-align:center;
      	text-transform:none;
      	font-style:normal;     	
      	line-height:1.2em;
      	font-size: 0.9em;
      	}

.typeix.linkbox {height:3.3em; width:7em;  margin-top:.6em; font-size: 0.85em; line-height: 1em;} 
.gen.linkbox {height:2.4em;}      	 
.exo.linkbox {height:3.1em; margin-top:.4em; line-height: 1em;}
.dif.linkbox {width: 5em; height:5em; margin-top: .5em}
.heb.linkbox {width: 5em; height:5em; margin-top: .4em}
.rom.linkbox {width: 5em; height:5em; margin-top: .4em}
.num.linkbox {width: 5em; height:5em; margin-top: .4em}
.sam.linkbox {width: 7em; height:3.1em; margin-top:.4em; line-height: 1em;}
.sam2.linkbox {width: 7em; height:5.6em; margin-top:.4em; line-height: 1em;}
.cor.linkbox {height:4em; margin-top:.4em; line-height: 1em;}
.kin.linkbox {height:4em; margin-top:.4em; line-height: 1em;}
.act.linkbox {width: 4em; height: 4.8em; margin-top:.4em; line-height: 1.5em; font-size: 1em;}
/*.type6.linkbox {height:3.1em; margin-top:.4em; line-height: 1em;}*/
.map.linkbox {width: 4em; height: 2.4em; margin-top:.4em;}
.table.linkbox {width: 4em; height: 2.4em; margin-top:.4em;}
.jos.linkbox {width: 6em; height:5em; margin-top: .4em}
.jud.linkbox {width: 7em; height:5em; margin-top: .4em}
.isa.linkbox {height:3em; margin-top:.4em;}
.joh.linkbox {height:3em; margin-top:.4em;}
.linkbox:hover { background-color: #89cadc; } /* darker blue */
       
.databox {
      	display:block;
      	position:relative;
      	float:left;
       	top:0em; 
    	height:3.2em;
      	margin-left:0.5em;
      	margin-right:0;
      	margin-top:0.5em;
      	width:15em;
      	font-size: .73em;      
      	background-color:transparent;
      	border:0.2em #b8dfea solid;
      	}
.typeix.databox {height:3.2em; font-size: .90em; width: 11.5em; }       	
.gen.databox {height:3.2em;width:17em;}      	 
.exo.databox {height:4em;width:16em;}
.dif.databox {height:7em;width:17em;}
.heb.databox {height:7em;width:17em;}
.rom.databox {height:7em;width:17em;}
.num.databox {height:7em;width:17em;}
.ezra.databox {height:7em;width:17em;}
.sam.databox {height:4em;}
.sam2.databox {height:7em;}
.cor.databox {height:5em;width:16em;}
.kin.databox {height:5em;width:16em;}
.isa.databox {height:4em;width:17em;}
.joh.databox {height:4em;width:17em;}
.joha.databox {height:4em;width:17em; background-color:#fcba12; }           /* Orange */ 
.johb.databox {height:4em;width:17em;background-color:#feda81; }            /* light orange */
.act.databox {height:7em;width:17em;}
/*.type6.databox {height:4em;}*/
.map.databox {height:3.2em;width:16em;}
.table.databox {height:3.2em;width:16em;}
.jos.databox {height:7em;width:17em;}
.jud.databox {height:7em;}

h3.map  {
    font-size: 1.0em;
line-height:1.1em;}

 img#copyright {position:relative; width:50%;top:1.5em;margin-left:15em;margin-top:2em;margin-bottom: 1em; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX Large to Medium screens - tablets XXXXXXXXXXXXXXXXXXXXXXX*/

@media screen and (max-width: 872px) { /*if less or equal to 872px */

#helpnotes { display: none;}

#intro {width: 49%; 
        top: .1em;
        left:auto;}
        
.lg-view {
	display:none;
}
.gen.lgmed-view {
    display:none;
}
.exo.lgmed-view {
    display:none;
}
	
.lgmed-view {
	display:inline-block;
}	

#ix-help-panel {
    display: none;
           }
  #indexright.table {top:0em;height:48.2em;} 
#indexleft.map {height:170em; background:#ffffb3; width:16em}  /*yellow*/
#indexleft.dif {height:50em; width:30em;}
.dif.linkbox {width: 5em; height:3.5em; margin-top:.5em; font-size: 1em; }
.dif.databox {height:7em;width:17em; font-size: .7em; } 

h3.map  {
    font-size: 1.0em;
    line-height:1.1em;
} /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Medium screens - tablets XXXXXXXXXXXXXXXXXXXXXXXX*/

@media screen and (max-width: 790px) { /*if less or equal to 790px */

#helpnotes { display: none;}
#kingsright { display: none;}
#intro {width: 49%; 
        top: .1em;
        left:auto;}
        
.lg-view {
	display:none;
}
.gen.lgmed-view {
    display:none;
}
.exo.lgmed-view {
    display:none;
}
	
.lgmed-view {
	display:inline-block;
}
.med-view {
	display:inline-block;
}

.sm-view{
	display:none;
}

p {
    font-size: 1em;
    line-height:1.25em;
}
h1 {
    font-size: 1em;
    line-height:1.25em;
}
h2 {
    font-size: 1.5em;
    line-height:1.25em;
}
h3 {
    font-size: 1.375em;
    line-height:1.136em;
}
	       
#ix-help-panel {
    display: none;
           } 
           	       
#ix-studyintro { 
           margin-left:0.438em;          
           width:98%;}
           

#indexleft{top: 1em; margin-bottom:-.7em;}
#indexleft.typeix {height:65em;}
#indexleft.exo {height:47.2em;}
#indexleft.dif {height:50em; width:20em; margin-bottom:0em;}
#indexleft.heb {height:60em; width:19em;}
#indexleft.rom {height:52em; width:19em;}
#indexleft.num {height:41em; width:19em;}
#indexleft.cor {height:39.1em;}	
#indexleft.kin {height:60.4em;} 
#indexleft.kin2 {height:58em;} 
#indexleft.ezra {height:87em;}  
#indexleft.isa {height:104em;}    
#indexleft.joh {height:104em;}
#indexleft.act {height:74.5em;} 
#indexleft.map {height:173em;}
#indexleft.table {height:48.7em;}
#indexleft.jos {height:35em;}
          
#indexright {top: 1em; }
#indexright.exo {height:47.2em;}
/*#indexright.dif {height:74.5em;}*/
#indexright.typeix {height:65em;}
#indexright.heb {height:60em;}
#indexright.rom {height:60em;}
#indexright.num {height:74.5em;}
#indexright.cor {height:39em;}
#indexright.isa {height:104em; width:50%;} 
#indexright.joh {height:104em;} 
#indexright.act {height:74.5em;}
#indexright.map {top:1em;height:68.5em;} 
#indexright.table {top:1em;height:48.7em;}
                                
img#copyright {position:relative; top:1.5em; width:70%; margin-left:10%;} 

h3.map  {
    font-size: 1.0em;
    line-height:1.1em;   

} /* XXXXXXXXXXXXXXXX  end medium screen @media XXXXXXXXXXXXXXXXXXX */


/* Narrow screens - phones*/
@media screen and (max-width: 28.75em) {

#kingsright { display: none;}  
#helpnotes {
    display: none;
}
.lg-view {
	display:none;
}
.lgmed-view {
	display:none;
}

.med-view {
	display:none;
}

.sm-view{
	display:inline-block;
}
	 

ul.topnav li {
	float:right;
	font-size: .75em;
    text-align: center;
    margin-right: 0.375em; 
}
    	
#intro {width: 49%; 
        top: .1em;
        left:auto;
        font-size:.85em; }

#search {top: 1em;
         width:49%; 
        }
       
#ix-help-panel {
    display: none;
			}
  
#indexleft {
           top: 0em;
           background:#f3ead8;  /*pink */
           position:relative;
           float:left; 
           width:17em;
           margin-bottom:3em;
           }
#indexleft.typeix{height:56em;width:17em;}            
#indexleft.gen {height:77.7em;}           
#indexleft.exo {height:50.2em;}
#indexleft.dif {height:77.5em;} 
#indexleft.heb {height:60em;}
#indexleft.rom {height:50em;}
#indexleft.num {height:40em;}
#indexleft.sam {height:40em;}
#indexleft.sam2 {height:30em;}
#indexleft.cor {height:42.1em;} 
#indexleft.kin {height:63em;}
#indexleft.kin2 {height:58.5em;}
#indexleft.ezra {height:105em;}
#indexleft.isa{height:106.3em;}
#indexleft.joh{height:106.3em;}
#indexleft.act {height:77.5em;} 
#indexleft.map {height:171em;}
#indexleft.table {height:48.2em;}
#indexleft.jos {height:35em;}

          
#indexright { top:-4em; width:17em; } 
#indexright.typeix{height:49em;width:17em;} 	         
#indexright.gen {height:71.5em;}	                   
#indexright.exo {height:52em;} 
#indexright.dif {height:70em;}
#indexright.heb {height:60em;}
#indexright.rom {height:60em;}
#indexright.num {height:70em;}
#indexright.sam {height:42em;}
#indexright.sam2 {height:33.5em;}
#indexright.cor {height:40em;} 
#indexright.kin {height:56em;}
#indexright.kin2 {height:50em;}
#indexright.isa {height:104em; width:100%;} 
#indexright.joh {height:100.5em;}
#indexright.act {height:70em;}  
#indexright.map {top:-3.2em;}
#indexright.table {top:-3.2em;}
#indexright.jos {height:70em;}           
#welcome {
 	       position:relative;
 	       top:.5em;
 	       left:0;
 	       margin-bottom:1em;
 	       
 	      }
.typeix.databox {height:3.2em; width:56%; font-size: .75em; background-color: transparent; } 	      
.typeix.linkbox {height:2.8em; margin-top:.4em; line-height: 1em; font-size:.85em; width:35%;}
.gen.databox {height:3.2em;width:61%;}       
.exo.databox {height:5em;width:61%;}
.sam.databox {height:5em;font-size: .7em;}
.sam2.databox {height:7em;font-size: .7em;}
.sam.linkbox {height:5em;font-size: .7em;}
.sam2.linkbox {height:7em;font-size: .7em;}
.heb.databox {height:7em;width:61%;}
.rom.databox {height:7em;width:61%;}
.num.databox {height:7em;width:61%;}
.ezra.databox {height:10em;width:90%;}
.dif.databox {height:7em;width:61%;}
.cor.databox {height:5em;width:14em;}
.kin.databox {height:5em;width:14em;}
.isa.databox {height:4em;width:15em;}
.joh.databox {height:4em;width:15em;}
.joha.databox {height:4em;width:15em;}
.johb.databox {height:4em;width:15em;}
.act.databox {height:7em;width:15em;}

p.typeix{ font-size: .94em; }
p.gen{ font-size: .7em; }
p.heb{font-size: .7em; }
p.rom{font-size: .7em; }  
P.num{font-size: .7em; }
P.dif{font-size: .7em; }

p {
    font-size: 1em;
    line-height:1.2em;}
    

h1 {
    font-size: 1em;
    line-height:1.2em;}

h2 {
    font-size: 1.375em;
    line-height:1.136em;
}
h3 {
    font-size: 1.125em;
    line-height:1.1em;
}

.prev {float:left;width:6.5em;height:2.5em;}
.next {float:right;width:6.5em;height:2.5em;}

img#copyright {width:98%;position:relative; top:0;left:-1em;}
   h3.map  {
    font-size: 1em;
    line-height:1.1em;
}

 /* end narrow screen @media */