/*    
    background => #ffffee
    dark brick  => #440000   
    dark green => #004400  
    med green => #66aa66
    lt green => #ccffcc
    light aqua =>  #6699cc    
    med aqua => #336699     
    Dk Green => #003300    
    Dk Blue => #000044 
*/
    
body { 
    	background:#003355; color:black; 
    	border:0px; text-align:center; 
    	font-family:verdana, Arial, sans-serif;
    	font-size:14px;
    	}
#container { 
    	margin: 0px auto; text-align:center; 
    	color:black; background:#eeeeff;
    	background-image: url(./pics/backgrnd-container2.png);
    	background-repeat:repeat-y;
    	text-align:left; width:980px;
    	}
#containercal { 
    	margin: 0px auto; text-align:center; 
    	color:black; background:#ffffff;
    	text-align:left; width:980px;
    	}
#mainbody {
    	margin:0px; color:black; background:#ffffee; text-align:left;
    	width:780px;
    	padding-bottom:10px;
    	background-image: url(./pics/backgrnd_main2.png);
    	background-repeat:repeat-y;
    	}
#mainbodycal {
    	margin:0px; color:black; background:#ffffff; text-align:left;
    	width:780px;
    	padding-bottom:10px;
    	}
div#leftmenu {
	    float:left; width:152px;  
	    color:black; background:#eeeeff;
    	background-image: url(./pics/backgrnd-left2.png);
    	background-repeat:repeat-y;
	    padding: 20px 0px; border: 0px;
	    margin: 0px;
	    }
div#leftside {
	    float:left; width:152px;  
	    color:black; background:#eeeeff;
    	background-image: url(./pics/backgrnd-left2.png);
    	background-repeat:repeat-y;
	    padding: 20px 0px; 
	    border:0px;
	    margin: 0px;
	    }
#text {
		margin:0 0 0 153px;
		padding: 10px;
		color:black; background:#ffffff;
		border:1px #ffffee solid;
		}      
#text0 {
		margin:0;
		color:black; background:#ffffee;
		border:1px #ffffee solid;
		}      
#banner { 
    	background:#6699cc; color:black; 
    	background-image: url(./pics/backgrnd-banner2.png);
    	background-repeat:repeat-y;
    	margin:0px; padding:0px; border:0px;
    	height:120px; 
    	}

#banner img       { 
    	float:left;
    	width:208px;
    	height:120px;
    	padding:0px; margin:0px;
    	}
#banner #inbanner img       { 
    	float:right;
    	width:208px;
    	height:120px;
    	border:0px; padding:0px; margin:0px;
    	color:black; background:#6699cc;
    	}
    	
#inbanner h1 {
    	font-size: 30px; 
    	font-family:Comic Sans, Comic Sans MS, cursive;;
    	margin:0 0 0 230px;
    	padding:10px 0 0 0;
    	}
#inbanner h3 { 
    	font-size: 18px;
    	font-family:verdana,arial,sans-serif; 
    	font-weight:normal;
    	margin:0 0 0 250px;
    	padding:5px 0 0 0;
    	}

#copy {
    	color:black; background:#6699cc;
    	text-align:left; font-weight: normal; font-size:  10px; 
    	line-height:18px;
    	font-family:Verdana, Arial, sans-serif;  
    	width:780px;
    	padding-left:200px;
    	}
    
div.spacer { 
		height:400px; width:3px; 
		float:right;
		clear:none; margin:0; padding:0;
		
		}    
		
img { border:0px; }

a:link,a:visited,a:focus,a:hover,a:active {color:blue; background:inherit;}
a:hover { color:blue; background:yellow; }
    
/*********************************************************************************/
/**********************************************************  Main Navigation *****/

div#navdiv {
		padding-left:100px;
		background:#336699; color:white;
		}
#nav, #nav ul{
	    margin: 0px;
	    height:20px;
	    padding: 0 0 0 0;
	    text-transform: uppercase;    
	    font-family:ariel,sans-serif; 
	    font-size:12px; color:white; 
	    background:#336699; list-style:none;
	    text-align:center; font-weight:bold;
	    }
	
	/* to stretch the container div to contain floated list */
#nav:after
	    {
	    content: ".";
	    display: block;
	    line-height: 1px;
	    font-size: 1px;
	    clear: left;
	    }
#nav  li { 
	    display:block; float:left; padding:0px 4px; margin:0px; 
	    border-right: 2px solid #000044; 
		color:white; background:#336699;
	    }
#nav li ul {
		position: absolute;
		width: 10em;
		left: -999em;
		}
#nav li ul li {
	    border-bottom: 1px solid #000044;   
	    border-left: 2px solid #000044;
	    border-right:2px solid #000044;  
	    border-top: 1px solid #000044; 
	    width:10em;
	    }
#nav  li a { 
	    padding:.2em .2em; 
	    text-decoration:none; 
	    color:white; background:#336699; 
	    display:block; 
	    width:auto;
	    }

/* using javascript to create sfhover class to simulate hover on the li element for IE */
#nav  li.sfhover, #nav li.sfhover a, ul#nav li ul li.sfhover a {
		color: black; 	background: #ffff66;			
		border-color: black;
	}
#nav  li:hover, #nav li:hover a, ul#nav li ul li:hover a { 
		color: black; background:#ffff66; 
		}
#nav li.active { 
		color:white !important; background: #6699cc; 
		}
#nav li:hover li a, #nav li.sfhover li a {
		color:white; background:#336699;
		}
#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}

/*********************************************************************************/
/**********************************************************************  crumbs  */

#crumbs {
	    padding:3px 10px 3px 212px; margin:0px; color:#000; background:#6699cc; 
	    font-family:ariel,sans-serif;
	    }
#crumbs span {
	    padding: 0 .2em; font-weight:bold;
	    }
#crumbs a:link, #crumbs a:visited, #crumbs a:active {
	    color:black; background: inherit; 
	    }
#crumbs a:hover{
	    color:white; background:#336699;
	    }

/*********************************************************************************/
/*******************************************************************  left menu  */

ul#vnav1 {
	    margin: 0px;
	    padding: 0px 0px 0px;
	    font-family:ariel,sans-serif; 
	    font-size:12px; color:white; 
	    background:#336699; list-style:none;
	    text-align:left; font-weight:bold;
	    }
/* to stretch the container div to contain floated list */
#vnav1:after
	    {
	    content: ".";
	    display: block;
	    line-height: 1px;
	    font-size: 1px;
	    clear: both;
	    }
#vnav1 li { 
	    display:block; padding:4px;  margin:0px; 
	    border-bottom: 1px solid #000;
	    border-top: 1px solid #000;
	    border-left: 2px solid #000;
	    border-right: 2px solid #000;
	    }
#vnav1 li.over  {
	    text-transform: uppercase;    	
		}
#vnav1 li.under {
		padding: 4px 4px 4px 10px; margin:0px; text-transform: uppercase;
		}
#vnav1 li.over a, #vnav1 li.under a{ 
	    padding:.2em .2em; text-decoration:none; 
	    color:white; background:#336699; 
	    display:block; width:95%;
	    }
	
#vnav1  li.active a, #vnav1 li.active {
		background: #6699cc !important; color: #ffffff !important;
		}
div#leftmenu ul#vnav1  li:hover, div#leftmenu  ul#vnav1 li:hover a,
div#leftside ul#vnav1  li:hover, div#leftside  ul#vnav1 li:hover a {
		color: #000000;	background: #ffff66;			
		border-color: black;
		}
	
/* using javascript to create sfhover class to simulate hover on the li element for IE*/
div#leftmenu #vnav1 li.sfhover,  div#leftmenu  ul#vnav1 li.sfhover a,
div#leftside #vnav1 li.sfhover,  div#leftside  ul#vnav1 li.sfhover a 
		{
		color: #000000; 	background: #ffff66;			
		border-color: black;
		}

/*********************************************************************************/
/*******************************************************************  left side  */

#leftside p.h2, #leftside p.h3, #leftside p.h4,#leftside p.h5 {
		text-align:center;
		font-weight:bold;
		margin:0px; padding:0px;
		}
#leftside p.h2 { 
		font-size:18px; 
		padding: 5px 0;
		}
#leftside p.h3 { 
		font-size:16px; 
		border-top:3px solid #336699;
		border-bottom:3px solid #336699;
		padding: 5px 0;
		}
#leftside p.h4 {
		font-size:14px;
		padding:4px 0;
		}
#leftside p.h5 {
		font-size:12px;
		padding-bottom:2px;
		font-weight:normal
		}
#leftside p.h5 + p.h3 { margin-top:15px;}
		
		

/*********************************************************************************/
/*****************************************************************   right side  */

#verse {
    	float:right;
    	width:160px; margin: 20px 15px 10px 0px;
    	text-align:center;
    	font-size: 20px;
    	line-height:24px;
    	font-family:Comic Sans, Comic Sans MS, cursive;
    	color:black; background:#bedaed;
    	}
#right {
    	float:right; margin-top:20px; color:black; background:#eeeeff; 
    	text-align:center; width:330px; 
    	border:2px solid #330033;
    	padding: 10px 5px;
    	margin-right:3px;
    	}
.verseref { font-size:.8em; }
.versebible { font-size: .5em; }

/*********************************************************************************/
/************************************************************************* Body  */

div.announce {
    
    float:right;
    width: 35%;
    
    background-color: coral;
    border: 1px #bbf solid;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    padding: .5em;
    margin: 0 0 1em 1em;
    text-align: center;
    -webkit-box-shadow: 1px 1px 6px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333;
}

/*********************************************************************************/
/************************************************************************ Tables */

p.bodyab {
    	margin:25px 20px 20px 20px;
    	}
p.bodyabb {
    	margin:25px 20px 20px 30px;
    	font-weight:bold;
    	}
div#text ul { margin-top:0px; margin-bottom:0px; }
div#text li { padding: 2px 0 }


#mainbody h3 { text-align:center; }
    
#text #links {
    	line-height:24px; 
    	text-align:left;
    	margin-left:100px;
    	}
#text #links p {
        margin-left:50px;
        }

/*********************************************************************************/
/************************************************************************ LOGOS  */

.lbsTooltip
{
/*	background:#fffade;  */
        background:#ddddff;
	border: 1px solid gray;
	z-index: 99;
	text-align: left;
	text-indent: 0;
}

.lbsTooltip div
{
	text-align: left;
}

.lbsTooltipHeader
{
/*	background:#fff4b8;*/
        background:#6699cc;
	color: black;
	font-weight:bold;
	font-size:15px;
	line-height: 18px;
	font-family:Arial,Helvetica,serif;
	margin: 0;
	padding:4px;
	position:relative;
	border: 0;
}

.lbsTooltipBody 
{
	padding: 4px 8px 0 8px;
	margin:0;
	position:relative;
	z-index: 2;
	border: 0;
	line-height:16px;
}

.lbsTooltipBody p, .lbsTooltipBody span
{
	display: inline;
	color: black;
	font-family:Arial,Helvetica,serif;
	font-size: 14px;
	line-height:16px;
}

.lbsTooltipFooter
{
	font-size:11px;
	font-family:Helvetica,Arial,serif;
	bottom:4px;
	margin-top: 4px;
	position:absolute;
	text-align:right;
	border: 0;
}

.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover 
{
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-size:11px;
	font-family:Helvetica,Arial,serif;
}

.lbsTooltipFooter div
{
	text-align:right;
}


.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref
{
	font-size: 85%;
	top: -1px;
	position: relative;
}

.lbsTooltipBody .ch-ref
{
	font-weight: bold;
}

.lbsTooltipBody .verse-ref
{
	color:#CCC;
}

.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p
{
	margin: 0;
	padding: 0;
}

.lbsLibronix img
{
	float: none !important;
}