/* FONT AWESOME */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); 
}
.fa-solid {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-file-pdf::before {
  content: "\f1c1"; 
}
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; 
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); 
}

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900; 
}

html, body {
	height:99%;
 	padding:0;
 	margin:0;
}
html {
 	overflow:scroll;
}
body {
 	background:#ede4d2 url('../images/map-bg.jpg') repeat-x fixed center left;
 	font:normal 16px Tahoma, Helvetica, Arial, "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif;
	line-height: 1.5;
 	color:#333;
 	min-width:852px;
}
a { font-size:16px; color:#07a7cb; outline:none; }
a:visited, a:link { text-decoration:none; }
a:hover { color: #ab7339; }

/* utility classes - helpers */
.margin-top-1 {
  margin-top: 1rem;
}
.margin-bottom-1 {
  margin-bottom: 1rem;
}
.float-right {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.brown {color:#a76c2f;}
.red {color:red}
.alert {
  color: red;
  font-size: 16px;
}
.text-right, .right {
  text-align: right;
}
.text-left, .left {
  text-align: left;
}
.text-center, .center {
  text-align: center;
}
.line {
  text-decoration:underline;
  margin-bottom: 0;
}
.clear {
  clear: both;
}

/* SECTIONS */
#outer {
 	height:99.9%;
 	min-height:100%;
 	width:850px;
 	margin-bottom:-62px;
 	margin:auto;
 	text-align:center;
 	position:relative;
 	background-color:#fff;
}
html>body #outer{height:auto;}
#banner {
 	position:absolute;
 	top:0;
 	left:0;
 	width:850px;
 	height:140px;
 	background-color:#fff;
 	overflow:hidden;
 	z-index:100;
}
#leftnav {
 	position:relative;/*ie needs this to show float */
 	width:253px;
 	background-color:#fff;
 	float:left;
 	padding-top:150px;/*needed to make room for header*/
 	text-align:left;
}
#footer {
 	width:850px;
 	height:60px;
 	clear:both;
 	text-align:center;
 	left:0;
 	bottom:0;
 	position:absolute;
 	background-color:#fff;
}
#footer .footer-links {
	background-color:#fff;
	color:#000;
	width:850px;
	text-align:center;
	padding:4px 0 2px 0;
	line-height:150%;
	font-size:11px;
	border-top:1px solid #ab7339;
}
#footer a {
	font-weight:bold;
	font-size: 12px;
	padding:0 6px;
	color:#ab7339;
}
* html #footer {margin-bottom:-1px;} /* ie rounding bug*/
div,p  {margin-top:0} /*clear top margin for mozilla*/
#main {
 	width:585px;
 	background-color:#ffffff;
 	float:right;
 	padding-top:150px; /*make room for header*/
}

/* Left column menu */
#navcontainer ul {
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0;
	width:250px;
	font-size:14px;
}
#navcontainer li {
	margin:0 0 2px 15px;
}
#navcontainer li.img {
	padding:10px 0 0 0;
	margin:0;
}
#navcontainer img {
	display:block;
	border:0px;
}
#navcontainer a {
	display:block;
	color:#704112;
	background-color:#efe7d7;
	width:225px;
	padding:4px 4px 4px 7px;
	text-decoration:none;
	font-weight:bold;
}
#navcontainer a:hover {
	color:#fff;
	background-color:#ab7339;
}

.inner {
 	padding:4px 20px 20px 20px;
 	text-align:left;
}
#clearfooter {
 	clear:both;
 	width:850px;
 	height:62px;
}
html >body #minHeight {
 	float:left;
 	width:0;
 	height:100%;
 	margin-bottom:-62px;
}
img {border:0px;}

/* HEADINGS */
h1 {
	font-weight: bold;
	font-size: 20px;
	color :#205520;
	text-align:left;
}
h1 span {color:#A76C2F;}
h2 {
  font-weight: bold;
  font-size: 20px;
  color: #7c4b1a;
  text-align: left;
  margin-bottom: 2px;
}
h2 span {
  color: #777;
  font-size: 18px;
}
h2.section {
	border-bottom: 1px solid #999;
}
h3 {
	font-weight:bold;
	font-size: 1.125rem;
	color:#A76C2F;
	text-align:left;
	margin-bottom:2px;
}
h3 span {
  color: #999;
  font-size: 1rem;
}
h4 {
  color: #7c4b1a;
  font-size: 20px;
  margin: 0;
  margin-bottom: 16px;
}
h4 span {
  color: #777;
  font-size: 1rem;
}
h5 {
  color: #a76c2f;
  font-size: 1.125rem;
  margin: 0;
  margin-bottom: 0.75rem;
}
h5 span {
  color: #888;
  font-size: 1rem;
}

p {
  text-align:justify;
}
.subhead {
	 font-weight:bold;
	 font-size: 12px;
	 color:#999;
	 text-align:left;
}

#years {
	 font-weight:bold;
	 font-size: 14px;
	 color:#a86d31;
	 text-align:center;
	 border-top:1px dotted #a76c2f;
	 border-bottom:1px dotted #a76c2f;
	 padding:5px 0;
	 margin-bottom:2px;
}
#years a, #years a:link, #years a:visited {
	padding:1px 4px;
	color:#07a7cb;
	text-decoration:none;
}
#years a:hover {
	color:#fff;
	background-color:#07a7cb;
}
#years a.current {
	color:#fff;
	background-color:#a76c2f;
}
.copyright {
 	font-size:12px;
 	padding:2px 5px 5px 5px;
 	color:#999;
 	text-align:center;
}
.bottom-line {
	border-bottom:dotted #a76c2f 1px;
	margin:10px 0;
	padding-bottom:10px;
	list-style-type:decimal;
	font-weight:bold;
	font-size:12px;
	line-height:130%;
	color:#a76c2f;
}

.pdf-links {
	margin: 0 0 20px 0;
	width: 100%;
}
.pdf-links li {
	list-style-image: url('../images/acrobat.gif');
	padding: 3px 0;
}

/* SELECT MENU */
.past-issues-menu select {
	display: inline-block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.past-issues-menu select::-ms-expand {
	display: none;
}
.past-issues-menu select:hover {
	border-color: #888;
}
.past-issues-menu select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 2px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.past-issues-menu select option {
	font-weight: normal;
  line-height: 1.4;
}

/* ------ New Today buttons ----------*/
#menu-outer {
	padding-top: 10px;
	margin: 0 auto;
}
.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	text-align: center;
}
ul.horizontal-list {
	min-width: 350px;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.horizontal-list li {display: inline;}
.horizontal-list li img { padding: 5px; }

/*  BREADCRUMBS  */
#subnavcontainer {
	margin-bottom:0px;
	padding-bottom:2px;
	padding-left:2px;
	overflow:hidden;
	width:620px;
}
#subnavlist {
	list-style-type:none;
	margin:0;
	padding:0;
}
#subnavlist li {
	float:left;
	margin:0 .5em 0 -.5em;
	padding:0 .5em 0 .5em;
	font-weight:normal;
}
#subnavlist a {
	padding:0 16px 0 0;
	_padding:0 16px 0 0;
	margin:0;
	background:url('../images/subnavarrow.gif') right no-repeat;
	text-decoration:none;
}
#subnavlist a:hover { color: #ab7339; }
#subnavlist li:last-child a { background: none; }

/*  CALLOUTS  */
.callout {
  background: #f4f2ee;
  border: 1px solid #dcd1c4;
  border-radius: 4px;
  text-align: left;
  padding: 1rem;
}
.callout.ministry-digest {
  padding: 1rem 2.5rem;
}
.callout .fa-calendar, .callout .fa-exclamation-circle {
  color: #c93;
  padding-right: .25em;
}
.callout .button {
  font-size: 16px;
  padding: 10px 16px;
  margin-bottom: 16px;
}
.callout.ministry-digest .button {
  margin-bottom: 0;
}
.callout.ministry-digest p {
  margin-bottom: 0;
}
img.align-right {
  float: right;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}

/* ICON UNORDERED LIST */
.icon {
  margin-left: 2rem;
  padding: 0;
  list-style-type: none;
}
.icon li::before {
  display: inline-block;
  color: rgba(124, 75, 26, 0.5);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5rem;
  content: "\f105";
}

/* FAQ LIST */
.faq li {
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.faq li span {
  display: block;
  font-weight: normal;
  margin-left: 1.5rem;
}

/* BUTTONS */
.button {
	padding: 8px 12px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: #219119;
	border: 1px solid #1b8314;
  border-radius: 4px;
  display: inline-block;
}
.button:hover {
	background: #1c6017;
  color: #fff;
}
.button.alert {
  background: #ff0000;
  color: #fff;
  border: 1px solid #e70101;
  border-radius: 4px;
  font-size: 16px;
  display: inline-block;
}
.button.alert:hover {
  background: #e70101;
}

/* DATA TABLE */
#data-table {
	width: 100%;
	border: 1px solid #d3bc9a;
	border-collapse: collapse;
}
#data-table th {
	color: #664625;
	background-color: #e8e4d9;
	border: 1px solid #d3bc9a;
	border-collapse: collapse;
	text-align: left;
	padding: 7px;
	white-space: nowrap;
}
#data-table th.row {
	text-align: right;
}
#data-table td {
	padding: 7px;
	border: 1px solid #d3bc9a;
	border-collapse: collapse;
}

/* LS INDEX TABLE */
.ls-index { border: 1px solid #ab7339; width: 100%; margin-bottom: 5px; }
.ls-index td { padding: 5px; width: 25%; }
.ls-index th { padding: 10px 5px; background-color: #e8e4d9; }

/*---- STYLED ORDERED LIST ----*/
.rectangle-list {
  counter-reset: li; /* Initiate a counter */
  list-style: none; /* Remove default numbering */
  font: 16px 'trebuchet MS', 'lucida sans';
  padding: 0;
  margin: 0 0 2.5em 0;
}
ol.rectangle-list[start="34"] {counter-reset: li 33;}
ol.rectangle-list[start="17"] {counter-reset: li 16;}
ol.rectangle-list[start="50"] {counter-reset: li 49;}
.rectangle-list a {
  position: relative;
  display: block;
  padding: .4em 2.5em .4em .8em;
  margin: .5em 0 .5em 2.5em;
  background: #eee url('../images/acrobat.gif') no-repeat 98% 50%;
  color: #555;
  text-decoration: none;
  transition: all .3s ease-out;
}
.rectangle-list a:hover {
	background: #ddd url('../images/acrobat.gif') no-repeat 98% 50%;
	color: #333;
	text-decoration: none;
}
.rectangle-list a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
	color: #fff;
  background: #4b7649;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}
.rectangle-list a:after{
  position: absolute;
  content: '';
  border: .5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -.5em;
  transition: all .3s ease-out;
}
.rectangle-list a:hover:after{
  left: -.5em;
  border-left-color: #4b7649;
}

/* ONLINE READING */
.title-box { overflow: hidden; border: 1px solid #ab7339; background-color: #eae9e5; margin: 10px 0;  }
.msg-title, .ls-title { padding: 10px; font-weight: bold; }
.msg-title { float: left; width: 340px; }
.ls-title { float: right; width: 161px; border-left: 1px solid #ab7339; }
.ls-text { clear: both; white-space: pre-line; }
.ls-text.nowrap { white-space: nowrap; }
.ls-text p { line-height: 150%; }

/* AFFIRMATION and CRITIQUE */
.affcrit-header { background:url('../images/affcrit-header-bg.jpg') repeat-x; overflow: hidden; }
.affcrit-header img { float: left; }
.affcrit-links { overflow: hidden; }
.affcrit-links ul { float: right; list-style-type: none; margin: 32px 0 0 0; padding: 0; }
.affcrit-links ul li { display: inline; }
.affcrit-links ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #555;
	background-color: #d3d3d3;
}
.affcrit-links ul li a:hover {
	color: #fff;
	background-color: #999;
}
.affcrit-links ul li.active a {
	color: #fff;
	background-color: #999;
}
.affcrit-text { margin-top: 30px; }
.affcrit-text p, .affcrit-text ol { line-height: 200%; color: #888; }
.affcrit-text h2 { color: #555; }
.affcrit-text h3 { color: #777; }
.affcrit-text .indent { margin-left: 1.75em; }
.fn { color: #999; }
sup, sup a { font-size: .875em; font-weight: bold; }
.upper-roman { list-style-type: upper-roman; }
.upper-roman li { color: #000; }
.upper-roman li span { color: #444; }
.volumes { list-style-type: none; margin: 0 0 1em 0; padding: 0; width: 100%; text-align: center; border-bottom: 1px solid #999; }
.volumes li { display: inline; margin: 0 1em; }
.volumes li a { padding: .2em 1em; }
.volumes li a:hover { background-color: #f1ede4; }
.volume-list { list-style-type: none; margin: 0; padding: 0;}
.volume-list li { margin: 1px; padding: .2em 1em; }
.volume-list li:hover { background-color: #f1ede4; }
hr { margin: 1em 0; }
.no-bullet {
	list-style-type: none;
	margin-left: 0;
 	padding-left: 1.75em;
 	text-indent: -1.75em;
	color: #888;
}
ol.chinese { list-style-type: cjk-ideographic; margin-left: 1em; }
ol.chinese li { font-weight: bold; }
ol.chinese li span { font-weight: normal; position: relative; left: .5em;}
.footnotes p, .footnotes { color: #999; font-size: .875em; }
.bolder { color: #000; }