﻿body
{
	background-color: #eadfd6;
	margin: 0px;
	padding: 0px;
}

h1, h2
{
	display: inline-block;
	font-weight: normal;
	padding: 0;
	margin: 0;
}


/*---------------------------------------------*/
/* 			      TEXT STYLES 			       */
/*---------------------------------------------*/

.t1
{
	font-size: 20px; 
	color: #ffffff; 
	font-family: Georgia; 
	line-height: 36px;
	text-align: left;
}

.t1 a {color: #ffffff;}
.t1 a:visited {color: #ffffff;}
.t1 a:link {color: #ffffff;}
.t1 a:active {color: #ffffff;}
.t1 a:hover {color: #72ccff;}

.t2
{
	font-size: 20px; 
	color: #c3b887; 
	font-family: Georgia; 
	font-weight: bold; 
	line-height: 36px;
}

.t2 a {color: #c3b887;}
.t2 a:visited {color: #c3b887;}
.t2 a:link {color: #c3b887;}
.t2 a:active {color: #c3b887;}
.t2 a:hover {color: #72ccff;}

.t3
{
	color: #72ccff; 
	font-size: 18px; 
	font-weight: bold;
}

.t4
{
	font-family: georgia; 
	color: #c3b887; 
	font-size: 17px; 
	font-weight: normal;
}

.t4 a {color: #c3b887;}
.t4 a:visited {color: #c3b887;}
.t4 a:link {color: #c3b887;}
.t4 a:active {color: #c3b887;}
.t4 a:hover {color: #72ccff;}

.t5
{
	font-family: georgia;
	font-size: 16px;
	color: #514c3b;
	line-height: 80px;
}

.t5 a {color: #514c3b;}
.t5 a:visited {color: #514c3b;}
.t5 a:link {color: #514c3b;}
.t5 a:active {color: #514c3b;}
.t5 a:hover {color: #005596;}

.t6
{
	text-align: center; 
	line-height: 50px;
	font-size: 20px; 
	color: #ffffff; 
	font-family: Georgia; 
}

.t6 a {color: #ffffff;}
.t6 a:visited {color: #ffffff;}
.t6 a:link {color: #ffffff;}
.t6 a:active {color: #ffffff;}
.t6 a:hover {color: #7c7867;}

.t7
{
	font-family: georgia; 
	font-size: 14px; 
	color: #7c7867;
}

.t7 a {color: #7c7867;}
.t7 a:visited {color: #7c7867;}
.t7 a:link {color: #7c7867;}
.t7 a:active {color: #7c7867;}
.t7 a:hover {color: #005596;}

.t8
{
	color: #4590cb; 
	font-family: georgia; 
	font-size: 14px; 
	text-align: right; 
}

.t9
{
	font-size: 30px; 
	color: #332d1c; 
	font-family: Georgia; 
	line-height: 40px;
}

.t10
{
	font-size: 16px; 
	color: #332d1c; 
	font-family: Georgia; 
	line-height: 25px;
}

.t11
{
	color: #18508f;
	font-size: 16px; 
	font-family: Georgia; 
	line-height: 25px;
	font-weight: normal;
}

.t12
{
	font-size: 24px; 
	color: #000000; 
	font-family: Georgia; 
	line-height: 34px;
}

.t13
{
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #86a2c2;
	line-height: 28px;
}

.t14
{
	color: #005596;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

.t15
{
	color: #005596;
	font-family: arial;
	font-size: 14px;
	text-decoration: none;
}

.t15 a {color: #005596;}
.t15 a:visited {color: #005596;}
.t15 a:link {color: #005596;}
.t15 a:active {color: #005596;}
.t15 a:hover {color: #514c3b;}

.t16
{
	color: #000000; 
	font-family: georgia; 
	font-size: 36px; 
	line-height: 45px; 
}

.t17 {color: #761614;}

.t18
{
	color: #18508f;
	font-size: 14px; 
	font-family: Georgia; 
	line-height: 21px;
	font-weight: normal;
}

.t19
{
	color: #514c3b;
	font-family: arial;
	font-size: 13.25px;
	text-decoration: none;
}

.t19 a {color: #005596;}
.t19 a:visited {color: #005596;}
.t19 a:link {color: #005596;}
.t19 a:active {color: #005596;}
.t19 a:hover {color: #86a2c2;}



/*---------------------------------------------*/
/* 			   BACKGROUND STYLES 			   */
/*---------------------------------------------*/

.bg1
{
	background-image: url(https://manna.amazingfacts.org/amazingfacts/website/tencommandmentfacts/images/Ten-Commandments_bkg.jpg); 
	background-repeat: repeat; 
	width: 100%; 
	min-height: 397px;
	border-bottom: solid 3px #c2bda9; 
	display: table;
}

.bg2
{
	background-image: url(https://manna.amazingfacts.org/amazingfacts/website/tencommandmentfacts/images/cloudy-sky-bkg.jpg); 
	width: 100%; 
	height: 605px;
	background-position: top center;
	background-color: #133b68;
	background-repeat: repeat-X;
}



/*---------------------------------------------*/
/* 			   CONTAINER STYLES 			   */
/*---------------------------------------------*/

.dv1
{
	display: inline-block; 
}

.dvm1
{
	display: inline-block; 
	text-align: center;
}

.dv2
{
	background-color: #3578ad; 
	height: 36px; 
	float: left;
}

.dv3
{
	background-color: #236193; 
	height: 36px; 
	width: 30px; 
	float: right; 
}

.dv4
{
	background-color: #ffffff; 
	height: 87px;
	min-height: 87px;
	margin: 0 auto;
	display: table;
	width: 100%;
}

.dv5 
{
	clear: both;
	margin-bottom: 5px;
}

.dv6
{
	height: 50px; 
}

.dv7
{
	width: 100%; 
	max-width: 325px;
}

.dv8 
{
	background-color: #d6d2bf; 
	width: 50px; 
	padding: 12px 0px 12px 0px;
}

.dv9
{
	width: 95%; 
	border-bottom: solid 1px #78756b;
}

.dv10
{
	position: relative;
}

.dv11
{
	position: absolute; 
	background-color: black; 
	opacity:0.8; 
	filter:alpha(opacity=80); 
	width: 100%; 
	display: table;
	padding-bottom: 12px;
}

.dv12
{
	display: none;
}

.dv13
{
	display: block;
}

.dv14
{
	background-color: #3578ad; 
	display: table; 
	width: 100%; 
	margin-bottom: 3px;
}

.dv15
{
	float: left;
	padding-bottom: 12px;
}

.dv16
{
	float: right;
}

.dv17
{
	padding-bottom: 12px;
}

.dv18
{
	z-index: 100;
}

.dv19 {display: table;}

.dv20 {padding-top: 20px;}

.dv21
{
	width: 100%; 
	max-width: 1056px !important; 
	background-color: #f5f4eb;
}

.dv22
{
	border-bottom: solid 10px #e0dccc;
	padding: 30px 25px 30px 25px;
}

.dv23
{
	background-color: #e0dccc; 
	border: solid 10px #c3bfab;
	width: 267px;
	min-width: 267px;
	display: table-cell;
	padding: 0px 20px 26px 20px;
}

.dv24
{
	background-color: #3578ad; 
}

.dv25
{
	border-top: solid 1px #332d1c;
	border-bottom: solid 1px #332d1c;
	font-style: italic;
	padding-top: 12px;
	padding-bottom: 12px;
	max-width: 350px;
	width: 100%;
}

.dv26
{
	border-top: solid 1px #332d1c;
	border-bottom: solid 1px #332d1c;
	font-style: italic;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
}

.dv27
{
	background-color: #0a213a;
	height: 28px;
	text-align: left;
}

.dv28
{
	padding-bottom: 15px;
	padding-top: 34px;
}

.dv29
{
	padding-top: 12px; 
	padding-bottom: 12px;
}


.dv30
{
	padding-top: 18px; 
	border-bottom: solid 1px #000000;
}

.dv31 {padding-top: 18px;}

.dv32 {clear: both;}

.dv33 {padding-bottom: 45px;}

.dv34 {padding-bottom: 25px;}

.dv35
{
	border-bottom: solid 2px #dcdcdc; 
	clear: both; 
	overflow: hidden; 
	text-align: left;
}

.dv36 {display: inline-block;}

.dv37 {padding-top: 15px;}

.dv38 {max-width: 350px;}

.dv39 {padding: 12px; 
	background-color: black;}


/*---------------------------------------------*/
/* 			       IMAGE STYLES 			   */
/*---------------------------------------------*/

.i5
{
	max-width: 30px;
}

.i6
{
	margin: 0px 0px 3px 12px;
	border-left: solid 1px #c2bda9;
	border-right: solid 1px #c2bda9;
	border-bottom: solid 1px #c2bda9;
	width: 100% !important;
	max-width: 300px;
}

.i7
{
	padding: 0px 12px 7px 0px;
	width: 100%;
	max-width: 300px;
}



/*---------------------------------------------*/
/* 				  MEDIA QUERIES 			   */
/*---------------------------------------------*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 220px)
{
	.i1 {display: none;}
	.i2 {display: none;}
	.i3 {display: block;}
	
	.dvm2
	{
		height: 47px;
		background-color: white;
		width: 100%;
	}
	
	.dvm2 img
	{
		max-width: 80%;
		height: auto;
	}
	
	.dvm4
	{
		display: none;
	}
	
	.dvm5
	{
		display: none;
	}
	
	.dvm6
	{
		display: block;
	}
	
	.dvm6 img
	{
		width: 50%;
		height: auto;
	}
	
	.dv7
	{
		width: 112%; 
		max-width: 425px;
		padding-left: 7px;
	}
	
	#pointer
	{
		position: absolute; 
		bottom: -7px; 
		left: 16px; 
		z-index: 101;
	}
	
	.tblm1 
	{
		height: 47px;
		border-bottom: solid 3px #d6d2bf;
	}
	
	.tblm2 {width: 95%;}
	
	.bg1 {display: none;}
	
	#navBtns {display: block;}
	#rCol {display: none;}
	
	.dv20 {padding-top: 0px;}
	#dnn_ctr3363_RequestInfo_imgFile {display: none;}
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 550px)
{
	.i1 {display: block;}
	.i2 {display: none;}
	.i3 {display: none;}
	
	.dvm1 
	{
		display: block;
		text-align: left;
	}
	
	.dvm2
	{
		background-color: #ffffff; 
		width: 100%; 
		height: 47px;
	}
	

	.dvm4
	{
		display: none;
	}
	
	.dvm5
	{
		display: none;
	}
	
	.dvm6
	{
		display: block;
	}
	
	.dvm6 img
	{
		width: 50%;
		height: auto;
	}
	
	.dv7
	{
		width: 100%; 
		max-width: 395px;
		padding-left: 7px;
	}
	
	#pointer
	{
		position: absolute; 
		bottom: -7px; 
		left: 16px; 
		z-index: 201;
	}
	
	.tblm1 {height: 47px;}
	.tblm2 {width: 95%;}
	.tblm4 {display: none;}
	.bg1 {display: block; padding-top: 12px;}
	#navBtns {display: none;}
	#rCol {display: none;}
	.dv20 {padding-top: 0px;}
	#dnn_ctr3363_RequestInfo_imgFile {display: none;}
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px)
{
	.i1 {display: block;}
	.i2 {display: none;}
	.i3 {display: none;}
	
	.dvm2
	{
		width: 100%; 
		min-width: 768px;
		max-width: 1056px;
		margin: 0 auto;
		height: 80px;
		background-color: #eadfd6;
	}
	
	.dvm4
	{
		height: 100%;
		padding-left: 2%;
		float: left;
		display: block
	}
	
	.dvm4 table tr td
	{
		font-family: georgia;
		font-size: 14px;
		color: #514c3b;
	}
	
	.dvm5
	{
		display: block;
		max-width: 50px;
	}
	
	.dvm6
	{
		display: none;
	}
	
	.dv7
	{
		width: 100%; 
		min-width: 395px;
	}
	
	.tblm1 {height: 80px;}
	.tblm2 {width: 95%;}
	.tblm4 {display: block;}
	#navBtns {display: none;}
	#mNav {display: none;}
	#rCol {display: table-cell;}
	.dv20 {padding-top: 20px;}
	#dnn_ctr3363_RequestInfo_imgFile {display: block;}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) 
{
	.i1 {display: block;}
	.i2 {display: none;}
	.i3 {display: none;}
	
	.dvm1
	{
		display: inline-block;
	}
	
	.dvm2
	{
		margin: 0 auto;
		height: 80px;
		background-color: #eadfd6;
	}
	
	.dvm4
	{
		height: 100%;
		padding-left: 3%;
		float: left;
		display: block
	}
	
	.dvm4 table tr td
	{
		font-family: georgia;
		font-size: 18px;
		color: #514c3b;
	}
	
	.dvm5
	{
		display: block;
		max-width: 50px;
	}
	
	.dvm6
	{
		display: none;
	}
	
	.dv7
	{
		width: 100%; 
		min-width: 395px;
	}
	
	.tblm1 {height: 80px;}
	.tblm2 {width: 100%; max-width: 1065px;}
	.tblm4 {display: block;}
	#navBtns {display: none;}
	#mNav {display: none;}
	#rCol {display: table-cell;}
	.dv20 {padding-top: 20px;}
	#dnn_ctr3363_RequestInfo_imgFile {display: block;}
}



/*---------------------------------------------*/
/* 		   MISCELLANEOUS STYLES 			   */
/*---------------------------------------------*/

#dnn_ctr3363_RequestInfo_imgFile {border: solid 1px #e0dccc !important;}

#dnn_ctr3363_RequestInfo_txtMessageText
{
	width: 100%;
	max-width: 700px;
	background-color: #e0dccc;
	border: solid 1px #e0dccc;
}

#dnn_ctr3363_RequestInfo_txtName
{
	width: 100%;
	max-width: 225px;
	background-color: #e0dccc;
	border: solid 1px #e0dccc;
	height: 30px;
}

#dnn_ctr3363_RequestInfo_txtEmail
{
	width: 100%;
	max-width: 225px;
	background-color: #e0dccc;
	border: solid 1px #e0dccc;
	height: 30px;
}

#dnn_ctr3363_RequestInfo_txtCity
{
	width: 100%;
	max-width: 225px;
	background-color: #e0dccc;
	border: solid 1px #e0dccc;
	height: 30px;
}

#dnn_ctr3363_RequestInfo_cboCountry
{
	width: 100%;
	max-width: 225px;
	background-color: #e0dccc;
	border: solid 1px #e0dccc;
	height: 30px;
}

#theplayer {max-width: 100%;
	font-size: 14px;
	line-height: 22px;}
	
.anchor {display: block; position: relative; top: -100px; visibility: hidden;}
.afType {display: none !important;}
a:not([class]) {text-decoration: none !important;} 
a:not([class]):hover {text-decoration: underline !important;}