@charset "iso-8859-1";
	HTML,BODY {
		/*background: #ffffff url(/images/gradient-top.png) repeat-x top left;*/
		margin : 0 0 0 0;
	}

	BODY,TD,TH,LI,OL,UL,DL,BLOCKQUOTE,SELECT {
		color: #424242;
		font-size: 11pt;
	font-family: Arial, Arial Unicode MS, Helvetica, sans-serif;
	}

	DIV,P {
		font-size: 11pt;
		line-height: 1.2;
	font-family: Arial, Arial Unicode MS, Helvetica, sans-serif;
	}

TD.results{
	color: #424242;
	font-family: Arial, Arial Unicode MS, Helvetica, TITUS Cyberbit Basic, Bitstream Cyberbit, sans-serif;
}

p.results {
	font-family: Arial, Arial Unicode MS, Helvetica, TITUS Cyberbit Basic, Bitstream Cyberbit, sans-serif;
}

	A:LINK, A:ACTIVE {
		color : #ce1010;
		/*background-color: transparent;*/
		text-decoration : none;
	}

	A:VISITED {
		color : #8b0000;
		background-color: transparent;
		text-decoration : none;
	}

	A:HOVER {
		text-decoration : underline;
		color : #dd6900;
	}

	.hidelink  {
		color : #000000 !important;
	}

TD, table.sidebox td {text-align:left}
TH {text-align:center}
TD P {margin-top:0;}

small {font-family:Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:11px;}
small small {font-size:10.4px;}
small small small {font-size:9.4px;}

big {font-family:Arial,Arial Unicode MS, Helvetica,Geneva,sans-serif; font-size:10pt;}
big big {font-size:11pt;}
big big big {font-size:13pt;}

.biggest,.H1,H1 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:13pt; margin: 0;}
.bigger,.H2,H2 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:11pt;}
.big,.H3,H3 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:10pt;}
.body,.H4,H4 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:9pt;}
.small,.H5,H5 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:11px;}
.smaller,.H6,H6 {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:10.4px;}
.smallest {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:9.4px;}
.xxxsmall {font-family : Arial, Arial Unicode MS, Helvetica, sans-serif;font-size:7px;}

H1.biggest,H1.bigger,H2.biggest,H2.bigger {margin-top:0em; 	margin-bottom:0em;}

HR {
	color:#d5caa6;
	background:#d5caa6;
	border-color:#d5caa6;
	border-style:none;
	height:2px;
}
table.sidebox {
	background-color:#FFFFFF;
	border:1px solid #d5caa6;
}

table.sidebox th {
	border: 1px solid #d5caa6;
	background-color: #d5caa6;
	padding: 3px;
	font-size:11px;
	font-weight:normal;
}
			
table.sidebox  td {
	border:1px solid #d5caa6;
	font-size:11px;
	padding:4px;
}
			
table.sidebox td.tint {background-color: #DFDBEE;}

	div.bodytext p, div.bodytext ol, div.bodytext ul, div.bodytext pre, p.bodytext {
		text-align: justify;
		margin-top: 0.5em;
		margin-bottom:0.5em;
	}

	input,textarea {font-family: "Courier New", Courier, monospace; font-size:9pt}

	.button, .button1 {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		cursor:pointer;
		cursor:hand;
}





#promobar {
	width:100%;
	min-height:20px;
	border-bottom:3px solid #fff;
	box-shadow:0 0 10px #aaa;
	background-color:#eb593c;
	color:#fff;
	margin-bottom:0px;
	padding:15px 0;
}
#promotext {
	border:0px solid blue;
	margin:0 auto;
	/*padding-right:20px;*/
	width:100%;
	max-width:760px;
	font-size:1em;
	font-weight:bold;
}
#promotext span {
	display: block;
    width: 520px;
	margin: auto auto;
}
@media only screen and (max-width: 800px) {
    #promotext span {
        line-height: 1.8;
		padding: 0 15px;
		display: block;
    }
}
#promobutton {
	display:inline-block;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	padding:7px;
	border-radius:0px;
	font-size:1em;
	margin-left:10px;
	transition: all ease 0.3s;
}
#promobutton:hover {
	background-color: rgba(0,0,0,0.9);
}
#promotext a:hover {
	text-decoration: none;
}



#topmenu {
	display: flex;
	max-width: 100%;
	width: 800px;
	margin: 0 auto 15px auto;
	background: url(images/bible-header-wide-notext.jpg);
	background-position: center;
	background-size: cover;
	min-height: 117px;
	justify-content: space-between;
}
.toplinks {
	font-family: arial;
	font-size: 9.4px;
	font-weight: bold;
	margin-left: 20px;
    margin-right: 20px;
}
.toplinks a {
	color: white !important;
	background-color: rgba(0,0,0,0.7);
}
#jfsitelinks {
	width: 130px;
	margin-top: 42px;
}
#sitetitle {
	color: white;
	font-size: 1.5em;
	text-align: center;
	text-align: center;
    max-width: 300px;
    padding-top: 30px;
	text-transform: capitalize;
}
#sitetitle a {
	color: white;
}
#sitelogo {
	margin: 0 auto;
}
#sociallinks {
	text-align: right;
	margin-top: 25px;
}

#content {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 50px auto;
	text-align: justify;
}
.heroimg {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 30px 0;
}
.headerimg {
	display: block;
	width: 100%;
	margin: 0;
}

.widecontentpane {
	max-width: 620px;
	width: 100%;
}

@media only screen and (max-width: 700px) {
	.widecontentpane {
		max-width: 90%;
		padding: 10px;
		margin:0 auto;
	}
}

/*.sidebar {
	display: inline-block;
	min-width: 140px;
	margin-left: 20px;
	background-color: #f7f4e7;
	padding: 10px;
	text-align: left;
}*/



#sidebar {
	background-color: #e8e6d5;
	padding: 15px 25px 15px 15px;
	column-count: 5;
	-webkit-columns: 5; /* Chrome, Safari, Opera */
	-moz-columns: 5; /* Firefox */
	column-gap: 20px;
	text-align: left;
}
@media only screen and (max-width: 600px) {
	#sidebar {
		column-count: 4;
		-webkit-columns: 4; /* Chrome, Safari, Opera */
		-moz-columns: 4; /* Firefox */
		padding: 10px 20px 10px 10px;
	}
	.submenuitems {
	width: 111%;
	}
	summary {
		column-span: all;
	}
}
@media only screen and (max-width: 400px) {
	#sidebar {
		column-count: 3;
		-webkit-columns: 3; /* Chrome, Safari, Opera */
		-moz-columns: 3; /* Firefox */
		padding: 10px 20px 10px 10px;
	}
	.submenuitems {
	width: 111%;
	}
}
summary {
	cursor: pointer;
	font-size: larger;
	font-weight: bold;
	text-transform: uppercase;
}
summary::-webkit-details-marker {
	display: none;
}
summary:after {
	background: url(images/hamburger-small.png);
	background-size: 16px;
	float: left; 
	height: 16px;
	width: 16px;
	content: " ";
	margin-right:5px;
	
}
summary:focus {
	outline-style: none;
}
#sidebar a {
	color: black;
}
.menuitemline {
	font-size: smaller;
	display: block;
	margin:15px 0;
	font-weight: strong;
}
.menuitemline::after {
	content: ' ' url('/images/tinyarrow2.gif');
}
.menuitem {
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	background-color: rgba(255,255,255,0.9);
	color: black;
	text-decoration: none;
	width: 100%;
	font-size: smaller;
}
.menuitem:hover {
	background-color: rgba(255,255,255,0.6);
}
.submenuitems {
	/*column-count: 2;
	column-gap: 15px;*/
	display: flex;
	width: 111%;
}
.submenuitems .menuitem {
	margin-right: 5px;
}
.menuitemtitle {
    display: block;
	margin: 5px 0px 1px 0;
	font-size: smaller;
}


.addthis_sharing_toolbox {
	float: right;
}



#bibfinder {
	background-color: #f8f8f8;
	padding: 5px 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bibfindersect {
	margin: 5px 5px;
}
#bibbook {
}
#bibsearch {
}
#bibread {
}
#bibfinder input[type=text] {
	padding: 4px;
}
#bibfinder select {
	padding: 2px;
}
#bibfinder input[type=submit] {
	padding: 5px;
}