@import url('https://fonts.googleapis.com/css?family=Lato');
body{
	font: 15px Lato, Arial, Helvetica, sans-serif;
	margin:0;
	line-height: 20px;	color: #001320;
    BACKGROUND-COLOR: #FFFFFF; text-align:justify;  
background:  url(leftbk3.png), url(rtbk3.png), #f5f5f5;
background-repeat: no-repeat, no-repeat;
background-position: left 44%, right 44%;
background-attachment: fixed, fixed;}

a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #0092f2;
	}

a:hover { 
	text-decoration: none; 
	color: #99D6FF;
	}

.versiontext { 
	font-weight: 700; 
	color: #0092f2;
	text-align:left;
		}
.verstext { 
	font-weight: 700; 
	color: #0092f2;
		}
	
.titletext { 
	font-weight: 700; 
	}
	
.crossverse { 
	font-weight: 700;
	}

.maintable { width:100%;  BACKGROUND-COLOR: #fdfeff; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd; padding-bottom:0px;}
#fx2
{
	padding-left:0%; padding-right:0%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }
#fx4
{
	padding-left:0%; padding-right:0%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }
.maintable3 { width:100%;  BACKGROUND-COLOR: none; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd; }
.maintable2 { margin-left:125px; margin-right:125px;  }
 /*        #rightbox
        {
	position:absolute; 	top:327px; left:12%;	padding-left:22px; padding-right:22px; padding-top:27px; padding-bottom:85px; background-color:#f0f9ff;
width: 122px; margin-left: 1px; margin-right: 1px;border-top-right-radius:15px;

        }*/



        #leftbox
        {
	float:left;			padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
width: 59%;
	text-align:justify;

        }

        #centbox
        {
	float:left;			padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
width: 41%;
	text-align:justify;

        }

#adc
        {
	
width: 728px;
	text-align:center;

        }




#topverse { padding-top:6px; padding-bottom:2px;  padding-left:12%; padding-right:12%; text-align:center; color:#b34700; font-style:italic;

}
#jump { padding-top:6px; padding-bottom:2px;  padding-left:12%; padding-right:12%; text-align:center; color:#b34700; 

}


#fx
{
	position:fixed; top: 0px; left: 0px; width: 100%; z-index:2; 
}

#fx2
{
	position:fixed;top:0px; left: 0px; width: 100%; height: 40px; background-color:#000000; z-index:2;
		 box-shadow: 1px 1px 0px #dddddd;  
 }
 #fx4
{
	position:fixed;top:39px; left: 0px; width: 100%; height: 40px; z-index:2;
		 box-shadow: 1px 1px 0px #dddddd;  
 }
 #fx3
{
	background-color:none; 
 }

#fx4
{      position:fixed;top:39px; left: 0px; width: 100%; height: 40px; background-color:none; z-index:2;
		 
}
#fx5
{
	
		 box-shadow: 0px 3px 6px #c6e8ff;  
}


#blnk
 {height:38px;}
 
 

  #topheading
        { 

	text-align:center;
	font: 1.7em Verdana, Lato, Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#552200;
padding-top:13px;
         
        }
		

		

#breadcrumbs
{     width:30%;
	font: 0.7em Lato, Arial, Helvetica, sans-serif;
text-align:left; height: 27px; vertical-align:middle; line-height:26px;
 color:#aa4400; float:left;
	     background-color:#f0f9ff; 
		border-width:0px;
	box-shadow: 0px 0px 0px #C6E8FF;  
padding-left:3%;  padding-top:3px; padding-bottom:3px;
		}

#breadcrumbs a:link{ color:#0092f2; } 
#breadcrumbs a:hover { color:#0092f2; } 
#breadcrumbs a:active{ color:#aaddff; } 
#breadcrumbs a:visited{ color:#0092f2; } 

	
#anc	{     width:34%; float:left; 
		border-width:0px;
    	box-shadow: 0px 0px 0px #C6E8FF;padding-top:3px; padding-bottom:3px; background-color:#f0f9ff; 

			}
#anc2	{     width:30%;float:left; 
	   
		border-width:0px; background-color:#f0f9ff;
    	box-shadow: 0px 0px 0px #C6E8FF;  padding-right:3%; padding-top:3px; padding-bottom:3px;

			}
#l1	{     width:100%; margin-left:0px; margin-right:0px; background-color:#f0f9ff; 

}	


		

        #pic2
        {

width: 100%;
	margin-left:8px; margin-bottom:22px;
        }



        #pic
        {

width: 100%;
        }


        .vheading
        { 
		
		 text-align:left; background-color:#fff0e6;
		 margin-bottom:10px;
		 padding-left:8px;
		 font: 1.0em Verdana, Lato, Arial, Helvetica, sans-serif;
         font-weight:700; color:#552200;		 
       	border-top-right-radius:12px;
	    border-top-left-radius:12px;
     }
        .vheadingv
        { 
		
		 text-align:left; background-color:#fff0e6;
		 margin-bottom:10px;
		 padding-left:8px;
		 font: 1.0em Verdana, Lato, Arial, Helvetica, sans-serif;
         color:#552200;		 
       	border-top-right-radius:12px;
	    border-top-left-radius:12px;
     }


        .vheading2
        { 
		
		 text-align:left; background-color:#fff0e6;
		 margin-top:22px; 
		 margin-bottom:10px;
		 padding-left:8px;
		 font: 1.0em Verdana, Lato, Arial, Helvetica, sans-serif;
         font-weight:700; color:#552200;		 
       	border-top-right-radius:12px;
	    border-top-left-radius:12px;
     }

        .clickchap
        { 
		
		 text-align:left; background-color:#fff0e6;
		 padding-left:3px;
		 font: 0.85em Verdana, Lato, Arial, Helvetica, sans-serif;
		 font-style:italic;
         color:#552200;		 

     }

        .padright2
        {
		padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
        }
        .padright
        {
		padding-left:12px; padding-right:12px; padding-top:14px; padding-bottom:14px; 
        }

        .padcent
        {
		padding-left:14px; padding-right:12px; padding-top:17px; padding-bottom:14px; 
        }


        .padleft
        {
		padding-left:12px; padding-right:14px; padding-top:17px; padding-bottom:14px; 
        }


.wrdstudy
{ margin-top:11px;
margin-bottom:11px;
}

.wrd
{ color:#aa4400;
font-weight:700;
}
.gr
{ 
font-weight:700; color:#0066aa;
}



.p
{
line-height:13px;
}



.h
{
height:23px; 
   /* background-image: url(/hr.gif); 
    background-repeat:repeat-x;  */

}



#left
{
position:fixed;top: 44%; left: 0px;  z-index:1;

}

#right
{
position:fixed;top: 44%; right: 0px;  z-index:1;

}

#botleft
{
position:fixed; left: 0px; bottom:0px;  z-index:1;

}

#botright
{
position:fixed; right: 0px; bottom:0px;  z-index:1;

}




/*-------------------------------------------------*/	




.vtext
{
		 color:#0092f2; 

}
.str
{
		 color:#0092f2; 

}
.hdg
{
    font-weight:700;
    COLOR: #552200;
    FONT-FAMILY: Lato, Arial, Helvetica, Sans-serif;
    TEXT-DECORATION: none; font-style:italic;
}
.cred
{
   font-style:italic; text-align:right; padding-top:0px; margin-top:0px;
}

.highl 
  { background-color:#FFF4ec; 
    
	}
	
.highl a:link {text-decoration: none; 
	color: #008cea;}
.highl a:visited {text-decoration: none; 
	color: #008cea;}
.highl a:active {text-decoration: none; 
	color: #008cea;}
.highl a:hover {text-decoration: none; 
	color: #99d6ff;}




.hdg1
{
    font-weight:700;
	margin-top:0px;
    COLOR: #552200;
    FONT-FAMILY: Lato, Arial, Helvetica, Sans-serif;
    TEXT-DECORATION: none;   
}
.hdg2
{
    font-weight:700;
    COLOR: #552200;
    FONT-FAMILY: Lato, Arial, Helvetica, Sans-serif;
    TEXT-DECORATION: none;   
}
.tskverse
{
    margin-left:15px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;
}
.tskverse1
{
    margin-left:15px;
}

.reftext
{
    FONT-SIZE: 11px;
    COLOR: #aa4400;
		font-weight:700;
    LINE-HEIGHT: 14px;
    margin-left:1px;
    margin-right:2px;
    vertical-align: text-top;
    FONT-FAMILY: Lato, Arial, Helvetica, Sans-serif;
}

.cmt_word

{


    COLOR: #b34700; 

}
.tsk2

{


    font-style: italic;

}
.accented {font-weight:700;}




@media screen and (max-width: 4800px) {

.maintable { width:76%;  BACKGROUND-COLOR: #fdfeff; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd; padding-bottom:0px;}
#fx2
{
	position:fixed;top:0px; left: 12%; width: 76%; height: 38px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}
#fx4
{
	position:fixed;top:39px; left: 12%; width: 76%; height: 38px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}
.maintable3 { width:76%;  BACKGROUND-COLOR: #fdfeff; box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd; }
}



@media screen and (max-width: 1500px) {

.maintable { width:86%;  }
#fx2
{
	position:fixed;top:0px; left: 7%; width: 86%; height: 38px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}
#fx4
{
	position:fixed;top:39px; left: 7%; width: 86%; height: 38px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}
.maintable3 { width:86%;   }
.maintable2 { margin-left:100px; margin-right:100px;  }
}




@media screen and (max-width: 1250px) {

body{
background-image: none; background:  url(leftbksm.png), url(rightbksm.png), #000000;
background-repeat: no-repeat, no-repeat;
background-position: left 44%, right 44%;
background-attachment: fixed, fixed;}
.maintable { width:92%; }
#fx2
{
	position:fixed;top:0px; left: 4%; width: 92%; height: 38px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;}
#fx4
{
	position:fixed;top:39px; left: 4%; width: 92%; height: 38px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}.maintable3 { width:92%;  }
.maintable2 { margin-left:80px; margin-right:80px; 
}




@media screen and (max-width: 1050px) {

body{
background-image: none; background:  url(leftbksm.png), url(rightbksm.png), #000000;
background-repeat: no-repeat, no-repeat;
background-position: left 44%, right 44%;
background-attachment: fixed, fixed;}
.maintable { width:94%; }
#fx2
{
	position:fixed;top:0px; left: 3%; width: 94%; height: 38px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}
#fx4
{
	position:fixed;top:39px; left: 3%; width: 94%; height: 38px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 1px 1px 0px #dddddd, -1px 1px 0px #dddddd;
}.maintable3 { width:94%;  }
.maintable2 { margin-left:65px; margin-right:65px;  }
}



@media screen and (max-width: 900px) {

.maintable { width:100%; }
#fx2
{
	padding-left:1%; padding-right:1%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; background-color:#bfe6ff; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }
 #fx4
{
	padding-left:1%; padding-right:1%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }.maintable3 { width:100%;}


        .padcent
        {
		padding-left:12px; padding-right:12px; padding-top:14px; padding-bottom:14px; 
        }


        .padleft
        {
		padding-left:12px; padding-right:12px; padding-top:14px; padding-bottom:14px; 
        }

.maintable2 { margin-left:35px; margin-right:35px;  }
}




@media screen and (max-width: 800px) {

body{
	font: 1.0em Arial, Helvetica, sans-serif;
	margin:0;
	line-height: 1.35em;
	color: #001320;
    BACKGROUND-COLOR: #fdfeff;
	text-align:justify;

}


#ad1	{     display: none; 

}


#adc
        {
	
width: 250px;
	text-align:center;

        }

.maintable { width:100%; }
#fx2
{
	padding-left:1%; padding-right:1%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; background-color:#bfe6ff; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }
 #fx4
{
	padding-left:1%; padding-right:1%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }.maintable3 { width:100%;  }
.maintable2 { margin-left:30px; margin-right:30px; }
         #rightbox
        {      
	position: relative;	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
float:left; width: 100%;

        }




		
        #leftbox
        {
	float:left;			padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
width: 55%;
	text-align:justify;

        }

        #centbox
        {
	float:left;			padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
width: 45%;
	text-align:justify;

        }
#bot { text-align:center; width:100%;}

  #topheading
        { 

	text-align:center;
	font: 1.4em Verdana, Lato, Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#552200;
padding-top:13px;
         
        }

}



@media screen and (max-width: 575px) {

		body{
	font: 1.1em Arial,sans-serif;
	margin:0;
	line-height: 1.35em;
	color: #001320;


}



#l1	{     width:94%; margin-left:0%; margin-right:0%; 

}

#breadcrumbs
{ width:40%;
 padding-top:0px; font: 0.4em Lato, Arial, Helvetica, sans-serif; line-height:12px;padding:0px; 
		}
		
		#anc	{   width:25%; float:left; padding:0px; 

				}
#anc2	{     width:25%;float:left; padding:0px; 
	    }



		
		.maintable
		
		{width:100%; padding:0px; margin:0px;
	box-shadow: none;}
	
	
		
		.maintable2 { margin-left:8px; margin-right:8px; position:relative; top: -0px; }

		#movebox2
{
	position:relative; top: -0px; width: 100%; z-index:1; BACKGROUND-COLOR: #fdfeff; box-shadow: none; border:0px; padding:0px; margin:0px;
}
		
		
		.maintable3 { position:relative; top: -0px; }


	        #pic
        {

width: 150px;
        }#fx2
{
	padding-left:1%; padding-right:1%; position:fixed;top:0px; left: 0px; width: 100%; height: 40px; background-color:#000000; z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }	
 #fx4
{
	padding-left:0%; padding-right:0%; position:fixed;top:39px; left: 0px; width: 100%; height: 40px;  z-index:2;
	 box-shadow: 1px 1px 0px #dddddd;  box-shadow: 0px 0px 0px #dddddd, -1px 1px 0px #dddddd;
 }	/* #fx3
{
	position:relative; top: -0px; width: 100%; z-index:1; box-shadow: none; border:0px; padding:0px; margin:0px;
}  */

			
		#fx5
{
	position:relative; top: -0px; width: 100%; z-index:1; box-shadow: none; border:0px; padding:0px; margin:0px;
}	#topheading
	{font: 1.1em Verdana, Lato, Arial, Helvetica, sans-serif; font-weight:700;  }	
.vheading
        { 
		
		 font: 1.0em Verdana, Lato, Arial, Helvetica, sans-serif; font-weight:700;
     }
#leftbox
        { width:100%; padding-top:1px; text-align:left;	
float:left;
        }
        #vheading
        { width:100%; padding:0px; text-align:left;	
float:left;
        }
        #vheading3
        { width:100%; padding:0px; text-align:left;	
float:left;
        }
        #vheading4
        { width:100%; padding:0px; text-align:left;	
float:left;
        }

        #strongsbox
        { width:100%; padding:0px; text-align:left;	
float:left;
        }
        #vheading2
        { width:100%; padding:0px; text-align:left;	
float:left;
        }



        #centbox
        { width:100%; padding:0px;	margin:0px;
text-align:justify; float:left;

        }
		

        #rightbox2
        { width:65px; padding:0px; margin:0px;	text-align:left;	
float:left;
        }

        #rightbox4
        { width:135px; padding-left:100px; margin:0px;	text-align:left;	
float:left;
        }

		
	  #topleftbox
        { width:100%; padding:0px;	text-align:left;	
float:left;
        }



        #toprightbox
        { width:100%; padding:0px;	
position:absolute; bottom:0px;
        }


		#blnk
 {height:38px;}


		}