body {
	background: #333333;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
}
img, div { behavior: url(/iepngfix.htc) }
   * { behavior: url(/iepngfix.htc) }
h1 {                /*Logo here*/
	overflow: hidden;
	position: absolute;
	z-index: 11;
	height: 81px;
	width: 177px;
	top: 70px;
	right: 4px;
	left: 4px;
	visibility: visible;
}
h2 {
	color: #481ff9;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-variant: small-caps;
	text-align: center;
        line-height: 10px;
}

h2 a {
	color: #481ff9;
	text-decoration: underline;
	}
h2 a:hover{
	color: #a8ceed;
	text-decoration: underline;
}

h2 a:visited{
	color: #481ff9;
	text-decoration: none;
}

h3 {
	color: #481ff9;
}

h4 {
	color: #481ff9;
}

h6 {
	color: #481ff9;
}

a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: #481ff9;
	text-decoration: overline;
}
a:visited {
	color: #000066;
	text-decoration: underline;
}

.fsnavbar1 {
	height:50px;
	color: #ffffff;
	background-color: #333333;
	overflow: hidden;
	visibility: visible;
	z-index: 8;
	font-size: 12px;
	width: 881px;
	top: 0px;
	left: 0;
	position: absolute;
	float: left;
}

.fsnavbar1 a {
	color: #ffffff;
	text-decoration: underline;
}
.fsnavbar1 a:hover {
	color: #ffaaaa;
	text-decoration: none;
}
.fsnavbar1 a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.background {
	font-family: Arial, Helvetica, sans-serif, "Comic Sans MS";
	float: left;
	height: 600px;
	width: 900px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
	top: 71px;
	right: 4px;
	left: 1px;
	background: #333333 url(images/cartwheelbackground.jpg);
}

/*.cloud {
	height:534px;
	width:784px;
	background-image: url(images/cloud.png);
	overflow: hidden;
	position: absolute;
	visibility: visible;
	top: 132px;
	right: 40px;
	z-index: 7;
	left: 14px;
}
*/

.cartwheelgirl {
	height:518px;
	width:345px;
	background-image: url(images/cartwheelgirl.png);
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 6;
	/*top: 307px;
	left: 371px;*/
	top: 155px;
	left: 10px;
	background-repeat: no-repeat;
}
.maintext {
	position: absolute;
	height: 378px;
	/*height: 260px;*/
	width: 605px;
	left: 272px;
	top: 150px;
	color: black;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	padding: 10px;
/* OLD VERSION	overflow: auto;
	position: absolute;
	visibility: visible;
	top: 174px;
	right: 40px;
	z-index: 8;
	left: 69px;
	height: 426px;
	width: 645px;
	padding-right: 10px;*/
}

.theLayer {
	position:absolute;
	background-image: url(/images/FrogSmallWindow.png);
	width:512px;
	Height:262px;
	left:200px;
	top:255px;
	visibility:visible
	z-index: 22;
	}	
.radio {
	font-variant: small-caps;
	overflow: hidden;
	position: absolute;
	z-index: 6;
	height: 300px;
	width: 198px;
	left: 676px;
	top: 50px;
	font-style: italic;
	text-align: right;
	font-size: 12px;
	background-position: top;
	vertical-align: top;
}
.radio a {
	text-decoration: none;
	color:#FF9900
	}
.radio a:hover{
	text-decoration: underline;
	color: #FFFF00;
}
.menu1 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 12;
	width: 100px;
	left: 280px;
	top: 600px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu1 a {
	display: block;
	color: #fcb0fc;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton1.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu1 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #ffffff;
	background-image: url(images/flowerbutton1_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu2 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 13;
	width: 65px;
	left: 380px;
	top: 572px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu2 a {
	display: block;
	color: #FFFF00;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton2.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu2 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFFF;
	background-image: url(images/flowerbutton2_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu3 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 14;
	width: 90px;
	left: 400px;
	top: 628px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu3 a {
	display: block;
	height: 29px;
	text-decoration: underline;
	color: #d7e7ff;
	background-image: url(images/flowerbutton3.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu3 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton3_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu4 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 75px;
	left: 525px;
	top: 595px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu4 a {
	display: block;
	color: #ff1c07;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton4.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu4 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton4_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu5 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 84px;
	left: 480px;
	top: 550px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu5 a {
	display: block;
	color: #fcb0fc;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton1.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu5 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton1_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu6 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 103px;
	left: 600px;
	top: 633px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu6 a {
	display: block;
	height: 29px;
	text-decoration: underline;
	color: #FFFF00;
	background-image: url(images/flowerbutton2.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu6 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #ffffff;
	background-image: url(images/flowerbutton2_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu7 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 75px;
	left: 690px;
	top: 580px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu7 a {
	display: block;
	color: #d7e7ff;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton3.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu7 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton3_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu8 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 92px;
	left: 770px;
	top: 633px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu8 a {
	display: block;
	color: #ff1c07;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton4.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu8 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton4_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu9 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 103px;
	left: 793px;
	top: 524px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu9 a {
	display: block;
	color: #FF6600;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/pushbutton.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu9 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFF00;
	background-image: url(images/pushbutton_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu10 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 103px;
	left: 793px;
	top: 552px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu10 a {
	display: block;
	color: #FF6600;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/pushbutton.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu10 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFF00;
	background-image: url(images/pushbutton_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}
.menu11 {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	width: 103px;
	left: 793px;
	top: 580px;
	text-align: right;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
.menu11 a {
	display: block;
	color: #FF6600;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/pushbutton.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.menu11 a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFF00;
	background-image: url(images/pushbutton_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}




.homebutton {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 12;
	width: 70px;
	left: 25px;
	top: 608px;
	text-align: right;
	font-size: 13px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;
}
.homebutton a {
	display: block;
	color: #ff1c07;
	height: 29px;
	text-decoration: underline;
	background-image: url(images/flowerbutton4.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
	}
.homebutton a:hover{
	display: block;
	text-decoration: none;
	height: 29px;
	color: #FFFFff;
	background-image: url(images/flowerbutton4_omo.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}

.FullyRelyOnGod {
	overflow: hidden;
	position: absolute;
	z-index: 26;
	top: 70px;
	left: 240px;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFCF;
}

.sonbeam {
	font-variant: normal;
	overflow: hidden;
	position: absolute;
	z-index: 12;
height:60px;	
width: 100px;
	left: 685px;
	top: 78px;
	text-align: left;
	font-size: 12px;
	font-weight: 900;
	background-position: center center;
	vertical-align: text-bottom;
	cursor: hand;
	text-transform: uppercase;
	color: #FF6600;

}
	

.copyright {
	overflow: hidden;
	position: absolute;
	z-index: 26;
	top: 670px;
	left: 5px;
	font-size: 9px;
	color: #FFFFCF;
}
.copyright a {
	color: #FFFFCF;
	}

.hometext {
	position: absolute;
	height: 415px;
	/*height: 378px;*/
	width: 605px;
	left: 272px;
	top: 113px;
	color: black;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	padding: 10px;

}
.leftadd {
	position: absolute;
	height: 300px;
	width: 105px;
	left: 10px;
	top: 420px;
	color: #FFFFCC;
	font-size: 11px;
	text-align: right;
	z-index: 7;
}



/*.hometextbackground {
	position: absolute;
	height: 381px;

	width: 480px;
	left: 272px;
	top: 120px;
	z-index: 6;
	
	overflow: none;
	padding: 10px;
	background-color: White;
	/* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
	opacity:0.85;


	
}
*/

/*.hometext old version {
	position: absolute;
	height: 260px;
	width: 459px;
	left: 301px;
	top: 240px;
	color: #ffffcc;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	padding: 5px;
	background-image: url(/images/grey-trans.png);
	background-repeat: repeat;
	
	
}*/



/*.frog {
	overflow: hidden;
	position: absolute;
	height: 111px;
	width: 120px;
	left: 107px;
	top: 519px;
}*/

/* CSS FOR CD Testamonial TICKER---------------------------------------------
.contentslide{
	padding: 8px;
	width: 250px;
	height: 100px;
	position: absolute;
	top: 509px;
	left: 494px;
	background-color: #FF9900;
	color: #000000;
	border-top: 2px solid #00CC00;
	border-right: 2px solid #009900;
	border-bottom: 10px solid #009900;
	border-left: 2px solid #00FF00;
	z-index: 27;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
	width: 250px;
	text-align: right;
	background-color: #33CC00;
	border: 10px solid navy;
	border-width: 0 10px;
	padding: 0 0 4px;
	z-index: 28;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/                  /*take out
width: 400px; /*IE5 width*/                            /* take out
w\idth: 416px; /*IE6 width*/                             /*take out
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
 END CSS FOR CD Testamonial TICKER---------------------------------------------*/

/* CSS for Collapsable text   */
/*
The first two rules control the display
of your footnotes; don't change them
unless you kow what you're doing
*/
.hidden {
  display:none;
}
.shown {
  display:inline;
}

/*
Following are the rules I use to complete the effect
*/
.expand, span.footnote small {
  color: #900;
  font-size:95%;
}
a.expand, a.collapse {
  text-decoration:none;
  font-weight:normal;
  font-size:100%;
  color:#900;
  border-bottom: 1px dashed;
  padding-left:12px;
  background: url(/images/plus.gif) no-repeat 1px;
  cursor:help;
}
a.expand:hover, a.collapse:hover {
  color: #900;
  border-bottom: 1px solid;
}
a.collapse {
  background: url(/images/minus.gif) no-repeat 1px;
}
span.expand a, span.expand a:hover {
  font-weight:normal;
  color: #900;
}

/* End Collapsable Text CSS */

/*
The first two rules control the display
of your footnotes; don't change them
unless you kow what you're doing
*/
.hidden {
  display:none;
}
.shown {
  display:inline;
}
/*
Following are the rules I use to complete the effect
*/
.expand, span.footnote small {
  color: #900;
  font-size:100%;
}
a.expand, a.collapse {
  text-decoration:none;
  font-weight:normal;
  font-size:100%;
  color:#900;
  border-bottom: 1px dashed;
  padding-left:12px;
  background: url(/custom/plus.gif) no-repeat 1px;
  cursor:help;
}
a.expand:hover, a.collapse:hover {
  color: #900;
  border-bottom: 1px solid;
}
a.collapse {
  background: url(/custom/minus.gif) no-repeat 1px;
}
span.expand a, span.expand a:hover {
  font-weight:normal;
  color: #900;
}

/* #########################BIBLE TEXT TOOLTIP CODE##############################*/
.lbsTooltip
{
	background:#ffffff;

	border: 1px solid gray;
	z-index: 99;
	text-align: left;
	text-indent: 0;
}

.lbsTooltip div
{
	text-align: left;
}

.lbsTooltipHeader
{

	background: #FFFF00 url(/images/laughing_frog_25px-wide.png);
	background-repeat: no-repeat;
	background-position: right;

	/*	background:#fff4b8;*/
	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: dimgray;
}

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

.lbsLibronix img
{
	float: none !important;
}
/* ######################### END BIBLE TEXT TOOLTIP CODE##############################*/


/* ######################### Content Slider CODE##############################*/
.contentslide{
	padding: 8px;
	background: #ffffff;
	width: 550px;
	height: 35px;
	z-index: 30;
	border-top: 1px solid #ffff00;
	border-right: 1px solid #ffff00;
	border-bottom: 1px solid #ffff00;
	border-left: 1px solid #ffff00;
}

.contentslide .contentdiv{
	display: none;
	z-index: 31;
}

.pagination{
	width: 566px;
	text-align: left;
	padding: 0 0 6px 0;
	z-index: 32;
	border-top: 0 solid #ffff00;
	border-right: 1px solid #ffff00;
	border-bottom: 0 solid #ffff00;
	border-left: 1px solid #ffff00;
	background: #FFFF00 url(/images/laughing_frog_18px-wide.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
}

* html .pagination{
	width: 416px;
	w\idth: 416px;
	z-index: 33;
}

.pagination a{
	padding: 0 5px;
	text-decoration: none; 
	color: #000000;
	background-color: #4fcf0a;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #0097fe;
}
.slider {
	position: absolute;
	z-index: 29;
	left: 200px;
	top: 0px;
}
/* ######################### END Content Slider CODE##############################*/

