.outline {
    width: auto;
    margin: 2em 0;
}

.outline .rpi{
	font-size: 1em;
	font-weight: bold;
	font-family: "Times New Roman",Georgia,Serif;
	margin-left: 1em;
}

.outline .pi{
	font-size: 1em;
	font-family: "Times New Roman",Georgia,Serif;
	margin-left: 1em;
	font-weight: normal;
}

.book_title{
	text-align:center;
	margin-bottom: 0.5em;
}

.book_title h1{
	font-family: "Times New Roman",Georgia,Serif;
	font-size: 1.5em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.book_title h2{
	font-family: "Times New Roman",Georgia,Serif;
	font-size: 1.25em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.chapter_number {
	text-align:center;
	font-size: 1.125em;
	font-weight: normal;
	font-family: "Century Gothic", "Driod Sans", Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

.chapter_navi {
    width: auto;
	font-size: 1em;
	font-weight: normal;
	font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
    line-height: 2em;
	margin: 0em 0 1em 0;
    text-align: center;
}

.chapter_navi > table td {
        vertical-align: top;
}

.chapter_navi .arrow {
    font-size: 2em;
    color: black;
	font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
	padding: 0px 5px 0 5px;
	text-decoration: none;
}

.chapter_navi .arrow:hover {
	background-color: #a0a0a0;
	color: white;
	text-decoration: none;
}

.chapters_list a {
	font-size: 1em;
	color: black;
	font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
    margin: 5px 0 5px 0;
	text-decoration: none;
}

.chapters_list a.current {
	background-color: #a0a0a0;
	color: white;
}

.chapters_list a:not(.current):hover {
	background-color: #a0a0a0;
	color: white;
}

.info {
    margin-top: 1em;
}

.info .info_item {
    font-size: 1em;
    text-indent: -2em;
    padding-left: 2em;
}

.info .book_subject {
    font-size: 1.25em;
    text-align: center;
    font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
    margin: 1em 0em;
}

.chapter {
    margin: 1.5em 0 2em 0;
}

.chapter .verse {
	text-align: left;
 	font-weight: normal;
 	font-size: 1.25em;
	padding: 0.2em;
	text-indent: 1em;
}

.chapter .selected {
    position: relative;
    padding-top: 1.5em;
    background-color: #ECC87A;
}

.chapter .help-page {
    position: relative;
    padding: 1em;
    background-color: #ECC87A;
}

.chapter .selected > .address {
    position: absolute;
    top: 0;
    left: 0.5em;
    padding: 0.375em;
    font-size: 0.725em;
    font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
    display: none;
}

.chapter .selected > .backwards {
    position: absolute;
    top: 0;
    right: 1.5em;
    padding: 0.375em;
    font-size: 0.725em;
    font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
    display: none;
}

/*Plan Section*/
.chapter .ps {
	text-align: center;
	font-size: 1em;
	font-family: "Century Gothic","Driod Sans", Helvetica, sans-serif;
	margin-bottom: 0.75em;
	margin-top: 0.25em;
}

.chapter .pi {
	margin-bottom: 0.5em;
}

.chapter a.crl, .chapter a.fnl {
	font-family: sans-serif;
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	top: -0.3em;
	text-decoration: none;
    color: brown;
}

.chapter a.fnl {
    color: blue;
}

div.cr, div.fn {
	background-color: #DCCCAA;
	padding: 10px 25px 10px 20px;
	display: none;
	font-size: 1.25em;
    text-align: justify;
    margin-top: 0.3em;
	margin-bottom: 0.3em;
}

@media (max-width: 400px),
    (max-device-width: 400px){
    div.cr, div.fn {
        text-align: left;
    }
}

div.fn a, div.cr a {
    color: navy;
    text-decoration: underline;
}

div.fn p, div.cr p {
	text-indent: 1em;
    margin-top: 0.3em;
	margin-bottom: 0.3em;
}

#about {
    font-family: "Times New Roman", Georgia, Serif;
    text-align: justify;
 	font-weight: normal;
 	font-size: 1.25em;
	padding: 0.2em;
	text-indent: 1em;
}

#about > div {
    text-align: right;
}

#about > p {
    padding: 0;
    margin: 0;
}

#maps_gallery {
    text-align: center;
}

#maps_gallery img {
    margin: 5px;
    border-radius: 5px;
    border: #c2c2c2 solid 1px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 5px rgba(0,0,0,1); /* Параметры тени */
}