@charset "UTF-8";

/* ChristianAnswers.Net shared CSS, Copyright, Films for Christ, Eden Communications */

@media screen { 

.roundedcorners { 
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px }
.roundedtop { 
	border-top-left-radius:15px; 
	border-top-right-radius:15px; 
	-moz-border-radius-topleft:15px; 
	-moz-border-radius-topright:15px; 
	-webkit-border-top-left-radius:15px; 
	-webkit-border-top-right-radius:15px }
.roundedbottom { 
	border-bottom-left-radius:15px; 
	border-bottom-right-radius:15px; 
	-moz-border-radius-bottomleft:15px; 
	-moz-border-radius-bottomright:15px; 
	-webkit-border-bottom-left-radius:15px; 
	-webkit-border-bottom-right-radius:15px }

.clearleft { 
	clear:left }
.clear { 
	clear:both }

.oursitebuttons { 
	width:125px; 
	height:50px }

/* toggle hide text or object */
.moretrigger {
	color:#cc0066; 
	text-decoration:underline; 
	cursor: pointer }
.togglecontainer { }
/* end toggle */

div.linespace150 p { 
	line-height:150% }

.center { 
	text-align:center }
.right { 
	text-align:right }
.italic { 
	font-style:italic }
.bold { 
	font-weight:bold }
.underline { 
	text-decoration:underline }
.boldunderline { 
	font-weight:bold; 
	text-decoration:underline }

sup, 
sub { 
	line-height:1px;
	vertical-align:baseline;
	_vertical-align:bottom;
	position: relative }
sup{
	font-size:xx-small; 
	bottom:1ex; 
	 }
sub{
	font-size:xx-small; 
	top:.5ex }


/* for search engine results - highlight keyword in document and certain other pages */
.highlight { 
	background-color:#FFFF99; 
	background-image:none }

div.caption { 
	font-size:9pt; 
	line-height:150%;  
	margin:5px 0 15px 0; 
	color:#666666 }
img.captioned {
	margin-bottom:5px }

img.validcss { 
	width:88px; 
	height:31px; 
	border:none }
img.validxhtml-1trans { 
	width:88px; 
	height:31px; 
	border:none }

/* begin photo drop shadows */
img.shadowedpic { 
	padding:0 5px 7px 0 }

div.shadow3, div.shadow3 div, div.shadow3 div div {
	display:block }
div.shadow3 {
	float:left;
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadow3 div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadow3 div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadow3 div div img {
	display:block }

div.shadowleft, div.shadowleft div, div.shadowleft div div {
	display:block }
div.shadowleft {
	float:left;
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadowleft div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadowleft div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadowleft div div img {
	display:block }

div.shadowright, div.shadowright div, div.shadowright div div {
	display:block }
div.shadowright {
	float:right; 
	margin-left:15px; 
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadowright div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadowright div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadowright div div img {
	display:block }

img.spacer206 { 
	width:206px; 
	height:10px }
/* end photo drop shadows */

ul.bulleta li { 
	list-style-image:url('http://ChristianAnswers.Net/a.gif'); 
	margin-bottom:2% }

ul.orangebullet li { 
	list-style-image:url('http://ChristianAnswers.Net/bullet-lightbrown.gif'); 
	margin-bottom: 2% }

div.breadcrumbs { 
	font-size:70%; 
	margin:0 0 10px 0 }

hr { 
	border:1px solid #cccccc }

img.goldbar { 
	height:9px; 
	width:100%; 
	margin:0; 
	padding:0 }

/* NOTE: Do not use position=absolute, because it takes content out of the document flow, meaning the HTML/BODY elements will not extend to include it and some of the content may be clipped and not print, esp. in Firefox. */
.pagewrapper { 
	position:relative; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper576 { 
	position:relative; 
	width:576px; 
	margin-left:-288px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper594 { 
	position:relative; 
	width:594px; 
	margin-left:-297px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper600 { 
	position:relative; 
	width:600px; 
	margin-left:-300px; 
	left:50%; 
	visibility:visible }
.pagewrapper640 { 
	position:relative; 
	width:640px; 
	margin-left:-320px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper700 { 
	position:relative; 
	width:700px; 
	margin-left:-350px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper716 { 
	position:relative; 
	width:716px; 
	margin-left:-358px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper720 { 
	position:relative; 
	width:720px; 
	margin-left:-360px; 
	left:50%; 
	top:0; 
	visibility:visible }
.pagewrapper750 { 
	position:relative; 
	width:750px; 
	margin-left:-375px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper760 { 
	position:relative; 
	width:760px; 
	margin-left:-380px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper800 { 
	position:relative; 
	width:800px; 
	margin-left:-400px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper850 { 
	position:relative; 
	width:850px; 
	margin-left:-425px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapperhope { 
	position:relative; 
	width:720px; 
	margin-left:-360px; 
	left:50%; 
	top:0; 
	visibility:visible }

body.bkd1 { 
	background-color:#003399; 
	background-image:url('http://ChristianAnswers.Net/bkd-bluelines.gif') }
body { 
	margin:0 }

#button { 
	width:100%; 
	border-right:0px solid #000000; 
	padding:0 0 1em 0; 
	margin-bottom:1em }
#button ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	border:none }
#button li.listcategory	{ 
	color:#ffffff; 
	font-size:100%; 
	font-weight:bold; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	padding:3px 3px 3px 0.5em }
#button li { 
	list-style:none; 
	border-bottom:1px solid #90bade;	
	margin:0 }
#button li a { 
	color:#000000; 
	background-color:#E6EAFF; 
	background-image:none; 
	font-size:11px; 
	font-weight:bold; 
	display:block; 
	padding:3px 3px 3px 0.5em; 
	border-left:10px solid #E6EAFF; 
	border-right:10px solid #E6EAFF; 
	text-decoration:none; width:100% }
#button li a:hover { 
	color:#ffffff; 
	background-color:#6699CC; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	border-left:10px solid #EFC210; 
	border-right:10px solid #FFFFFF }
html>body #button li a { 
	width:auto }

div.idx-bkd1 { 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	background-color:#6699CC; 
	vertical-align:middle; 
	text-align:center; 
	margin-bottom:1px; 
	padding:0 0 3px 0 }
div.nav3 { 
	font-family:Arial, Helvetica, Geneva, Swiss, sans-serif; 
	font-style:normal; 
	color:white; 
	font-size:11px; 
	font-weight:bold; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	background-color:#009999; 
	vertical-align:middle; 
	padding:2px }
/* end index bars */

a img { 
	border:none }

span.cents { 
	text-decoration:underline; 
	vertical-align:super; 
	font-size:50% }
	
.cantopbar { 
	display:block; 
	background-image:url('http://ChristianAnswers.Net/dictionary/bg-gold.gif'); 
	height:12px }

#invisible { 
	visibility:hidden }
.invisible { 
	visibility:hidden }

span.bigcap { 
	font-family:"Times New Roman", Times, serif; 
	font-weight:bold }
span.dropcap { 
	font-size:350%;
    float:left;   
    line-height:0.8em;
    padding:0 2px 0 0; 
    font-family:Serif;    
    font-weight:bold;
    position:relative;
    left:-3px }

.smalltext { 
	font-size:85% }
.smallertext { 
	font-size:70% }

.imgleft { 
	float:left; 
	margin-right:10px }
.imgright { 
	float:right; 
	margin-left:10px }

.languages { 
	font-size:75%; 
	text-align:right; 
	padding-left:2% }

/* below for catalog item inserts only */
div.catauthor { 
	font-style:italic; 
	font-size:small; 
	margin-bottom:10px }
div.catindxdesc { 
	font-size:10pt }
div.catindxpriceline { 
	margin-top:10px; 
	font-size:80% }
.catprice { 
	color:#3366cc; 
	font-size:12pt; 
	font-weight:bold }
span.cents { 
	text-decoration:underline; 
	vertical-align:super; 
	font-size:50% }
input.catcartad { 
	width:108px; 
	height:19px; 
	margin:3px 0 5px 20px }
input.purchasegraphic { 
	width:78px; 
	height:22px; 
	margin:3px 0 5px 20px }
a.indxtitle:link { 
	color:#ff6600; 
	background:none; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:none; 
	margin-right:10px }
a.indxtitle:visited	{ 
	color:#006666; 
	background:none; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:none; 
	margin-right:10px }
a.indxtitle:active { 
	color:#cc0066; 
	background:none; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:none; 
	margin-right:10px }
a.indxtitle:hover { 
	color:#cc0066; 
	background:#ffcc33; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:underline; 
	margin-right:10px }

}

@media print { 

.cantopbar { display:none }
#invisible { visibility:hidden }
.invisible { visibility:hidden }
}
