@charset "utf-8";
/* CSS Document */


* {font-size:16px; font-family:sans-serif; color:#000000}
body {background-image:url(images/epistles-bg.jpg); background-repeat:repeat; background-color:#e9e5dc;}
		h1 {
			font-family:serif;
			font-size: 28px;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			color: #800000;
			margin: 48px 0px 24px 0px;
		}
		h2 {
			font-family:serif;
			font-size: 22px;
			font-weight: bold;
			text-decoration: none;
			text-align: left;
			color: #800000;
			margin: 32px 0px 24px 0px;
		}
		h3 {
			font-family:serif;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
			text-align: left;
			color: #800000;
			margin-top: 20px;
		}
		h4 {
			font-family:serif;
			font-weight: bold;
			color: #800000;
			font-size: 16px;
			padding-left:36px;
		}
		p {
			font-size: 16px;
			text-decoration: none;
			text-align: left;
			color: #000000;
			line-height: 1.2em;
		}
		li {
			font-size: 16px;
			text-decoration: none;
			text-align: left;
			color: #000000;
			line-height: 1.2em;
		}
		.translit {
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
		}
		.english {
			font-family: "Times New Roman", Times, serif;
		}
		.scripture-block {
			padding: 8px;
			margin: 24px 8px 8px 8px;
			background-color:#FCF8EF;
		}
		.scripture-block h3 {
			padding-top:0px; margin-top:0px;
		}
		.scripture-block h4 {
			color: #000000;
			padding-left:0px;
			padding-bottom:0px;
			margin-bottom:0px;

		}
		.scripture-block p {
			color: #000000;
			padding-top:0px;
			margin-top:0px;
			padding-bottom:0px;
			margin-bottom:8px;
		}
		.scripture-block sup {
			color: #000000;
			font-family: serif;
		}
		.verse-quotation {font-weight: bold; color: #0033CC;}
		.eng-book { font-style:italic}
		th {text-align:left}
		
.T09 {font-size:12px;}
.T10 {font-size:14px;}

.next {font-size:16px; font-weight:bold; margin:24px 0px;}
.next a {font-size:16px; font-weight:normal; color:#0033CC;}

.TOC a {text-decoration:none; margin:16px 0px;}

}

.list-group-item-right {font-size:16px; float:right; margin-left:16px;}

@media (max-width: 480px) {
.list-group-item-right {font-size:16px; color:#000000; float:right; margin-left:16px; max-width:120px; height:20px; overflow:hidden}
}


@media (min-width: 768px) {
* {font-size:16px; font-family:SimSun, "Times New Roman", Times, serif; color:#000000}
h1 {font-size:32px; font-weight:bold}
h2 {font-size:24px; font-weight:bold}
h3 {font-size:20px; font-weight:bold}
h4 {font-size:16px; font-weight:bold}
p {font-family:SimSun, serif}
li	{font-family:SimSun, serif}
.btn {font-size:14px;}
.list-group-item {font-size:16px}
.scripture-block {padding: 16px 32px; margin: 32px 32px 16px 32px; }
.scripture-block h4 {color: #000000; padding-bottom:0px; margin-bottom:0px; }
.scripture-block p {color: #000000; padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:16px;}
.breadcrumb li {font-family:serif;}
.next {font-size:24px; font-weight:bold; margin:24px 0px;}
.next a {font-size:20px; font-weight:normal; color:#0033CC;}
.TOC a {font-family:"Times New Roman", Times, serif; color:#0033CC;}
}


.section-head {height:100px; padding:36px 0 0 12px; background-color:#800000; color:#ffffff;}
.section-head-title {font-size:24px; text-align:left; margin: 24px 0px 0px 0px;}
@media (min-width: 768px) {
.section-head {height:140px; padding:60px 0 0 24px; background-color:#800000; color:#FFFFFF;}
.section-head-title {font-size:32px;}
}


.container {background:#FFFFFF;}

.hidden-mobile-inline {display:none}
@media (min-width: 768px) {
.hidden-mobile-inline {display:inline}
}

.hidden-mobile-block {display:none}
@media (min-width: 768px) {
.hidden-mobile-block {display:block}
}


.navbar {margin-bottom:0}

 @media (min-width: 768px) and (max-width: 991px) { 
.navbar-header {width:50px; overflow:hidden;}
.navbar-form {width:200px;}
}

.banner {height:180px; padding:65px 25px 20px 25px; background-color:#CCCCCC;}
@media (min-width: 768px) {
.banner {height:220px; padding:85px 45px 40px 45px; background-color:#CCCCCC;}
}

.section-head {height:100px; padding:36px 0 0 12px; background-color:#666666;}
.section-head-title {color:#ffffff; font-size:24px}

@media (min-width: 768px) {
.section-head {height:140px; padding:60px 0 0 24px; background-color:#666666;}
.section-head-title {color:#ffffff; font-size:32px}
}



.last-row {padding-bottom:40px;}
.footer {
  background-color: #dddddd;
  padding:12px 0px;
  font-size:12px;
}
.btn-footer {	
	padding: 5px 5px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
}

@media (min-width: 768px) {
.btn-footer {	
	margin-right: 5px;
	font-size: 10pt;
	font-weight:bold;
}
}