body {
	/* Use: https://cssgradient.io */
	background: #DEFFDE;
	background: linear-gradient(90deg, rgba(222, 255, 222, 1) 0%, rgba(255, 255, 209, 1) 13%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 209, 1) 72%, rgba(222, 255, 222, 1) 100%);
	font-family: verdana;
}

.gutters {
	padding-left: 20px;
	padding-right: 20px;

	h2 {
		&.green {
			margin-bottom: 10px;
		}
	}
}

a,
.link,
.links {
	color: #008c00;
	/* text-decoration: none; */
}

a:visited,
.link:visited,
.links:visited {
	color: #004d00; /* #AA0000; */
}

a:hover,
.link:hover,
.links:hover {
	color: darkorange;
}


.border {
	border: 1px solid black;
}

.border-bottom-none {
	border-bottom: none;
}

.border-right-none {
	border-right: none;
}

.hidden {
	display: none;
}

.rounded-corners {
	border-radius: 7px;
}

.rounded-corners-top {
	border-radius: 7px 7px 0 0;
}

.rounded-corners-left {
	border-radius: 7px 0 0 7px;
}

.rounded-corners-bottom {
	border-radius: 0 0 7px 7px;
}

.rounded-corner-upper-right {
	border-top-right-radius: 7px;
}

/** See fonts.css for the font-sizes. **/

h6 {
	margin-bottom: 4px;
}

/*
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear {
	clear: both;
}

.full-width {
	width: 100%;
}

.center {
	text-align: center;
}

.center table {
	margin: 0 auto;
}

.no-wrap {
	white-space: nowrap;
}

p {
	margin: 10px 0;
}

.header {
	margin: 0 0 30px 0;
}

.header .logo {
	margin: 0 20px 0 20px;
}

/* .header */ .headline {
	color: green;
	font-family: Calibri;
}

.header .top-table {
	margin: 15px auto 15px auto;
	max-width: 1250px;
}

.header .top-table td {
	vertical-align: top;
}

/* .header .logo {
	float: left;
} */

.header .title {

}

.header .bible-verse {
	font-size: 14px;
	line-height: 22px;
	margin: 5px 0 0 0;
}

.header .global-navigation {
	margin: 10px 0 0 0;
	text-align: left;
}

.header .global-navigation,
.footer .footer-navigation {
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

.header .global-navigation .links,
.footer .footer-navigation .links {
	border-right: 1px solid black;
	font-size: 14px;
	margin: 0 5px;
	padding: 0 10px 0 0;
}

.header .global-navigation .links:last-child,
.footer .footer-navigation .links:last-child {
	border-right: none;
}

.main-contents {
	display: flex;
	min-height: 500px;
	margin: 0 0 0 100px;
}

.main-contents ol,
.main-contents ul,
.main-contents li {
	margin-left: 20px;
}

.main-contents .center-contents {
	/* background-color: lime; */
	flex-grow: 1;
	/* padding: 0 30px; */
}

.main-contents .center-contents .photo {
	background-color: white;
	border: 1px solid silver;
	margin: 5px;
	padding: 5px;
}

.main-contents .rails.right {
	/* background-color: blue; */
	margin-right: 20px;
	min-width: 333px;
}

.footer {
	margin-top: 20px;
}

.footer hr {
	margin: 0 auto;
	width: 95%;
}

.footer .footer-navigation {
	margin: 10px;
}

.footer .copyright,
.footer .colophon {
	text-align: center;
	width: 100%;
}

.footer .copyright {
	color: gray;
	font-size: 10pt;
	margin: 20px 0;
}

.footer .colophon {
	color: gray;
	font-size: 8pt;
	margin: 20px 0;
}

.small {
	font-size: 13px;
}

.image-caption {
	margin-top: 7px;
}

a.version {
	color: silver;
	display: block;
	float: right;
	font-size: 12px;
	margin: -25px 40px 0 0;
	/* text-decoration: none; */
}

/* a.version:hover {
	color: silver;
	cursor: default;
} */