/* Import "Lora" font from Google fonts */
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);

html, body {
	background:#fbf3e8;
}
body {
	margin:0;
	padding:2em 5px;
	font:100% Lora,Georgia,'Times New Roman',Times,serif;
	color:#222;
	font-size:150%;
	
  	background-image: url(./../img/Cross-Website-Background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover; 
	height: 100%;
	
	
}
img {
	max-width:100%;
	height:auto;	
}
.container, .container-fluid {
	background-color:rgba(251,243,232,0.7);	
	border-radius: 25px;
	margin-top: 10px;
}
.non-transparent {
	background-color:rgba(251,243,232,1.0);	
	border-radius: 25px;
	margin-top: 10px;
}
.row .row {
	background-color:transparent;	
}
.header-img{
	background-color:rgba(251,243,232,.5);
	margin: 0px -10px -10px 0px
}
#content {
	padding:0 5px;
}
#content p a {
	word-wrap:break-word;
}
h1, h2, h3 {
	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#1675A1;
}
h1 {
	margin-top:.5em;
	margin-bottom:0.36em;
	font-size:2.26em;
}
h2 {
	font-size:1.667em;
}
h2, h3, h4 {
	margin-top:0;
	margin-bottom:0.416em;
}
p, ul, dl {
	margin-bottom:1.5em;
	line-height:1.625em;
}
ul {
	list-style:circle;
	padding-left:1.3em;
}
a {
	color:#D23600;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:#980000;
}
small {
	font-size:0.8em;
}
#themes {
	margin:2.5625em 0 2em 0;
	border:1px solid;
 	border-color:#ebe3d9;
 	border-color:rgba(0,0,0,0.04);
	padding:2.5%;
	background:#f4ece1;
	background:rgba(0,0,0,0.03);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#themes p:last-child {
	margin-bottom:0;
}
#themes select {
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	background:#fff;
}
#themes label {
	margin-left:0.3em;
}
.right-column h2 {
	margin-top:0;
}
.right-column h4 {
	font-size:1em;
	font-weight:normal;
}
dl.docs-terms dt {
	margin:0 0 0.5em 0;
	font-weight:bold;
}
dl.docs-terms dd {
	margin:0 0 1.5em 1.3em;
}
dl.docs-arguments {
	margin:0 0 0 1.3em;
}
dl.docs-arguments dt, dl.docs-arguments dd {
	margin:0;
}
pre.sh_sourceCode {
	border:1px solid;
	border-color:#e1ddd8;
	border-color:rgba(0,0,0,0.10);
	padding:0.5em;
	background:#f9f5f0;
	background:rgba(255,255,255,0.5);
	overflow:auto;
	min-width:0;
	font:0.89em Consolas,'Lucida Console',Monaco,'Courier New',Courier,monospace;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
code {
	background:#f9f5f0;
	background:rgba(255,255,255,0.5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
kbd {
	/* Thanks to: https://github.com/michaelhue/keyscss */
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #555;
	background-image:-moz-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(70,70,70)),color-stop(100%,rgb(90,90,90)));
	background-image:-webkit-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-o-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-ms-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	color: #fff;
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}
.pagination {
	text-align:center;
}
.pagination a {
	margin:1em 0.5em 0 0.5em;
	display:inline-block;
	border:1px solid #dad3c9;
	border-color:rgba(0,0,0,0.10);
	padding:0.111em 0.666em;
	text-decoration:none;
	color:#1675A1;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
	color:#d23600;
}
.gray-button {
	display:inline-block;
	border:1px solid #dad3c9;
	padding:0.111em 0.666em;
	text-decoration:none;
	background:transparent;
	color:#1675A1;
	white-space:nowrap;
	font-family:inherit;
	font-size:1em;
	font-weight:bold;
	line-height:1.61em;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	cursor:pointer;
	outline:none;
}
.gray-button:hover, .gray-button:focus, .gray-button:active {
	color:#d23600;
}
.How2Heaven{
		width:100%;
}
.boarder{
	border: medium solid #000;
	border-collapse:collapse;
	padding: 10px 10px 10px 10px;
}
.blueBackground{
	background: #FFF;
}

.center-items{
	Left:7%;
}

.nav-pills li a{
	text-align:center;
	min-width: 195px;
	background:#FF9933;
	margin: 4px 4px 4px 4px;
	color:white; 	
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.5),
		0 2px 2px rgba(0,0,0,0.3),
		0 0 4px 1px rgba(0,0,0,0.2),
		inset 0 3px 2px rgba(255,255,255,.22), 
		inset 0 -3px 2px rgba(0,0,0,.15), 
		inset 0 20px 10px rgba(255,255,255,.12), 
		0 0 4px 1px rgba(0,0,0,.1), 
		0 3px 2px rgba(0,0,0,.2);
}
.nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:hover {
	background:#FF6600;
	color:#13368c;
	font-weight:bold;
	/*border: 2px black solid; 	
	padding: 7px 12px;*/
	box-shadow: 
    inset 0 -2px 1px rgba(255,255,255,0.2),
    inset 0 3px 2px rgba(0,0,0,0.12);
}
.nav-pills  li a:hover{
	background:#f3ad81;
	color:black; 	
}

@media (max-width: 800px) {
	.hide-small {
		display: none;
	}
}

@media (min-width: 480px) {
	#new-book{
		background: url(../img/new_book.png) center center no-repeat;
		background-size:contain; 			
		padding: 100px 0;
		width:30%;
		min-width:200px;			
	}

	#content-header{
		padding: 10px 20px;
	}
	#LightTheFirePic{
		background: #c2bbb1 url(../img/LTFLogo.jpg) center center no-repeat;
		background-size:cover;
		padding: 75px 0;
		width:25%;
		min-width:150px;	
		float:left;
		margin:10px 10px 50px 0px;
	}
	#SARPic{
		background: url(../img/SARLogo.png) center center no-repeat;
		background-size:contain; 			
		padding: 100px 0;
		width:30%;
		min-width:130px;	
		float:left;
		margin-right:20px;
	}
	#Power2TellPic{
		background: #fff url(../img/P2TellLogo.PNG) center center no-repeat;
		background-size:contain; 			
		padding: 75px 0;
		width:40%;
		min-width:130px;	
		float:left;
		margin-right:20px;
	}
	.PicWrapper{
		margin: 0 15px 0 0;
		float:left;
	}
	.How2Heaven{
		width:75%;
	}
	body{
		font-size:185%;
	}

}

@media (min-width: 640px) {
	body {
		padding:2em;
		font-size:200%;
	}
	.columns {
		overflow:hidden;
	}
	.left-column, .right-column {
		float:left;
		width:50%;
	}
	.right-column {
		float:right;
	}
	.content {
		margin:0 24px;
		padding:0;
	}
	#themes {
		margin:2.5625em 24px 2em 24px;
	}
	.header-left-column {
		float:left;
		width:40%;	
	}
	.header-right-column {
		float:right;
		width:60%;	
	}
	.DomPic{
		text-align:center;
		padding: 130px 0;
		width:35%;
		min-width:150px;	
		float:left;
		position:relative;
		background: #c2bbb1 url(../img/Dom_Photos.jpg) center center no-repeat;
		background-size:cover; 	
	}
	.DomPic p{
		margin: 0;
		background-color: rgba(0, 0, 0, .7);
		color: #fff;
		text-shadow: 1px 1px 0 #000;
		position:absolute;
		bottom:0;
		width:100%;	
	}
	#DomContact{
		float:left;	
		padding-left: 15px
	}
	
	.How2Heaven{
		width:60%;
	}
	
	#ClassicPamphletPic{
		background: url(../Materials/Tract.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#GPSPamphletPic{
		background: url(../Materials/Tract.JPG) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#WWCPic{
		background: url(../Images/WWC.jpg) center center no-repeat;
		padding: 100px 0;
		width:40%;
		min-width:150px;	
		background-size:contain;
	}
	#AgentsChangePic{
		background: url(../Materials/Agents_of_Change.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#WaysRevivalPic{
		background: url(../Materials/Three_Ways_to_Birth_Revival.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#CallCouragePic{
		background: url(../Materials/call_to_courage.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#ReachingFourthWorldPic{
		background: url(../Materials/Reaching_the_Fourth_World.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#EncounteringTerroristPic{
		background: url(../Materials/Encountering_the_Terrorist_within.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#KeysImpactPic{
		background: url(../Materials/Four_Keys_to_Effective_Personal_Impact.jpg) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#SpiritualWarefarePic{
		background: url(../Materials/SpiritualWarfare.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#BattleMindPic{
		background: url(../Materials/BattleMind.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#VicoriousLivingPic{
		background: url(../Materials/VictoriousLiving.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#WorthWomanPic{
		background: url(../Materials/WorthWoman.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#HeartHomePic{
		background: url(../Materials/HeartHome.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#HighestPraisePic{
		background: url(../Materials/HighestPraise.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#MyDesirePic{
		background: url(../Materials/ItsMyDesire.gif) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}
	#DGMPic{
		background: url(../Images/DGM.PNG) center center no-repeat;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		background-size:contain;
	}

	

}

@media (min-width:768){
	.hide-big{
		display:none;
	}
}

@media (min-width:800px){
	.How2Heaven{
		width:60%;
	}

	#SAREventPics{
		float:left;
		margin: 10px 10px 10px 10px; 	
		width:90%
	}
	#SAREvent1{
		background: #c2bbb1 url(../img/SAREvent1.jpg) center center no-repeat;
		background-size:cover;
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		float:left;
	}
	#SAREvent2{
		background: #c2bbb1 url(../img/SAREvent2.jpg) center center no-repeat;
		background-size:cover; 			
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		float:left;
	}
	#SAREvent3{
		background: #c2bbb1 url(../img/SAREvent3.jpg) center center no-repeat;
		background-size:cover; 			
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		float:left;
	}
	#SAREvent4{
		background: #c2bbb1 url(../img/SAREvent4.jpg) center center no-repeat;
		background-size:cover; 			
		padding: 100px 0;
		width:50%;
		min-width:150px;	
		float:left;
	}
	
}


.header-right-column h1{
	text-align:center;
}

.power2tell {
	background:#B6DDE8;
	border:#0033CC solid 5px;
	margin-bottom: 10px;
	padding: 10px 10px;
}

.SAR {
	background:#FC6;
	border: #F60 solid 5px;
	margin-bottom: 10px;
}

.LightTheFire{
	background:#C9F;
	border: #309 solid 5px;
	margin-bottom: 10px;
}

.Letter{
	max-width:800px;
	margin: 0 auto;
}

.heaven{
	max-width:550px;
}