﻿BODY {
background-color:#2D3237;
color: #000000;
font-family: Candara;
font-size: 75%;
margin-top: 10px;
margin-bottom: 10px;
}

p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}
ol		  {list-style-type: decimal; }
ul		  {list-style-image: url(images/bullet.gif);}

/* this group sets the normal link colors */
A:LINK {
color: #0B0884;
text-decoration: underline;
font-weight: bold;
}
A:VISITED {
color:  #390165;
text-decoration : underline;
font-weight: bold;
}
A:HOVER {
color : #192CE1;
text-decoration: underline;
font-weight: bold;
}
A:ACTIVE {
color : #2d3237;
text-decoration: none;
font-weight: bold;
}

/* this grouping sets the heading colors and sizes */
H1 {
	font-size : 130%;
	font-weight: bold;
	text-decoration: underline;
	color:#2d3237;
	letter-spacing: 2px;
}
H2 {
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	letter-spacing: 2px;
}

H3, H4, H5, H6 {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	letter-spacing: 2px;
}

@font-face {   
   font-family: Fertigo ;   
   src: url( /images/FertigoPro.otf ) format("opentype");   
} 

/* this class sets the properties for the horizontal rule bar */
hr {
	width: 90%;
	height: 1px;
	align: center;
}

.maincell {
	color: #ffffff;
	background-image: url('images/mainimage.jpg'); /* sets the background image */
	background-position: top left; /* positions the background image */
	background-repeat: no-repeat;
	border-top: 1px solid #2d3237;
	border-right: 1px solid #2d3237;
	border-left: 1px solid #2d3237;
	height: 150px;
	padding-right: 15px;
}
.textarea {
	font-family: Candara;
	background: #ffffff;
	font-size: 12pt;
	text-align: justify;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.sidebar {
	font-family: Candara;
	background-color: #40474F;
	font-size: 100%;
	line-height: 20px;
	padding: 5px;
	border-left: 1px solid #2d3237;
	border-right: 1px solid #2d3237;
	width: 200px;
	text-align: center;
	text-decoration: none;
}
.sidebar a:link {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display: block;}
.sidebar a:visited {color: #ffffff; text-decoration: none; font-weight: bold;text-align: center;display:block;}
.sidebar a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;display: block;}

.noprint {
font-family: Candara;
background: #ffffff;
}

/* Replaced by VistaButtons menu system
.topnav {
	background-color: #78858e;
	color: #ffffff;
	font-family: Candara;
	font-size: 100%;
	text-align: center;
	height: 25px;
	border: 1px solid #2d3237;
}
.topnav a:link {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}
.topnav a:visited {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}
.topnav a:hover {color: #ffffff; text-decoration: none; background-color:#40474f; font-weight: bold;text-align: center;}
.topnav a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}
*/

.copyright {
	background-color:#e9e9e9;
	font-size: 7pt;
	letter-spacing: 2px;
	font-family: Candara;
	text-align: center;
	padding: 5px;
	border: 1px solid #2d3237;
}
.copyright a:link {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}
.copyright a:visited {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}
.copyright a:hover {color: #ffffff; text-decoration: none; background-color: #78858e; font-weight: bold;text-align:center;}
.copyright a:active {color: #ffffff; text-decoration: none; font-weight: bold;text-align:center;}

/* these are custom classes set up for the website */
.scripture {
	height: 1%; 
	display: block; 
	clear: both; 
	font-style:normal;
	color: #800000; 
	border: 1px solid #e1e1e1; 
	padding: 1em; 
	background: #f4f4f4;
}

.scriptureold {
	color: #800000;
}

.scripturehead {
	font-weight: bold;
	text-decoration: underline;
}

.smallcaps {
	font-variant: small-caps;
}

.underline {
	text-decoration:underline;
}

.comment {
	color: #2F304A;
	font-family: Candara;
	font-size: 10pt;
	font-weight: bold;
	text-align: justify;
	text-indent:20px;
	text-decoration: none;
}
.comment a:link {color: #808080; text-decoration: underline;}
.comment a:visited {color: #808080; text-decoration: underline;}
.comment a:active {color: #000033; text-decoration: underline;}
.comment a:hover {color : #333333; text-decoration: underline;}
.comment hr {color:#2A3E75; width: 85%; height: 1px; text-align: left;}

.tag {
	color: #808080;
	font-family: Arial;
	font-size: 8pt;
	text-align: justify;
	text-decoration: none;
}
.tag a:link {color: #808080; text-decoration: none;}
.tag a:visited {color: #808080; text-decoration: none;}
.tag a:active {color: #000033; text-decoration: none;}
.tag a:hover {color : #333333; text-decoration: underline;}
.tag hr {color:#CDCFEB; width: 70%; height: 1px; text-align: left;}

.article{
	height: 1%; 
	display: block; 
	clear: both; 
	font-style:italic; 
	color: #555555; 
	border: 1px solid #e1e1e1; 
	padding: 1em; 
	background: #F7F7F7;
}

.code{
	background:#DDDEE8;
	font-family: Calibri;
	font-size: 75%;
	text-align: left;
	text-indent: 0;
}

.highlight {
	color: #000135;
	font-weight: bold;
}
.source {
	font-size: 75%;
	color: #808000;
}

.quote{
	font-style: italic;
	color: #000080;
}

a.internal:link { color: #043809; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #3CBA46; }
a.internal:visited { color: #043809; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #3CBA46; }
a.internal:active { color: #043809; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #3CBA46; }
a.internal:hover { color: #097313; text-decoration: none; font-weight: bold; border-bottom: 1px solid #043809; }

/***********************
 this grouping sets the RefTagger Bible software colors and sizes 
***********************/
.bibleref a, a.lbsBibleRef{
	text-decoration: none;
	color: #800000 !important;
	border-bottom: 1px #800000 dotted;
}
/* Attempting to make the hover for scriptures highlight differently
.bibleref a, a:hover{
	text-decoration: none;
	color: #CC0000 !important;
	border-bottom: 1px #CC0000 dotted;
}
*/
.lbsTooltip{
	background:#DDDEE8;
	border: 1px solid gray;
	z-index: 99;
	text-align: left;
	text-indent: 0;
}

.lbsTooltip div{
	text-align: left;
}

.lbsTooltipHeader{
	background:#B2B2B2;
	color: black;
	font-weight:bold;
	font-size:15px;
	line-height: 18px;
	font-family:Calibri;
	margin: 0;
	padding:4px;
	position:relative;
	border: 0;
}

.lbsTooltipBody{
	padding: 4px 8px 2px 8px;
	margin:0;
	position:relative;
	z-index: 2;
	border: 0;
	line-height:16px;
}

.lbsTooltipBody p, .lbsTooltipBody span{
	display: inline;
	color: black;
	font-family:Calibri;
	text-transform:none;
	font-size: 12px;
	line-height:16px;
}

.lbsTooltipFooter{
	font-size:11px;
	font-family:Calibri;
	bottom:4px;
	margin-top: 4px;
	position:absolute;
	text-align:right;
	border: 0;
}

.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover{
	color: maroon;
	text-decoration: underline;
	font-weight: normal;
	font-size:10px;
	font-family:Calibri;
}

.lbsTooltipFooter div{
	text-align:right;
}

.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref{
	font-size: 85%;
	top: -1px;
	position: relative;
}

.lbsTooltipBody .ch-ref{
	font-weight: normal;
	text-transform:none;
}

.lbsTooltipBody .verse-ref{
	color: maroon;
}

.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p{
	margin: 0;
	padding: 0;
}

.lbsLibronix img{
	float: none !important;
}

/***********************
 This group is for simile timeline http://www.simile-widgets.org/timeline/examples/religions/jewish-history.html 
***********************/
.timeline-default {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; FONT-FAMILY: Trebuchet MS, Helvetica, Arial, sans serif; FONT-SIZE: 8pt; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid
}
.tape-special_event {
	BACKGROUND-COLOR: orange
}
.small-special_event {
	BACKGROUND-COLOR: orange
}
.t-highlight1 { background-color: #ccf; }
.p-highlight1 { background-color: #fcc; }
 
.timeline-highlight-label-start .label_t-highlight1 { color: #f00; }
.timeline-highlight-label-end .label_t-highlight1 { color: #aaf; }
 
.timeline-band-events .important { color: #f00; }
.timeline-band-events .small-important { background: #c00; }
 
.dark-theme { color: #eee; }
.dark-theme .timeline-band-0 .timeline-ether-bg { background-color: #333 }
.dark-theme .timeline-band-1 .timeline-ether-bg { background-color: #111 }
.dark-theme .timeline-band-2 .timeline-ether-bg { background-color: #222 }
.dark-theme .timeline-band-3 .timeline-ether-bg { background-color: #444 }
 
.dark-theme .t-highlight1 { background-color: #003; }
.dark-theme .p-highlight1 { background-color: #300; }
 
.dark-theme .timeline-highlight-label-start .label_t-highlight1 { color: #f00; }
.dark-theme .timeline-highlight-label-end .label_t-highlight1 { color: #115; }
 
.dark-theme .timeline-band-events .important { color: #c00; }
.dark-theme .timeline-band-events .small-important { background: #c00; }
 
.dark-theme .timeline-date-label-em { color: #fff; }
.dark-theme .timeline-ether-lines { border-color: #555; border-style: solid; }
.dark-theme .timeline-ether-highlight { background: #555; }
 
.dark-theme .timeline-event-tape,
.dark-theme .timeline-small-event-tape { background: #f60; }
.dark-theme .timeline-ether-weekends { background: #111; }
