




/* -------------- standard tags for basic/global functionality -------------- */
/* begin */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0;
	border: 0;
	}
ol, ul,  dl,  dd {
	position: relative;
	}

.indentBoth {
	margin-left: 20px;
	margin-right: 20px;
	}
.fileDetails {
	font-size: 10px;
	color: #555;
	}
.hidden {
	display: none;
	}
.warning {
	color: red;
	}

.ERROR {
	color: #FF00FF;
	background: #FFEEFF;
	}



.clearLeft {
	clear: left;
	}
.clearRight {
	clear: right;
	}
.clearBoth {
	clear: both;
	}


.left {
	float: left;
	}

.right {
	float: right;
	}
















/* -------------- basic parts -------------- */
/* begin */


body {
	font-family: Helvetica,Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #333;
	background: #b9b19f; /* sand tan */
	}


h1 {
	padding: 0 0 10px;
	font-size: 22px;
	font-weight: normal;
	color: #0069aa;    /* blue */
	}
	h1 i {
		display: block;
		font-style: normal;
		font-size: 14px;
		}
h2 {
	clear:none;
	padding: 8px 0 4px;
	font-size: 18px;
	color: #0069aa;    /* blue */
	}
	h2.spanish {
		border-bottom:1px solid #f8951a;
		clear:both;
		color:#f8951a;
		padding-top:30px;
		}
h3 {
	padding: 4px 0 2px;
	font-size: 15px;
	color: #0069aa;    /* blue */
	}
h4 {
	padding-top: 0;
	}
h5 {
	padding-top: 0;
	}
h6 {
	padding-top: 0;
	}
p {
	line-height: 1.5em;
	}
p,
.pod ol,
.pod ul {
	padding: 0 0 1em;
	}
#content li {
	margin-left: 26px;
	padding-bottom: .6em;
	}

dl {
	margin-bottom: 10px;
	}
dt {
	font-weight: bold;
	}
dd {
	margin: 0 0 0 26px;
	padding: 0 0 1em;
	}
blockquote {
	margin: 0 26px 0; 
	}
form {
	display: inline;
	}




a {
	text-decoration: none;
	color: #005894;    /* med blue */
	outline: none;
	outline: 0;
	}
	a:hover {
		color: black;
		text-decoration: underline;
		outline: none;
		outline: 0;
		}

a.rev {    /* email scramble */
	unicode-bidi: bidi-override;
	direction: rtl;
	}




.page {
	position: relative;
	width: 915px;
	margin: 0 auto;
	text-align: left;
	}

.contact .main {    /* mod for contact page to allow main to align top of side */
	padding-top: 25px;
	}

.main {
	position: relative;
	float: left;
	width: 850px;
	}
	
	#left {    /*moves mission statement to far left, creates two column layout*/
		float:left;
		margin-left: -90%;
		width: 76%;
		padding: 10px 10px 10px 10px;
		}
		#ie6 #left {    /*moves mission statement to far left, creates two column layout*/
			position: relative;
			margin-left:-48%;
			}
	
	#right {    /*moves guiding principles to the right, creates two column layout*/
		float:left;
		width: 80%;
		padding: 10px 10px 10px 0;
		border-left: 0px solid #efefef;	
		}
	



	
.side {
	
	margin-right: 35px;
	padding-top: 20px;
	}
	.side .BOXED {
		float: none;
		margin-top: 40px;
		}


	.BOXED,
	.BOX-END {
		float: right;
		padding: 12px 0;
		width: 300px;
		font-size: 13px;
		color: #0069aa;    /* blue */
		background: url(/includes/files/base/images/BOXED-Bg.gif) 50% -40px no-repeat;
		}
		.BOX-CONTENTS{
			padding: 0 10px;
			width: 274px;    /* 294px */
			background: #e6f0fc;    /* pale blue */
			border: 3px solid #ce9d50;    /* dusty orange */
			border-width: 0 3px;
			}
		.BOX-END {
			float: none;
			padding: 0 0 12px;
			height: 8px;
			background-position: 50% -21px;
			}
			#ie6 .BOX-END {
				padding-bottom: 3px;
				}










/* -------------- content -------------- */
/* begin */



#content {
	z-index: 5;
	position: relative;
	clear: both;
	margin-top: 190px;
	padding-bottom: 40px;
	background: url(/includes/files/base/images/contentBackDk.gif) 0 0 repeat-x #006A69;
	}

	#content .page {
		position: relative;
		clear: both;
		padding: 0 7px 15px 7px;
		width: 763px;
		background: url(/includes/files/base/images/contentPageBottom.gif) 0 bottom no-repeat white;
		}
		#ie6 #content .page {
			padding: 0 0 15px 7px;
			width: 770px;
			}

	#content #main {
		background: url(/includes/files/base/images/mainPageTop.gif) 0 0 no-repeat;
		padding-top: 14px;
		padding-bottom: 14px;
		}

	#content .main {
		position: relative;
		clear: both;
		width: 722px;
		background: url(/includes/files/base/images/mainPageBottom.gif) 0 bottom no-repeat #b8e6fb;
		padding: 0 20px 0 20px;
		}

	#content .mainBottom {     /* blue bottom */
		clear: both;
		height: 14px;
		background: url(/includes/files/base/images/mainPageBottom.gif) 0 0 no-repeat;
		}
/* end */







/* -------------- HOME PAGE BOXES -------------- */
/* begin */

#tileWrapper {
	position: relative;
	float: left;
	margin-left: -50px;
	margin-right: -50px;
	margin-bottom: 15px;
	}
	#ie6 #tileWrapper {
		margin-left: -30px;
		margin-right: -60px;
		padding-bottom: 15px;
		float: left;
		position: relative;
		}
	#tileWrapper li {
		margin-left: 0;
		list-style-type: none;
		}
		#ie6 #tileWrapper li {
		float: left;
		position: relative;
		height: 1%;
		}


.kids_bottom,
.parents_bottom,
.products_bottom {
	height: 314px;
	}




/* -------------- kids -------------- */
/* begin */

li#kids_wrap {
	width:214px !important;
	position: relative;
	float: left;
	left: 0;
	top: 0;
	margin-left: 0;
	list-style-type: none;
	}

span.kids_top,
span.kids_bottom {
	background:transparent url(/includes/files/base/images/kidsHomeBackHot.png) 0 0 no-repeat; 
	}
span.kids_top {
	display: block;
	width:214px;
	height: 12px;
	background-position: 0 0;
	}
span.kids_bottom {
	display: block;
	width: 184px;
	padding: 0 15px 25px 15px;
	background-position: bottom left;
	}
	#ie6 span.kids_bottom {
		padding: 0 12px 25px 12px;
		}


li#kids_wrap a:hover span.kids_top {
	background-position: -214px 0;
	}

li#kids_wrap a:hover span.kids_bottom {
	background-position: -214px bottom;
	text-decoration: none;
	text-decoration: none;
	cursor: hand;
	}


span.kids_bottom h1 {
	position: relative;
	top: 0;
	left: -10px;
	float: left;
	width: 210px;
	height: 36px;
	text-indent: -9000px;
	background:transparent url(/includes/files/base/images/kidsHomeH1.png) 0 center no-repeat;
	}
	#ie6 span.kids_bottom h1 {
		width: 156px;
		position: relative;
		top: 0;
		left: 20px;
		}

span.kids_bottom h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-align:center;
	color:#863188;
	padding: 10px 0 10px 0;
	}


/* -------------- parents & teachers -------------- */
/* begin */

li#parents_wrap {
	width:350px;
	float:left;
	position: relative;
	top:0;
	left: 20px;
	list-style-type: none;
	}
	
span.parents_top,
span.parents_bottom {
	background:transparent url(/includes/files/base/images/parentsHomeBackHot.png) 0 0 no-repeat; 
	}

span.parents_top {
	display: block;
	width:350px;
	height: 12px;
	background-position: 0 0;
	}
span.parents_bottom {
	display: block;
	width:340px;
	padding: 0 5px 25px 5px; 
	background-position: bottom left; 
	}
	#ie6 .parents_bottom {
		padding-bottom: 12px;
		}

li#parents_wrap a:hover span.parents_top {
	background-position: -350px 0;
	}

li#parents_wrap a:hover span.parents_bottom {
	background-position: -350px bottom;
	text-decoration: none;
	text-decoration: none;
	cursor: hand;
	}


span.parents_bottom h1 {
	position: relative;
	top: 0;
	left: -10px;
	width: 350px;
	height: 88px;
	text-indent: -9000px;
	background:transparent url(/includes/files/base/images/parentsHomeH1.png) 0 center no-repeat;
	}
	#ie6 span.parents_bottom h1 {
		position: relative;
		top: -10px;
		left: 20px;
		width: 291px;
		}

span.parents_bottom h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-align:center;
	color:#FFF;
	padding: 10px 0 10px 0;
	}
	#ie6 span.parents_bottom h3 {
		padding: 0 0 10px 0;
		}






/* -------------- products -------------- */
/* begin */

li#products_wrap {
	width:212px !important;
	position: relative;
	float: left;
	left: 40px;
	top: 0;
	margin-left: 0;
	list-style-type: none;
	}

span.products_top,
span.products_bottom {
	background:transparent url(/includes/files/base/images/productsHomeBackHot.png) 0 0 no-repeat; 
	}

span.products_top {
	display: block;
	width:212px;
	height: 12px;
	background-position: 0 0;
	}

a.bttn-ready-to-buy,
a.bttn-bible-terms,
a.bttn-salvation-abcs {
	float: right;
	margin-left: 20px;
	padding: 14px 0;
	width: 121px;
	line-height: 14px;    /* 42 */
	color: white;
	text-align: center;
	background: url(/includes/files/base/images/bttn-teal.gif) 0 0 no-repeat;
	}
	a.bttn-bible-terms {
		font-size: 11px;
		}
	a.bttn-bible-terms,
	a.bttn-salvation-abcs  {
		margin-bottom: 10px;
		}
	a.bttn-ready-to-buy:hover,
	a.bttn-bible-terms:hover,
	a.bttn-salvation-abcs:hover {
		color: #0069aa;    /* blue */
		text-decoration: none;
		}

span.products_bottom {
	display: block;
	width: 202px;
	padding: 0 5px 25px 5px;
	background-position: bottom left;
	}
	#ie6 span.products_bottom {
		padding: 0 0 25px 0;
		}


li#products_wrap a:hover span.products_top {
	background-position: -212px 0;
	}

li#products_wrap a:hover span.products_bottom {
	background-position: -212px bottom;
	text-decoration: none;
		text-decoration: none;
		cursor: hand;
	}


span.products_bottom h1 {
	position: relative;
	top: 0;
	left: -5px;
	width: 212px;
	height: 36px;
	text-indent: -9000px;
	background: transparent url(/includes/files/base/images/productsHomeH1.png) 0 center no-repeat;
	}

span.products_bottom h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-align:center;
	color:#448658;
	padding: 10px 0 10px 0;
	}

body.home a:hover {
	text-decoration: none;
	}

/* .buy { /* buy now button 
	float: right;
	margin-right: 35px;
	margin-bottom:4px;
	}
	#ie6 .buy {
		float: none;
		margin:0;
		margin-left: 10px;
		}*/


a.buy-now {
	display: inline-block;
	margin-left: 4px;
	padding: 0 3px;
	font-size: 11px;
	color: white;
	background: #dd5c1f;    /* dark orange */
	border: 1px solid #333;
	}
	a.buy-now:hover {
		text-decoration: none;
		color: black;
		background: #94D5FC;    /* light blue */
		}

a.ebook {
	display: inline-block;
	margin-left: 4px;
	padding: 0 3px;
	font-size: 11px;
	color: white;
	background: #006a69; /* darker teal green */
	border: 1px solid #006969;    /* dark teal */
	}
	a.ebook:hover {
		color: black;
		text-decoration: none;
		background: #964299;    /* purple */
		background: #94D5FC;    /* light blue */
		}

a.audio {
	display: inline-block;
	margin-left: 4px;
	padding: 0 3px;
	font-size: 11px;
	color: white;
	background: #964299;    /* purple */
	border: 1px solid #006969;    /* dark teal */
	}
	a.audio:hover {
		color: black;
		text-decoration: none;
		background: #006a69; /* darker teal green */
		}

a.video {
	display: inline-block;
	margin:5px 4px;
	padding: 0 3px;
	font-size: 11px;
	color: white;
	background: #008BDB;    /* blue */
	border: 1px solid #DDD;    /* gray */
	}
	a.video:hover {
		color: black;
		text-decoration: none;
		background: #BAE6FB; /* daker blue */
		}

a.new {
	display: inline-block;
	padding:12px 5px;
	font-size: 12px;
	color: white;
	background: #73CDDD;    /* RED */
	border: 2px solid white;    /* gray */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#73CDDD), to(#0069AA)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #73CDDD,  #0069AA); /* for firefox 3.6+ */
	}
	a.new:hover {
		background:#0069AA;
		text-decoration: none;
		background: -webkit-gradient(linear, left top, left bottom, from(#0069AA), to(#73CDDD)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #0069AA,  #73CDDD); /* for firefox 3.6+ */
		}

/* -------------- sub page styles -------------- */
/* begin */


#winnerBug {
	position: relative;
	float: right;
	width:157px;
	height: 104px;
	}

#headImage {
	display: block;
	position: relative;
	width: 188px;
	float: left;
	padding-bottom: 5px;
	}
	.kids #headImage {
		height: 150px;
		background:transparent url(/includes/files/base/images/kidsPage.png) 0 0 no-repeat;
		}

	.parents #headImage {
		height: 150px;
		background:transparent url(/includes/files/base/images/parentsPage.png) 0 0 no-repeat;
		}

	.products #headImage {
		height: 220px; /* 212px */
		background:transparent url(/includes/files/base/images/products.gif) 0 0 no-repeat;
		}

	.about #headImage {
		height: 150px;
		background:transparent url(/includes/files/base/images/aboutPage.png) 0 0 no-repeat;
		}


#headText {
	position: relative;
	float: left;
	width: 530px;
	}

#pageID {
	float:left;
	height:143px;
	position:relative;
	width:164px;
	}

#gamesList {
	margin:0;
	padding:0;
	position:relative;
	}

ul#gamesList li {
	float: left;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:30px 0 0 20px;
	padding:0;
	position:relative;
	}
	ul#gamesList li a {
		display: block;
		width: 162px;
		height: 144px;
		background: url(/includes/files/base/images/gameButtons.gif) 0 0 no-repeat; 
		}
		ul#gamesList li a.matchgame {
			background-position: 0 -144px;
			}
			ul#gamesList li a.matchgame:hover {
				background-position: 0 0;
				}
		ul#gamesList li a.puzzle {
			background-position: -162px -144px;
			}
			ul#gamesList li a.puzzle:hover {
				background-position: -162px 0;
				}
		ul#gamesList li a.difference {
			width: 164px;
			background-position: -324px -144px;
			}
			ul#gamesList li a.difference:hover {
				background-position: -324px 0;
				}
		ul#gamesList li a.paint {
			background-position: -488px -144px;
			}
			ul#gamesList li a.paint:hover {
				background-position: -488px 0;
				}

#buttons {
	margin:0;
	padding:0;
	position:relative;
	}
	ul#buttons li {
		float: left;
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:30px 0 0 20px;
		padding:0;
		position:relative;
		}
		ul#buttons li a {
			display: block;
			width: 100px;
			height: 101px;
			background: url(/includes/files/base/images/bibleSalvationButtons.gif) 0 0 no-repeat; 
			}
			ul#buttons li a.bible {
				background-position: 0 0px;
				}
				ul#buttons li a.bible:hover {
					background-position: 0 -101px;
					}
			ul#buttons li a.salvation {
				background-position: -100px 0;
				}
				ul#buttons li a.salvation:hover {
					background-position: -100px -101px;
					}


#resources {
/*	height: auto;
	overflow:auto;*/
	clear: both;
	}

.resources {
	padding-bottom: 20px;
	}
	.resources h3 {
		}
	.resources li {
		margin-left: 6px !important;
		list-style: none;
		}

#resourceImage {
	float: left;
	display: block;
	height: 101px;
	width: 100px;
	background: url(/includes/files/base/images/bibleSalvationButtons.gif) 0 0 no-repeat;
	}

#sideBar {
	width:30%;
	float: right;
	clear: both;
	z-index:40;
	}
	#sideBar h2{
		margin: 10px 0 10px 0;
		}

#introText {
	float: left;
	clear: right;
	padding: 20px;
	}

#pageText {
	width: 722px;
	float: left;
	clear: right;
	padding: 20px;
	}
	.about #pageText {
		clear: both;
		}


.products h1{
	text-indent: -9000px;
	display: block;
	width: 127px;
	height: 28px;
	background: url(/includes/files/base/images/productsH1.gif) 0 0 no-repeat;
	padding: 10px 0 0 0;
	}

.kids h1{
	text-indent: -9000px;
	display: block;
	width: 127px;
	height: 28px;
	background: url(/includes/files/base/images/kidsH1.png) 0 0 no-repeat;
	padding: 10px 0 0 0;
	}

.parents h1{
	text-indent: -9000px;
	display: block;
	width: 350px;
	height: 28px;
	background: url(/includes/files/base/images/parentsH1.png) 0 0 no-repeat;
	padding: 10px 0 0 0;
	}

.about h1{
	text-indent: -9000px;
	display: block;
	width: 90px;
	height: 28px;
	background: url(/includes/files/base/images/aboutH1.png) 0 0 no-repeat;
	padding: 10px 0 0 0;
	}


.colHalf {
	float:left;
	margin-left:3%;
	width:45%;
	}
	#ie6 .colHalf {
		margin-left:2%;
		}

/*#resources h2 {
	text-indent: -9000px;
	display: block;
	width: 350px;
	height: 28px;
	background: url(/includes/files/base/images/resourcesTableOrange.png) 0 0 no-repeat;
	padding: 10px 0 0 0;
	margin: 20px 0 20px 30px;
	}
	#resources .spanish h2 {
		text-indent: -9000px;
		display: block;
		width: 350px;
		height: 28px;
		background: url(/includes/files/base/images/resourcesSpanish.png) 0 0 no-repeat;
		padding: 10px 0 0 0;
		margin: 20px 0 20px 30px;
		} */


#resources #products .product {
	clear:left;
	padding-top:15px;
	}

#resources #products p {
	margin-left:170px;
	padding:0;
	}

.details {
	margin-bottom:4px;
	}


#resources #products img {
	float:left;
	margin:0 10px 4px;
	width:150px;
	}





/* -------------- mouse text -------------- */
/* begin */
/*  anchor links for product categories (in blue box) */

div#mouseText {
	float: right;
	margin: -20px 0 10px 0;
	}
	#ie6 div#mouseText {
		display: inline;
		float: left;
		margin: 0;
		}
	#mouseText ol {
		list-style: none;
		}
		#mouseText li {
			float: left;
			display: inline;
			margin: 0 5px;
			}
			#ie6 #mouseText li {
				margin: 0 3px;
				}
		
		#mouseText a {
			font-size: 11px;
			color: #006eab;
			}
			#mouseText a:hover {
				cursor: pointer;
				text-decoration: none;
				color: #9e5ca5;
				}




/* -------------- product sections -------------- */
/* begin */

#read,
#storybook,
#full,
#special,
#covers,
#seasonal,
#spanish {
	clear: both;
	}


/* product h2 classes for sections of products */
#resources #products .colHalf {
	margin-left: 3%;
	margin-bottom: 20px;
	}
	#ie6 #resources #products .colHalf {
		display: inline;
		margin-left: 3%;
		}

#resources h2.section {
	text-indent: -9000px;
	display: block;
	height: 34px;
	width: 710px;
	background: url(/includes/files/base/images/blank.gif) 0 0 no-repeat;
	margin:  30px 0 0 25px;
	padding: 0;
	border-bottom: 1px solid #C4C4C4;
	clear: both;
	}
	#resources #products h2.section.read {
		background: url(/includes/files/base/images/iCanRead.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.story {
		background: url(/includes/files/base/images/storyBook.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.full {
		background: url(/includes/files/base/images/fullTextBible.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.special {
		background: url(/includes/files/base/images/specialFormat.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.covers {
		background: url(/includes/files/base/images/bibleCovers.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.seasonal {
		background: url(/includes/files/base/images/seasonalProducts.gif) 0 0 no-repeat;
		}
	#resources #products h2.section.spanish {
		background: url(/includes/files/base/images/spanishBilingual.gif) 0 0 no-repeat;
		}





#header {
	z-index: 8;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	background: url(/includes/files/base/images/headerBack.gif) 50% 0 repeat-x;
	}
	#header .page {
		height: 190px;
		width: 915px;
		padding: 0;
		background: url(/includes/files/base/images/headerPageBack.png) 50% bottom no-repeat;
		}

	#logo {
		position: absolute;
		top: 5px;
		left: 0;
		width: 320px;
		height: 150px;
		background: url(/includes/files/base/images/BeginBibleLogo.gif) 0 0 no-repeat;
		}
		
	#subLogo {
		z-index: 50;
		position: absolute;
		float: right;
		top: 100px;
		right: 115px;
		width: 190px;
		height: 44px;
		background: url(/includes/files/base/images/zonderKidzLogo.png) 0 0 no-repeat;
		}




#nConstant {
	z-index: 60;
	position: absolute;
	top: 5px;
	right: 115px;
	}
	#nConstant ol {
		list-style-type: none;
		}
	#nConstant li {
		float: left;
		display: inline;
		}
		#nConstant li a {
			display: block;
			height: 79px;
			width: 79px;
			background: url(/includes/files/base/images/socialMediaIcons.png) top left no-repeat;
			}
			#nConstant li a.facebook {
				background-position: 0 0;
				}
			#nConstant li a.twitter {
				background-position: -79px 0;
				}
				#nConstant li a.facebook:hover {
					background-position: 0 -79px;
					}
				#nConstant li a.twitter:hover {
					background-position: -79px -79px;
					}


#nPrimary {
	z-index: 40;
	position: absolute;
	top: 165px;
	left: 88px;
	height: 25px;
	line-height: 1em;
	}
	#ie6 #nPrimary {
		top: 167px;
		}

	#nPrimary ol {
		margin-bottom: 0;
		}

	#nPrimary,
	#nPrimary a,
	#nPrimary a b {
		}

		#nPrimary ol li {
			position: relative;
			list-style: none;
			float: left;
			margin-right: 2px;
			}

			#nPrimary ol li a {
				display: block;
				color: #333;    
				font-size: 13px;
				background: url(/includes/files/base/images/nPrimaryBack.gif) left -25px no-repeat;
				}
				#nPrimary ol li a b {
					display: block;
					color: #333;    
					font-size: 13px;
					padding: 6px 20px 5px 0px;
					margin-left: 20px;
					font-weight: bold;
					height: 14px;
					background: url(/includes/files/base/images/nPrimaryBack.gif) right -25px no-repeat;    
					}
					#ie6 #nPrimary ol li a b {
						display: inline;
						line-height: 23px;
						}

				#nPrimary ol li b {
					background-position: right -25px;
					}

				#nPrimary ol li a.current {
					background-position: left top;
					}
					#nPrimary ol li a.current b {
						background-position: right top;
						}

			#nPrimary ol li a:hover {
				color: black;
				text-decoration: none;
				background-position: 0 -50px;
				}
				#nPrimary ol li.first a:hover {
					background-position: 0 -50px;
					}
				#nPrimary ol li a:hover b {
					background-position: right -50px;
					}
					#nPrimary ol li.last a:hover b {
						background-position: right -50px;
						}




/* -------------- footer -------------- */
/* begin */

#footer {
	z-index: 8;
	clear: both;
	width: 100%;
	height: 104px;
	color: white;
	position: relative;
	font-size: .9em;
	background: url(/includes/files/base/images/footerBack.png) right bottom repeat-x #006a69; /* darker teal green */
	}
	#footer a {
		color: white
		}
		#footer a:hover {
			color: #b8a6fb;
			}

	#footer b {
		font-weight: normal;
		}

	#footer .page {
		width: 775px;
		height: 104px;
		background: transparent;
		}



	#footer .main {
		float: right;
		width: auto;
		margin-top: -35px;
		}
		.missionLogo {
			position: relative;
			display:block;
			height:40px;
			width:120px;
			left:252px;
			top:-8px;
			margin-bottom:-22px;
			background: url(/includes/files/base/images/missionLogo.png) 0 0 no-repeat;
			}

		#footer .main ol {
			padding-bottom: 1em;
			}
			#footer .main ol li {
				float: left;
				list-style: none;
				margin-right: 10px;
				}


/*	#footer .side {
		font-size: 1.5em;
		color: #0069aa;    /* blue *
		}
		#footer .side b {
			font-size: 1.8em;
			font-weight: normal;
			}*/
/* end */







/* -------------- floaters -------------- */
/* begin */

.blueFish {
	position: absolute;
	bottom: 160px;
	left: -76px;
	display: block;
	width: 73px;
	height: 114px;
	background: url(/includes/files/base/images/blueFish.png) 0 0 no-repeat;
	}

.purpleFish {
	position: absolute;
	bottom: 170px;
	right: -85px;
	display: block;
	width: 75px;
	height: 114px;
	background: url(/includes/files/base/images/purpleFish.png) 0 0 no-repeat;
	}

.seaweed {
	position: absolute;
	bottom: 45px;
	left: -125px;
	display: block;
	width: 80px;
	height: 176px;
	background: url(/includes/files/base/images/seaweed.png) 0 0 no-repeat;
	}

.orangeFish {
	position: absolute;
	bottom: 60px;
	left: 235px;
	display: block;
	width: 141px;
	height: 84px;
	background: url(/includes/files/base/images/orangeFish.png) 0 0 no-repeat;
	}

.octopus {
	position: absolute;
	bottom: 50px;
	right: -95px;
	display: block;
	width: 103px;
	height: 183px;
	background: url(/includes/files/base/images/octopus.png) 0 0 no-repeat;
	}

/* end */











/* -------------- abc page -------------- */
/* begin */

#alphabet {
	margin: 0px 0 0 0;
	width: auto;
	height: auto;
	background: none;
	}
	#alphabet a {
		color: #964299;    /* purple */
		}
		#alphabet a:hover {
			color: orange;
			}

	#alphabet h2 {
		text-align: center;
		margin-bottom: 10px;
		border-bottom: 2px solid  #94D5FC;    /* light blue */
		}

	#alphabet .block {
		clear: both;
		margin: 10px 0 0;
		}
		#alphabet .block h3 {
			float: left;
			clear:both;
			margin: 0; 
			padding: 0;
			width: 50px;
			font-size: 60px;
			line-height: 68px;
			text-align: center;
			color: #94D5FC;    /* light blue */
			font-weight: normal;
			}

	#alphabet .block p {
		margin-left: 60px;
		line-height: 20px;
		}

	#alphabet .block .verse {
		font-size: 18px; 
		padding-bottom: 0;
		color: #006969;    /* dark teal */
		}
		#alphabet .block .verse u {
			font-weight: bold;
			}
		#alphabet .block .verse .source {
			padding-left: 20px;
			font-size: 12px;
			color: #666;
			}


/* end */





 









/* END default site */



/* -------------- standard tags for basic/global functionality -------------- */
/* begin */
#createdBy {
	display: none;
	}


.fileDetails {
	font-size: 10px;
	color: #555;
	}

.hidden {
	display: none;
	}
	
/*---------- =survey for iPad ----------*/
/* KAU 1/08/12 */

.survey {
	padding: 10px;
	}
.ipad {
	text-align: center;
	}
.survey h1 a {
	text-decoration: underline !important;
	color: #f1cb00;;
	}
a.win-ipad {
	font-family: "Comic Sans MS";
	text-align: center;
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	color: white;
	background: #73CDDD;    /* RED */
	border: 2px solid white;    /* gray */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#73CDDD), to(#0069AA)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #73CDDD,  #0069AA); /* for firefox 3.6+ */
	}

/*----------  End ----------*/

