body {
	font-family: 'Lato', sans-serif,"Trebuchet MS","Helvetica Neue", Helvetica, Arial;
	margin: 0;	
	overflow-x:hidden;
	font-size:18px;
	word-wrap: break-word;
}	

#contactform li,#contactform2 li {margin:0 0 6px -30px;list-style:none;padding:0;}
textarea {width:90%;}
#contactform li input[type=text],#contactform2 li input[type=text] {width:70%;} 

z {text-decoration:underline dotted blue;}
#verses {overflow-y:scroll;max-height:200px;}
#verses sup {color:yellow;}
#br_outer {display:none;position:fixed;bottom:0;padding:2px 0 0 0;background:#aaa;color:#fff;}
.ref-container {padding: 0 10px;}
.ref-container p {margin:5px 5% 5px 0%;text-indent:0;padding:0;}


.pj_image {float:left;margin:1em 0.5em 0 0;width:33%;height:auto;}
.feature {margin-top:0.5em;}
.info {margin-top:1em;}
.bandless {display:block;}
.candmore {display:none;}
.italics {font-style:italic;}  
.bold {font-weight:bold;}
.uline {text-decoration:underline;}
.centered {text-align:center;}  
.superscript {position:relative;font-size:70%;position:relative;bottom:0.5em;}
#mainhead {font-family:Balthazar;font-variant:small-caps;letter-spacing:3px;margin:0;padding:0;text-align:center;}
#divhead {background-color: rgba(0, 0, 64, 0.15);padding:0.75em 0;}
#mainbanner {background:url(../gtjr_img/header.jpg) no-repeat 100% 25%;background-size:cover;color:#000; }
.noshow,.noshowspan {display:none;}
/* for the pneuma study*/
table.pneuma {border-collapse:collapse;border:2px solid black;margin:1em 0;}
table.pneuma td {border:1px solid black;text-align:center;}

table.pneuma th {border-bottom:2px solid black;text-align:center;border-right:1px solid black;}
table.pneuma td,table.pneuma th {padding:0.5em 1em;}
table.pneuma col {border-right:2px solid black;}
ol.capsAlpha {list-style-type:upper-alpha}
ol.lowerAlpha {list-style-type:lower-alpha;font-size:inherit;}
.greek {font-size:125%;}
.masc {color:red;}
.fem {color:green;}
.neut {color:blue;}
.shaded {background-color:#eaeaea;}
.yellow {background-color:yellow;}

#verse2  {
color:#fff;					  
text-shadow: 2px 2px 2px #555;
font-family:"Inknut Antiqua";  
font-size:1.15em;
text-align:center;
background-color: rgba(255, 255, 255, 0.35);
padding:0 15% 5px 15%;
margin:0;}		
.stdboxshadow,.stdboxshadow2 { 
-moz-box-shadow:0 15px 10px -13px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 15px 10px -13px rgba(0,0,0,0.4);
box-shadow:0 15px 10px -13px rgba(0,0,0,0.4);
}		   		 
.stdboxshadow { 
			
}		   
.box {   	   
padding:1em;
background:#fff;		
border:1px solid #ddd;	
margin:1.0em 0;
-moz-border-radius:11px;
border-radius:11px;		
 }				
.box h3 {text-align:center;}
.vlbleft {width:20%;margin-right:2.8em;float:left;} 
.vlbright {width:40%;float:right;}/*was 160px*/
.vlbthumb {width:100%;height:auto;}	  
.pic1,.pic1_25,.pic1_40,.pic1_35 {float:left;margin:0.5em 0.5em 0.5em 0;}  
.picfull {width:80%;margin:1em 10%;}
.pic2,.pic2_25,.pic2_40,.pic2_35 {float:right;margin:0.5em 0 0.5em 0.5em;} 	
.pic1,.pic2 {width:33%;height:auto;}										  
.pic1_40,.pic2_40 {width:40%;height:auto;}
.pic1_25,.pic2_25 {width:25%;height:auto;} 
.pic1_35,.pic2_35 {width:35%;height:auto;}
.pic3 {min-width:100px;max-width:125px;width:33%;margin-right:0.5em;height:auto;float:left;}
#calendarmain {background:url(../gtjr_img/greencalendar.png) no-repeat top right;float:right;height:64px;width:64px;padding:0;margin-left:5px;}
#calendarmain a{text-decoration:none;color:#fff;}	 
#tfedatenum {display:block;width:40px;color:#222;font-size:1.2em;text-align:center;font-family: Arial,"Helvetica Neue", Helvetica,sans-serif;}
#tfetitle {	display:block;margin-top:5px;}	   
.n1 {display:inline;}
.n2 {display:none;}	
.n3 {display:none;}
.n4 {display:none;}
.gotop {text-align:center;margin:0 0 5px 0;}
#contact#frm1 li {margin:0;list-style:none;padding:4px;}
.tindex {width:90%;border:1px solid #74aaf6;margin-left:5%;}
.tindex h3 { height:30px;line-height:30px;color:#000;text-align:center;padding:0 15px;margin:0 0 5px 0;font-weight:normal;border-top:2px solid #084a9c;background:#ECF2F8;}	
#calendar {background:transparent;position:relative;height:auto;width:auto;left:14px;top:7px;border:none;color:#fff;font-weight:bold;font-size:1.22em;font-family:"Times New Roman";line-height:1.15;letter-spacing:0.05em;*-left:6px;}
.fb {float:right;z-index:0;top:1px;}
.morning {color:#437C19;}
.thought {margin-top:1em;}	
#fands h3 {background: #EAD795;
    background: -webkit-linear-gradient(to right, #EAD795 , #E8D5CD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #EAD795, #E8D5CD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #EAD795, #E8D5CD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EAD795 , #FEF7E8); /* Standard syntax (must be last) */}														   
#revelation h3 {background: #ABB5BE;
    background: -webkit-linear-gradient(to right, #ABB5BE , #F6F6F8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #ABB5BE, #F6F6F8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #ABB5BE, #F6F6F8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ABB5BE , #F6F6F8); /* Standard syntax (must be last) */}														   
#suffering h3 {color:#fff;background: #9B4023; 
    background: -webkit-linear-gradient(left, #9B4023 , #FDE0C6);
    background: -o-linear-gradient(right, #9B4023, #FDE0C6);
    background: -moz-linear-gradient(right, #9B4023, #FDE0C6);
    background: linear-gradient(to right, #9B4023 , #FDDDC4);}
#afterjesusdied h3 {color:#CE3E33;background: #B0C4B8; 
    background: -webkit-linear-gradient(left, #B0C4B8 , #E9EFEB);
    background: -o-linear-gradient(right, #B0C4B8, #E9EFEB);
    background: -moz-linear-gradient(right, #B0C4B8, #E9EFEB);
    background: linear-gradient(to right, #B0C4B8 , #E9EFEB);}
#tando h3 {color:#fff;background: #CD1D2A; 
    background: -webkit-linear-gradient(left, #CD1D2A , #CD7B90);
    background: -o-linear-gradient(right, #CD1D2A, #CD7B90);
    background: -moz-linear-gradient(right, #CD1D2A, #CD7B90);
    background: linear-gradient(to right, #CD1D2A , #CD7B90);}	 
#trinity h3 {color:#0167FF;background:#eaeaea;}	
#light h3 {color:#fff;background: #0B5529; 
    background: -webkit-linear-gradient(left, #0B5529 , #ECFCCC);
    background: -o-linear-gradient(right, #0B5529, #ECFCCC);
    background: -moz-linear-gradient(right, #0B5529, #ECFCCC);
    background: linear-gradient(to right, #0B5529 , #90BCA2);}		
#tongues h3 {color:#fff;background: #8FB3C3; 
    background: -webkit-linear-gradient(left, #8FB3C3 , #C6DBD6);
    background: -o-linear-gradient(right, #8FB3C3, #C6DBD6);
    background: -moz-linear-gradient(right, #8FB3C3, #C6DBD6);
    background: linear-gradient(to right, #8FB3C3 , #C6DBD6);}			 
#malachi h3 {color:#000;background: #DEBF7E; 
    background: -webkit-linear-gradient(left, #DEBF7E , #FCF7E6);
    background: -o-linear-gradient(right, #DEBF7E, #FCF7E6);
    background: -moz-linear-gradient(right, #DEBF7E, #FCF7E6);
    background: linear-gradient(to right, #DEBF7E , #FFE8BD);}				 
#marriage h3 {color:#fff;background: #B55A2E; 
    background: -webkit-linear-gradient(left, #B55A2E , #FCF7E6);
    background: -o-linear-gradient(right, #B55A2E, #FCF7E6);
    background: -moz-linear-gradient(right, #B55A2E, #FCF7E6);
    background: linear-gradient(to right, #B55A2E , #FCA28B);}					 
#word h3 {color:#F0DD9A;background: #783C3B; 
    background: -webkit-linear-gradient(left, #783C3B , #D46C69);
    background: -o-linear-gradient(right, #783C3B, #D46C69);
    background: -moz-linear-gradient(right, #783C3B, #D46C69);
    background: linear-gradient(to right, #783C3B , #783C3B);}						 
#hell h3 {color:#F7CF70;background: #783C3B; 
    background: -webkit-linear-gradient(left, #812D13 , #000);
    background: -o-linear-gradient(right, #812D13 , #000);
    background: -moz-linear-gradient(right, #812D13 , #000);
    background: linear-gradient(to right, #812D13 , #000);}							
#solomon h3 {color:#fff;background: #3B3D52; 
    background: -webkit-linear-gradient(left, #3B3D52 , #9FA3C9);
    background: -o-linear-gradient(right, #3B3D52 , #9FA3C9);
    background: -moz-linear-gradient(right, #3B3D52 , #9FA3C9);
    background: linear-gradient(to right, #3B3D52 , #9FA3C9);}							
.subhead {font-weight:bold;font-size:100%;}	
.content .feature h3 {line-height:2.25em;-moz-border-top-left-radius:7px;-moz-border-bottom-left-radius:7px;
border-bottom-left-radius:7px;border-top-left-radius:7px;margin-bottom:0.5em;}
a {
	color: #06f;
}
h1 {
	font-size: 2.7em;padding:0;
}
h2 {
	font-size: 1.2em;	 
	margin-left:0.3em;
}
h3 {font-size: 1.0em;}
h2, h3, h4 {
	margin-top: 0;	  
	padding-left:0.3em;
}
h3, h4 {
	margin-bottom: 0.5em;
}
.remember {font-style:italic;text-align:center;box-shadow: 0px 5px 4px #ddd;
padding:.5em;margin:1em;float:right;width:35%;font-size:120%;display:inline-block;clear:right;}
.remember:before {content: "Remember this: ";}
p,ul {
	font-size: 1.0em;
	line-height: 1.35;
	margin: 0 0 0.5em 0.3em;
}					
p.indented {text-indent:2.0em;}


.container {
	margin: 0;
	padding: 0;	 
}

.footer {
	padding-top: 1.5em;
}
.intro {
	border-bottom: 0px dotted #bbb;
	padding-bottom: 1.5em;
}


/* minor responsive adjustments */

.footer {
	border-top: 0px dotted #aaa;
}
.content {
	border-bottom: 0px dotted #aaa;
	margin-bottom: 1.5em;
}	
.go-top {
	position: fixed;
	bottom: 3em;
	right: 0em;	 
	
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 75%;
	padding: 1em;
	display: none;
	}
.stickySave {
	position: fixed;
	bottom: 0em;
	right: 0em;	 
	
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 75%;
	padding: 1em;
	
	}
.go-top:hover,.stickySave:hover {
	background-color: rgba(0, 0, 0, 0.6);
	}
.go-top:visited,.stickySave:visited {text-decoration:none;}	

div.verses p:nth-child(n+2) {margin-left: 4.5em; text-indent:-1.5em;}

#fandsbook h3 {background-color:white;}

@media only screen and (min-width: 25em) { 
.row .row { margin:  0 -1.5em; }
.col { padding: 0  1.5em; }
.n1 {display:none;}
.n2 {display:inline;}	
.n3 {display:none;}
.n4 {display:none;}	 
#divhead {padding:0.2 0 1em 0;}	  
.pic3 {width:20%;}
h3 {font-size:1.1em;}
	p,ul {
		font-size: 0.875em;
	}	  			   
	.pic1,.pic2 {width:45%;}

	.feature:first-child,
	.info:first-child {
		border-right: 0px dotted #aaa;
	}

	#intro {padding:0.25em 0.75em;}
	.container {
	margin: 0 auto;
	}					 

	h1 {
		font-size: 3em;
		}
#mainhead {	padding:.25em 0 0.25em 0;
	}
	h2 {
		font-size: 1.4em;
	}

}			 


@media only screen and (min-width: 54em) {
.fb {top:-1em;z-index:600000;}
.go-top {
	bottom: 3em;
	right: 35%;}
.stickySave {
	bottom: 0em;
	right: 35%;}
.n1 {display:none;}
.n2 {display:none;}	
.n3 {display:inline;}
.n4 {display:none;} 	
.bandless {display:none;}
.candmore {display:block;}
#divhead {padding:0 0 1.2em 0;}
.pic3 {min-width:200px;margin-right:1em;}
  .noshow {display:block;}
  .noshowspan {display:inline;}
	.content {
		border: none;
		border-right: 0px dotted #aaa;
		margin-bottom: 0;
	}					   
 
	.info:first-child {
		border: none;
	}
	h1 {
		font-size: 3.5em; 
			
	}
	h2 {
		font-size: 1.5em;
	}
	#verse2 {padding:0 10% 5px 10%;
}

@media only screen and (min-width: 76em) {
	.info:first-child {
		border-right: 0px dotted #aaa;
	}			   
	.n1 {display:none;}
.n2 {display:none;}	
.n3 {display:none;}
.n4 {display:inline;}
	h1 {
		font-size: 3.7em;

	}
	h2 {
		font-size: 1.6em;
	}									
	#verse2 {padding:0 18% 5px 18%;}

}