/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
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;
}
.fa-file-pdf-o { color: red; }
#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*/
* html #footer {/*only ie gets this style*/
	\height:62px;/* for ie5 */
	he\ight:60px;/* for ie6 */
}
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;}
h1 {
	font-weight: bold;
	font-size: 20px;
	color :#205520;
	text-align:left;
}
h1 span {color:#A76C2F;}
h2 {
	font-weight:bold;
	font-size: 18px;
	color:#555;
	text-align:left;
	margin-bottom:2px;
}
h2.section {
	border-bottom: 1px solid #999;
}
h3 {
	font-weight:bold;
	font-size: 16px;
	color:#A76C2F;
	text-align:left;
	margin-bottom:2px;
}
p {text-align:justify;}
.subhead {
	 font-weight:bold;
	 font-size: 12px;
	 color:#999;
	 text-align:left;
}
.brown {color:#a76c2f;}
.line {text-decoration:underline; margin-bottom: 0;}
.red {color:red}
.right {text-align:right}
.center {text-align:center;}
#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; 
}
.disc {
	list-style-image:url('images/tan-bullet.gif'); 
	font-weight:bold;
	font-size:12px;
	line-height:130%;
}
.disc-bottom-line {
	border-bottom:dotted #a76c2f 1px; 
	margin:10px 0;
	padding-bottom:10px;
	list-style-image:url('images/tan-bullet.gif'); 
	font-weight:bold;
	font-size:12px;
	line-height:130%;
}
.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;
}
	

a { font-size:16px; color:#07a7cb; outline:none; }
a:visited, a:link { text-decoration:none; }
a:hover { color: #ab7339; }

/* ------ 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; }

.clear { clear: both; }

/* -------------------------------------------
------ STYLES FOR BREADCRUMBS LIST ----------*/
#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; }
/* ----- buttons ------ */

.button { padding: 4px 8px; background-color: #efe7d7; color: #704112; font-size: 14px; text-decoration: none; border: 1px solid #ab7339; }
.button:hover { background-color: #ab7339; color: #fff; text-decoration: none; }

/* ----- 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 */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    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;
    *padding: .4em;
    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; }
.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; }