@charset "UTF-8";
/*
The HOPE. Web site coding © Copyright, Films for Christ
Last edit 5.7.2024 pst
→ needs cleanup of outdated code
*/

body,
body#chapters {
	margin:0;
	font-size:18px;
	color:#666;
	background:#000;
}
body#chapters #pagewrapper {
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
	border:none;
}
.bigcap {color:#99ccff;}

a:link {
	font-size:9pt;
	color:#cccccc;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a:visited {
	font-size:9pt;
	color:#cccccc;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a:active {
	font-size:9pt;
	color:#ccffff;
	background:none;
	text-decoration:none;
	font-weight:normal;
}

a.special:link {
	font-size:8pt;
	color:#666666;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.special:visited {
	font-size:8pt;
	color:#666666;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.special:active {
	font-size:8pt;
	color:#666666;
	background:none;
	text-decoration:none;
	font-weight:normal;
}

a.blue:link {
	font-size:9pt;
	color:blue;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.blue:visited {
	font-size:9pt;
	color:blue;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.blue:active {
	font-size:9pt;
	color:blue;
	background:none;
	text-decoration:none;
	font-weight:normal;
}

a.one:link {
	font-size:10pt;
	color:white;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.one:visited {
	font-size:10pt;
	color:white;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
a.one:active {
	font-size:10pt;
	color:#ff9900;
	background:none;
	text-decoration:none;
	font-weight:normal;
}
#introtext {margin-left:20px;}

#introtext,
#introtext a:link,
#introtext a:visited {
	font-size:18px;
	color:#fff;
	line-height:180%;
}
#introtext a {
	text-decoration:none;
	border-bottom:2px solid #a7c6e5;/* TrustBlue */
}
#hopelogo {
	float:right;
	margin-top:22px;
	margin-right:10px;
}
#HopeCopyright {
	color:#939597;/* UltimateGray */
	font-size:12px;
	text-align:right;
	margin-bottom:30px;
}
#copyrightnotice {
	color:#939597;/* UltimateGray */
	padding:20px;
	line-height:170%;
}
#copyrightnotice a:link,
#copyrightnotice a:visited {
	color:#939597;/* UltimateGray */
}
#navbottom {
	border-width:0;
	margin:0;
	clear:both;
	width:100%;
	max-width:720px
}
#wrappermid {
	padding:0 0 20px 10px;
}
#hopefooter,
#hopefooter a:link,
#hopefooter a:visited {
	color:#999;
	font-size:11px;
}
#hopefooter a:hover {color:#eedf9a;}

#furtherinfo {
	font-size:16px;
	background:#000;
	color:#fff;
	padding:0;
	width:100%;
	border-width:0;
}
body#chapters h1 {
	font-size:230%;
	color:#99ccff;
	text-align:left;
	margin:0 0 20px 0;
	line-height:150%;
}
body#chapters h2 {
	font-size:16px;
	color:#99ccff;
	text-align:left;
	margin:40px 0 0 0;
}
body#chapters h2 a {
	font-size:16px;
	color:#99ccff;
	font-weight:inherit;
}
/* 
body#chapters #furtherinfo {
	line-height:170%;
}
*/
body#chapters #furtherinfo p {
	line-height:170%;
}
#chapters #furtherinfo ul {
	list-style:square;
	line-height:170%;
	margin:15px 0 0 0;
	padding:0 0 0 20px;
}
#chapters #furtherinfo ul li {
	margin:0 0 15px 0;
	font-size:14px;
	line-height:180%;
}
#chapters #furtherinfo ul li a:link,
#chapters #furtherinfo ul li a:visited,
#chapters #furtherinfo ul li a:active,
#chapters #furtherinfo ul li a:hover {
	font-size:14px;
}

#chapters p#next {
	text-align:center;
	font-size:20px;
	max-width:100px;
	min-width:60px;
	border:2px solid #939597;/* UltimateGray */
	padding:15px;
	margin:0 auto;
	border-radius:10px;
}
body#chapters #next a {
	font-weight:bold;
	font-size:20px;
}
img {
	border-width:0;
	font-size:1px;
}


/* HOVERS========== */
a:hover {
	font-size:9pt;
	color:#ffffcc;
	background:#000;
	text-decoration:none;
	font-weight:normal;
}
a.special:hover {
	font-size:8pt;
	color:#ffffcc;
	background:#000;
	text-decoration:none;
	font-weight:normal;
}
a.blue:hover {
	font-size:9pt;
	color:blue;
	background:#f8dc00;/* Golden2 */	
	text-decoration:none;
	font-weight:normal;
}
a.one:hover {
	font-size:10pt;
	color:#000;
	background:#ffffcc;
	text-decoration:none;
	font-weight:normal;
}
#introtext a:hover,
#copyrightnotice a:hover,
#furtherinfo a:hover {
	color:#000 !important;
	background:#99ccff;/* TrustBlue */
}
/*==========*/

#infobox1 {
	height:auto;
	min-height:800px;
	overflow:auto;
	float:right;
	margin-bottom:0;
	margin-top:20px;
	margin-right:5px;
	padding-right:10px;
	border-bottom:1px solid #ccc;
	scrollbar-width:auto;/* Firefox */
	scrollbar-color:#4462e4 #99ccff;/* Firefox thumb and track */
}

/* width of the entire infobox scrollbar */
#infobox1::-webkit-scrollbar {width:12px;}

/* color of the tracking area */
#infobox1::-webkit-scrollbar-track {
	background:#99ccff;
}
/* color of the scroll thumb */
#infobox1::-webkit-scrollbar-thumb {
	background-color:#4462e4;
	border:1px solid #f0de52;/* creates padding around scroll thumb */
}

body.selector {
	background-color:#000;
	color:#000;
}
body.selector td {
	font-size:11px;
	color:#fff;
}
body.selector a {
	text-decoration:underline;
	font-size:11px;
}
body.selector a:link {
	color:#fff;
}
body.selector a:visited {
	color:#fff;
}
body.selector a:active {
	color:#fff;
}
body.selector a:hover {
	color:#ffcc00;
	background-color:#cc3399;
}

#hopehomepgmovie {}

div.inputdesc {
	width:50px;
	float:left;
	text-align:right;
	padding-right:10px;
	margin:5px 0;
}

input.inputstyle {
	margin:5px 0;
}

textarea.Textarea-Style {
	margin-top:5px;
}

h2 {
	font-size:16pt;
	color:#000;
}

td {
	font-size:8pt;
	color:#666666;
	background:none;
}

td.black {
	font-size:9pt;
	color:#000;
	background:none;
}

li {
	font-size:8pt;
	color:#CCCCCC;
	background:none;
}

li.black {
	font-size:8pt;
	color:#000;
	background:none;
}

/* @group Link Styles */


/* OLD========== */
/*
object#flashdecor {
	width:354px;
	height:122px;
	float:right;
	margin-top:22px;
	position:relative;
	right:25px;
}

div.flashdecor {
	width:354px;
	height:122px;
	float:right;
	margin-top:22px;
}

#chapters div.pagewrapper720 div.flashdecor div a img {
	float:right;
}

div.videoplayer, iframe#movieframe {
	width:329px;
	padding:0;
	float:left;
	height:311px;
}
 */

/* @end */