@charset "UTF-8";
/* CSS Document */
							
				  @font-face {
					   font-family: 'PMN Caecilia 85 Heavy';
					  src: url('https://www.lightofthenations.org/css/Caecilia-Heavy.woff') format('woff');
					}
			  
			  		@font-face {
					  font-family: 'PMN Caecilia 55 Roman';
					  src: url('https://www.lightofthenations.org/css/Caecilia-Roman.woff') format('woff');
					}

					@font-face {
					  font-family: 'PMN Caecilia 45 Light';
					  src: url('https://www.lightofthenations.org/css/Caecilia-Light.woff') format('woff');
					}

			  
			  


html {
	background-color:#ffffff;
	color:#000000;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	 text-rendering: optimizeLegibility;
	
}

a:link { color:#4059a6; text-decoration:none; font-weight: 400;}
a:visited  { color:#4059a6; text-decoration: none; font-weight: 400;}
a:hover {	color:#4059a6; text-decoration: underline; font-weight: 400;}
a:active  { color:#4059a6; text-decoration: none; font-weight: 400;}

p {
    display: block;
    margin:0px 0px 12px 0px;
}
	
.long_list { }
.long_list td { border-bottom:1px solid #dddddd; }

/*
RED ae181c
DARK ORANGE e04b18
ORANGE ed8210
LIGHT ORANGE f8b800
YELLOW e04b18
*/
/*
li {line-height: 30px;     	 }
ul{margin:0px 0px 24px 0px;}
*/

.red_text { color:#ae181c;  }
.dark_orange_text { color:#e04b18;  }
/*.orange_text { color:#ed8210;   }*/
/*
.light_orange_text { color:#f8b800; }
.yellow_text { color:#e04b18; }
*/

body {
	margin:0px 0px 0px 0px;
	font-size: 15px;
	line-height: 24px;
	 font-family: 'PMN Caecilia 45 Light';
	color: #000000 ;
	letter-spacing:normal;	
	word-spacing: normal;
	height: 99%;
	background-color:#ffffff;
}


h1 {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 30px;	
	line-height: 36px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#e04b18;
    margin:0px 0px 36px 0px;	clear:both;
}

h2 {
 font-family: 'PMN Caecilia 55 Roman';
	font-size: 20px;	
	line-height: 24px;
	letter-spacing:normal;	
	word-spacing: normal;
	    margin:0px 0px 24px 0px;	
	color:#ae181c;clear:both;
}

h4 {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 20px;	
	line-height: 24px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#ae181c;clear:both;

}

.h2_white {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 20px;	
	line-height: 24px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#ffffff;
	margin:0px 0px 24px 0px;	clear:both;

}
.h1_title {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 30px;	
	line-height: 36px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#e04b18;
}

.h1_title_white {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 30px;	
	line-height: 36px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#ffffff;
}

.title {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 17px;	
	line-height: 24px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#000000;
}

.title_white {
	 font-family: 'PMN Caecilia 55 Roman';
	font-size: 17px;	
	line-height: 24px;
	letter-spacing:normal;	
	word-spacing: normal;
	color:#ffffff;
}

.text {
	
	font-size: 15px;
	line-height: 24px;
	 font-family: 'PMN Caecilia 45 Light';
	color: #000000 ;
	letter-spacing:normal;	
	word-spacing: normal;
	
	
}
			  	.text_small{ font-size: 11px; 	line-height: 12px;  font-family: 'PMN Caecilia 45 Light'; color:#222222; }


.error_message{
	
	color:#ae181c; 
	  font-family: 'PMN Caecilia 55 Roman';
}





.text_bold{
	font-size: 15px;
	line-height: 24px;
	 font-family: 'PMN Caecilia 45 Light';
		color:#000000;
}


.red { background-color:#ae181c;  }
.dark_orange { background-color:#e04b18;  }
/*
.orange { background-color:#ed8210;   }
.light_orange { background-color:#f8b800; }
.yellow { background-color:#e04b18; }
*/



.callout{
		float:none;	
		margin:10px;
		padding:10px;
		border:1px solid #000000;
		overflow:hidden;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
/*
		-moz--shadow:0 5px 9px rgba(0,0,0,0.2);
		-webkit--shadow:0 5px 9px rgba(0,0,0,0.2);
		box-shadow:0 5px 9px rgba(0,0,0,0.2);
*/
}
	.link_button { display:table; margin:10px 0px 10px 0px; padding: 6px 10px 6px 10px;   font-family: 'PMN Caecilia 45 Light'; font-size:18px; line-height: 22px; text-align:center; vertical-align: middle; cursor: pointer;
					-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ae181c; color:#ffffff; text-decoration:none;  border:1px solid #000000; float:none; clear:both;  } 
/*border: 2px solid #000000;*/

.link_button:hover {  background-color:#ed8210; }

.link_button a:link { color:#ffffff; text-decoration:none; }
.link_button a:visited  { color:#ffffff; text-decoration: none; }
.link_button a:hover {	color:#ffffff; text-decoration: none; }
.link_button a:active  { color:#ffffff; text-decoration: none; }


.gallery {
}


.gallery img {
	display:inline-block;
	height:100px;
	width:inherit;
	 -ms-interpolation-mode: bicubic;  
	border:solid #000000 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
/*	box-shadow:0px 0px 4px rgba(0,0,0,0.7);*/
	margin:5px; 
}



.youtube_popup { }


.youtube_inline {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube_inline iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.full_width_image {
/*		width:50%;*/
	width:100%;
		max-width: 600px;
	max-height: 500px;
		float:left;	
		margin:0px 15px 10px 0px;

}

	
.full_width_image img{	
	width:100%;
	max-width: 600px;
	max-height: 500px;
	height:inherit;
		border: #000000 solid 1px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz--shadow:0 5px 9px rgba(0,0,0,0.2);
		-webkit--shadow:0 5px 9px rgba(0,0,0,0.2);
		-shadow:0 5px 9px rgba(0,0,0,0.2);
}

	.half_width_image_float_left{
		width:50%;
		float:left;	
		margin:0px 15px 10px 0px;
		
		

}

	
.half_width_image_float_left img{	
	width:100%;
	height:inherit;
		border: #000000 solid 1px;
-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz--shadow:0 5px 9px rgba(0,0,0,0.2);
		-webkit--shadow:0 5px 9px rgba(0,0,0,0.2);
		-shadow:0 5px 9px rgba(0,0,0,0.2);
}




@media screen and (max-width: 1020px) {
.full_width_image{
		float:none;	
		width:100%;
	max-width: 500px;
		margin:5px 10px 5px 0px;
}


}

@media screen and (max-width: 600px) {
.gallery img {
	
	height:90px;
	}


}


@media screen and (max-width: 400px) {
.gallery img {
	height:80px;
	}
}