html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6 {
	margin: 0; 
	padding: 0;
	border: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul, dl {
	position: relative;
}

body {
	color: black;
	font-size: 12px;
}


h1 {
	margin: 0;
	padding: 0 0 10px ;
	font-size: 17px;
}
h2 {
	margin: 0;
	padding: 8px 0 0;
	font-size: 15px;
}
h3 {
	margin: 0;
	padding: 8px 0 0;
	font-size: 14px;
}
h4 {
	margin: 0;
	padding: 8px 0 0;
	font-size: 14px;
	color: #7E708E;    /*  dark purple  */
}
h5 {
	margin: 0;
	padding: 6px 0 0;
	font-size: 14px;
	color: #AC208D;    /*  redish purple  */
}
h6 {
	margin: 0;
	padding: 4px 0 0;
	font-size: 14px;
	color: #5d79b8;    /* med blue  */
}
p {
	margin: 0;
	padding: 0 0 10px;
}
ul li {
	list-style-type: square;
}
ol li {
	list-style-type: decimal;
}

dd {
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}

blockquote {
	margin: 0 20px 0; 
}

/* ------- +++ ------- */

a:link, 
a:visited {
	color: #F9CCDF;    /* light pink  */
	text-decoration: none;
}
a:hover, 
a:active {
	color: #E7EFD2;    /* light green  */
	text-decoration: underline;
}

/* ------- +++ ------- */

#pgContents {
	position: relative;
	width: 776px;
	margin: 0 auto 0 auto;
}

/* -------------- DISPLAY: Control Panel/Primary Nav -------------- */
/* begin */
	
	#controlPanelArea {
		position: relative;
		margin: 0;
		width: 202px;
		padding-bottom: 10px;
	}

	#controlPanelTop {
		height: auto;
		padding: 0;
		margin: 0;
		background: none;
		border-bottom: 14px solid #9c87b0;    /*  light purple  */
	}
		#controlPanelTop a:link,
		#controlPanelTop a:visited {
			display: block;
			padding-top: 3px;
			height: 15px;    /* 18 - padding */
			width: 73px;    /* 73 - padding */
			text-align: center;
			color: white;
			font-weight: bold; 
			font-size: 11px;
			background: url(/images/controlPanelTop-linkBG.png) top left no-repeat;
		}
		#controlPanelTop a:hover,
		#controlPanelTop a:active {
			color: black;
			text-decoration: none;
		}
			#ie6 #controlPanelTop a:link,
			#ie6 #controlPanelTop a:visited,
			#ie6 #controlPanelTop a:hover,
			#ie6 #controlPanelTop a:active {
				background-image: url(/images/controlPanelTop-linkBG.gif);
			}

	#nPrimary {
		padding: 5px;
		background: url(/images/nPrimary-BG.png) 50% bottom no-repeat;
	}
		#ie6 #nPrimary {
			background-image: url(/images/nPrimary-BG.gif);
		}
		#nPrimary a:link,
		#nPrimary a:visited {
			display: block;
			height: 28px;
			font-size: 14px;
			line-height: 1.1em;
			margin-bottom: .5em;
			padding-top: 4px;
			padding-left: 30px;
			color: #be2c71;    /*  dark pink  */
			background: url(/images/nPrimary-linkBG.png) left top no-repeat;
		}
		#nPrimary a:hover,
		#nPrimary a:active {
			color: black;
			text-decoration: none;
			background: url(/images/nPrimary-linkBG.png) left -53px no-repeat;
		}
			#ie6 #nPrimary a:link,
			#ie6 #nPrimary a:visited,
			#ie6 #nPrimary a:hover,
			#ie6 #nPrimary a:active {
				background-image: url(/images/nPrimary-linkBG.gif);
			}
		#nPrimary li {
			list-style: none;
		}
	
	#controlPanelContents {
		width: 179px;
		width: 193px;
		margin: 0 0 0 15px;
		padding:  0 10px 10px;
		background: white;
	}
		#controlPanelContents ol {
			display: none;  /* */
		}
	
	#controlPanelBottom {
		width: 0;
		height: 0;
		background: none;
	}

/* end */
#navHome {
	display: none;
	text-align: center;
	padding: 6px 4px;
	right: 15px;
	top: 50px;
	background: pink;
	border: 1px solid #725B79;    /*  purple  */
}



#content  {
	position: relative;
}

#contentMain  {
	position: relative;
}



#contentMain li  {
	margin: 0 0 5px 20px;
}





ol.bookList li {
	list-style: none;
}

#bookLinks {
	margin: 10px 10px 10px 0;
	border: 0px dashed orange;
}
.bookInfo {
	margin: 0px 0px 14px 0;
	text-align: center;     /*  center's book title under thumb  */
	border: 0px dashed orange;
}
.bookSummary {
	clear: left;
	padding-top: 8px;
	border: 0px dashed red;
}
.bookTitleArea {
	font-size:11px;
	line-height: 12px;
	height: 36px;
	border: 0px dashed orange;
}




/* ------- +++ ------- */

#footer {
	clear: both;
	padding: 10px;
	margin: 20px auto 0;
	width: 776px;
	font-size: 10px;
	text-align: center;
	color: white;
	background: #71513A;    /*  brown  */
	border: 0px solid red;
}
	#footer a:link,
	#footer a:visited {
		color: white;
	}
	#footer a:hover,
	#footer a:active {
		color: #DDDDDD;
	}
	#footer ul {
		margin: auto;
		margin-left: -10px;
		border: 0px solid red;
	}
		#footer ul li {
			display: inline;
			margin: 0;
			padding: 0 8px;
			border-right: 1px solid white;
		}
			#footer ul li.last {
				border: 0px solid white;
			}
	
	#footer .logo {
		float: right;
		padding-top: 15px;
		border: 0px solid orange;
	}
	#footer .logoInspirio {
		float: right;
		padding-top: 0px;
		border: 0px solid orange;
	}

/* ------- +++ ------- */

.box {
	padding: 10px 10px 0px;
}

.callout {
	font-size: 1.3em;
	line-height: 1.6em;
}

.breakClear,
.divider {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}



.alignRight {
	float: right;
}
img.alignRight, 
.imageAlignRight {
	float: right;
	margin: 0 0 10px 20px;
	border: 0px solid white;
}
.alignLeft {
	float: left;
}
img.alignLeft,
.imageAlignLeft {
	float: left;
	margin: 0 10px 6px 0;
	border: 0px solid white;
}





.note {
	font-size: 10px;
}

.last {
	border: 0;
}

.closer {
	display: none;
	float:right;
	margin-top: -5px;
	margin-right: -5px;
	padding: 0 4px;
	border: 1px solid gray;
}

.hidden {
	display: none;
}

.ERROR {
	color: #FF00FF;
	background: #FFEEFF;
}

.visualThumb75 {
	margin: 0 auto 0 auto;     /*  centers book title under thumb  */
	height:125px;
	border: 0px dashed blue;
}
.visualThumb div {
	padding-top: 4px;
}



#bookLeftCol {
	float: left;
	width: 230px;
}


.closer {
	z-index: 100;    /* allows .closer to float over top subsequent items */
	position: absolute;
	right: -1px;
	top: 1px;    /*  height of a top border + 1  */
}
	.closer a {
		position: relative;    /*  needed to have top/bottom borders show in IE  */
		padding: 1px 3px;
		border: 1px solid #DDD;
	}
	.closer a:hover,
	.closer a:active {
		color: #900;    /* dark red  */
		background: #BBA877;    /* tan  */
	}





.colHalf {
	position: relative;    /* needed for IE  */
	float: left;
	width: 48%;
	margin-right: 1%;
	border: 0px dashed yellow;
}
.colThird {
	float: left;
	width: 32%;
	margin-right: 1%;
}
.colFourth {
	float: left;
	width: 23%;
	margin-right: 1%;
}


.larger {
	font-size: 1.2em;
	line-height: 1.6em;
}





/* -------------- POD TYPE: Tabbed (5) -------------- */
/* begin */

	.tabbedContentWrapper {
		position: relative;
		border: 2px solid red;
		width: 510px;
		}

	ol.tabs {
		clear: both;
		margin-top: 10px;
		}
			ol.tabs li,
			#contentMain ol.tabs li {
				list-style: none;
				float: left;
				margin: 0 2px 0 0;
				padding: 0;
				}
				ol.tabs li a:link,
				ol.tabs li a:visited {
					display: block;
					padding-top: 3px;
					height: 23px;    /* 26 - padding */
					width: 83px;
					text-align: center;
					color: black;
					text-decoration: none;
/*					background: #e5b53a;    /* gold */ 
/*					border: 1px solid #e5b53a;    /* gold */ 
					}
				ol.tabs li a:hover,
				ol.tabs li a:active {
					color: #666;
/*					background: #002d62;     /* dark blue */
/*					border: 1px solid #002d62;     /* dark blue */
					}
					ol.tabs li .current a:link,
					ol.tabs li .current a:visited {
						color: #002d62;     /* dark blue */
/*						background: white;
						border-bottom: 1px solid white; */
						}
					ol.tabs li .current a:hover,
					ol.tabs li .current a:active {
						color: #002d62;     /* dark blue */
/*						background: #afbdcd;    /* light blue-grey */
/*						border-bottom: 1px solid white; */
						}
	.tabbedContent {
		display: none;     /* <? // hides content in non-current tabs ?> */
		position: relative;
		clear: left;
		margin: 0;
		padding: 16px 9px 9px;
		background: white;
		border: 27px solid black;
		border-width: 27px 1px 1px;
		}
		#ie7plus .tabbedContent,
		#ie6 .tabbedContent {
			margin-top: -10px;
			padding-left: 4px;
			}
		.tabbedContent .podElement {
			position: relative;
			float: left;
			margin: 0;
			padding: 0 4px;
			width: 233px;    /* (510 - .tabbedContent padding) / 2  - padding*/
			border: 0px solid red;
			}
			#ie7plus .tabbedContent .podElement {
				margin-top: -50px;
				}
			#ie6plus .tabbedContent {
				width: 236px;    /* accommodates images of 219 + alignment-padding */
				}


/* end */

#tab-beginIt {
	background: #63a491;    /* teal */
	background: url(/images/tab-beginIt.gif) left top no-repeat;
	}
#tabbedContent_beginIt {
	border-color: #63a491;    /* teal */
	}

#tab-believeIt {
	background: #f1e176;    /* yellow */
	background: url(/images/tab-believeIt.gif) left top no-repeat;
	}
#tabbedContent_believeIt {
	border-color: #f1e176;    /* yellow */
	}

#tab-changeIt {
	background: #fa8f54;    /* orange */
	background: url(/images/tab-changeIt.gif) left top no-repeat;
	}
#tabbedContent_changeIt {
	border-color: #fa8f54;    /* orange */
	}

#tab-createIt {
	background: #917b9e;    /* purple */
	background: url(/images/tab-createIt.gif) left top no-repeat;
	}
#tabbedContent_createIt {
	border-color: #917b9e;    /* purple */
	}

#tab-liveIt {
	background: #d76e9f;    /* pink */
	background: url(/images/tab-liveIt.gif) left top no-repeat;
	}
#tabbedContent_liveIt {
	border-color: #d76e9f;    /* pink */
	}

#tab-playIt {
	background: #a5b635;    /* green */
	background: url(/images/tab-playIt.gif) left top no-repeat;
	}
#tabbedContent_playIt {
	border-color: #a5b635;    /* green */
	}


/* end */







/* -------------- FUNCTION: Real Life Answers -------------- */
/* begin */

.fn-bibles-Real_Life_Answers {
	}

.fn-bibles-Real_Life_Answers p /*,
#bringItOn-detail p*/ {
	padding: 0;
}
.fn-bibles-Real_Life_Answers ol {
	padding: 0 0 5px;
}
/*#bringItOn-detail ol {
	padding: 0 0 20px;
}*/
.fn-bibles-Real_Life_Answers ol li /*,
#bringItOn-detail ol li */ {
	list-style: lower-alpha;
	padding: 0;
	margin: 0 0 0 25px;
	text-decoration:: bold;
}


/* end */


/* -------------- FUNCTION: Behind the Curtain -------------- */
/* begin */

.fn-Behind_the_Curtain {
	}

/* end */


/* -------------- FUNCTION: Between God and Me -------------- */
/* begin */

.fn-Btw_God_and_Me {
	}

/* end */


/* -------------- FUNCTION: Bible Basics (Oh, I Get It) -------------- */
/* begin */

.fn-Bible_Basics {
	}

/* end */


/* -------------- FUNCTION: Character Connection (Character Quiz/Is there a little...)-------------- */
/* begin */

.fn-Character_Connection {
	}
	.fn-Character_Connection p {
		padding: 0;
	}
	.fn-Character_Connection ol {
		padding: 0 0 5px;
	}
		.fn-Character_Connection ol li {
			list-style: lower-alpha;
			padding: 0;
			margin: 0 0 0 25px;
		}

/* end */


/* -------------- FUNCTION: Crafts (see Recipes) -------------- */


/* -------------- FUNCTION: Dear Faithgirlz -------------- */
/* begin */

.fn-Dear_Faithgirlz {
	}
	.fn-Dear_Faithgirlz h4 {
		font-weight: normal;
	}
	.fn-Dear_Faithgirlz .question {
		margin: 0 20px;
		color: black;
	}
		.fn-Dear_Faithgirlz .question h3 {
			color: black;
		}
	.fn-Dear_Faithgirlz .answer {
		margin: 20px 20px 0;
		font-style: italic;
		color: pink;
		color:#B21D60;    /* dark pink  */
	}

/* end */


/* -------------- FUNCTION: Did You Know Bible Trivia -------------- */
/* begin */

.fn-Did_You_Know {
	}

/* end */


/* -------------- FUNCTION: eCards -------------- */
/* begin */

.fn-eCards {
	}

/* end */


/* -------------- FUNCTION: Faithgirlz Fun -------------- */
/* begin */

.fn-FG_Fun {
	}

/* end */


/* -------------- FUNCTION: Fashion Guide -------------- */
/* begin */

.fn-Fashion_Guide {
	}

/* end */


/* -------------- FUNCTION: Featured Product -------------- */
/* begin */

.fn-Featured_Product {
	padding-top: 6px;
	clear: both;
}
	.fn-Featured_Product .hdrImage {
	}
	.fn-Featured_Product .mainImage {
		float: left;
		margin: 0 10px 4px 0;
	}

/* end */


/* -------------- FUNCTION: Friendship Files Journal (Between You and I) -------------- */
/* begin */

.fn-Friendship_Files_Journal {
	}

/* end */


/* -------------- FUNCTION: Get Organized -------------- */
/* begin */

.fn-Get_Organized {
	}

/* end */


/* -------------- FUNCTION: God Talk Prayer Ideas -------------- */
/* begin */

.fn-God_Talk_Prayer_Ideas {
	}

/* end */


/* -------------- FUNCTION: Guess the Verse -------------- */
/* begin */

.fn-Guess_the_Verse {
	}

/* end */


/* -------------- FUNCTION: Image Gallery -------------- */
/* begin */

.fn-Image_Gallery {
	}

	.fn-Image_Gallery #nextPrevious {
		padding: 2px 0px 5px 0px;
	}
		.fn-Image_Gallery #nextPrevious ul li,
		.fn-Image_Gallery #imgDetails #nextPrevious ul li,
		.fn-Image_Gallery #pods #Body #pageimages_in #imgDetails #nextPrevious ul li {
			list-style: none;
			display: inline;
			margin: 0 5px 0 0;
			background: none;
		}
			.fn-Image_Gallery #nextPrevious li a:link, 
			.fn-Image_Gallery #nextPrevious li a:visited{
				padding: 2px 4px;
				margin: 0px;
				font-size: 10px;
				font-weight: bold;
			}
			.fn-Image_Gallery #nextPrevious li a.current {
				color: #fff;
			}
	
	.fn-Image_Gallery #galleryMenuList {
		margin-left: 310px;
		border: 0px solid red;
	}
		.fn-Image_Gallery #galleryMenuList li {
			list-style: none;
			margin-left: 0;
		}
	
	.fn-Image_Gallery .imageBox {
		border: 1px solid black;
	}
	
	.fn-Image_Gallery #galleryImages {
		clear: left;
		padding: 10px 0 0;
		margin-left: 0;
	}
		.fn-Image_Gallery #galleryImageList li {
			list-style: none;
			float: left;
			padding: 0 7px 0px 0;
			margin-left: 0;
		}

/* end */


/* -------------- FUNCTION: Important Things -------------- */
/* begin */

.fn-Important_Things {
	margin-bottom: 20px;
	}
	.fn-Important_Things h2 {
		color: #BFF9B6;    /* light lime  */
	}
	.fn-Important_Things .answer {
		float: right;
		width: 60%;
		margin: 0 0 6px 10px;
		padding: 10px;
		font-size: 13px;
		background: #20A5A1;    /* dirty teal */
	}

/* end */


/* -------------- FUNCTION: Pencil Time -------------- */
/* begin */

.fn-Pencil_Time {
	}

/* end */


/* -------------- FUNCTION: Product Spotlight -------------- */
/* begin */

.fn-Product_Spotlight {
	position: relative;
	clear: both;
	width: auto;
}
	/* begin hack; hide from IE Mac \*/
	/* html .fn-Product_Spotlight { height: 1%; }
	/* end hack */
	.fn-Product_Spotlight ul {
		margin: 10px 0 0;
		}
		.fn-Product_Spotlight ul li,
		#content .fn-Product_Spotlight ul li {
			list-style: none;
			float: left;
			width: 32%;
			padding: 0;
			margin: 0 1% 0 0;
			}
	.fn-Product_Spotlight .productItemImage {
		height:125px;
		margin: 0 auto;
		text-align: center;
	}

/* end */


/* -------------- FUNCTION: Random Trivia -------------- */
/* begin */

.fn-Random_Trivia {
	margin-top: 10px;
	}

/* end */


/* -------------- FUNCTION: Random Verse -------------- */
/* begin */

.fn-Random_Verse {
	/* see above for tab display settings */
	padding: 5px;
	background: #cfd88e;    /* greenish */
	}
	.fn-Random_Verse em {
		color: $63a491;    /* teal */
		}

/* end */


/* -------------- FUNCTION: Real Deeds -------------- */
/* begin */

.fn-Real_Deeds {
	}

/* end */


/* -------------- FUNCTION: Real Scoop Quiz -------------- */
/* begin */

.fn-Real_Scoop_Quiz {
	margin-bottom: 20px;
}
	.fn-Real_Scoop_Quiz h2 {
		color: #BFF9B6;    /* light lime  */
	}
	.fn-Real_Scoop_Quiz h3 a:link,
	.fn-Real_Scoop_Quiz h3 a:visited {
		color: #B21D60;    /* purple */
	}
	
	.fn-Real_Scoop_Quiz .colHalf {
		width: 40%;
		padding-right: 5%;
		margin-right: 5%;
		border-right: 1px solid white;
	}
	.fn-Real_Scoop_Quiz .last {
		width: 40%;
		padding: 0;
		margin-right: 0;
		border: 0px solid black;
	}
	.fn-Real_Scoop_Quiz #QuizAnswer {
		position: relative;
		border: 0px solid black;
	}

/* end */


/* -------------- FUNCTION: Recent Updates -------------- */
/* begin */

.fn-Recent_Updates {
	padding: 10px;
	width: 182px;    /* 202 - padding */
	background: url(/images/nPrimary-BG.png) 50% bottom no-repeat;
	border-top: 2px solid #9c87b0;    /*  light purple  */
	}
	#ie6 .fn-Recent_Updates {
		background-image: url(/images/nPrimary-BG.gif);
		}
	.fn-Recent_Updates img {
		padding-bottom: 4px;
		margin-bottom: 6px;
		border-bottom: 1px solid #9c87b0;    /*  light purple  */
		}
	.fn-Recent_Updates ul {
		}
		.fn-Recent_Updates ul li {
			list-style: none;
			padding-bottom: 4px;
			}

/* end */


/* -------------- FUNCTION: Recipes  & Crafts -------------- */
/* -- same formatting used by two areas -- */
/* begin */

.fn-Recipes,
.fn-Crafts {
	}
	.fn-Recipes ul,
	.fn-Crafts ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
		.fn-Recipes ul li,
		.fn-Crafts ul li {
			list-style:none;
			margin: 0px 0px 5px 0px;
		}
	.fn-Recipes form,
	.fn-Crafts form {
		}
		.fn-Recipes form span.note,
		.fn-Crafts form span.note {
			display: block;
			width: 270px;
			}

	.fn-Recipes .featured .calloutWrapper,
	.fn-Crafts .featured .calloutWrapper {          /* size and location of "callout"  */
		float: right;
		width: 30%;
		margin: 0 0 4px 6px;
		font-size: .85em;
		padding: 8px;
		color: white;
		background: #54A3A7;    /* blue */
	}
	.fn-Recipes .section,
	.fn-Crafts .section {
		float: left;
		padding: 0;
		width: 75px;
		font-weight: bold;
	}
	.fn-Recipes .sectionContents,
	.fn-Crafts .sectionContents {
		margin-left: 85px;
	}
	.fn-Recipes .printLink,
	.fn-Crafts .printLink {
		clear: both;
	}

/*
.recipeSection {
	float: left;
	padding: 0;
	width: 75px;
	font-weight: bold;
}
	#recipes ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
		#recipes li {
			list-style:none;
			margin: 0px 0px 5px 0px;
		}
.sectionContents {
	margin-left: 85px;
}
.printLink {
	clear: both;
}



*/

/* end */


/* -------------- FUNCTION: Songs -------------- */
/* begin */

.fn-Songs {
	}

/* end */


/* -------------- FUNCTION: Tell a Friend -------------- */
/* begin */

.fn-Tell_a_Friend {
	}

/* end */


/* -------------- FUNCTION: What You Say -------------- */
/* begin */

.fn-What_You_Say {
	/* see above for tab display settings */
	font-size: .9em;
	font-size: 11px;
	}
	.fn-What_You_Say .results {
		}
		#surveyWhatYouSay .results h3 {
			}
		.fn-What_You_Say .results h4 {
			padding-bottom: .5em;
			}
		.fn-What_You_Say .results table {
			}
			.fn-What_You_Say .results table td {
				line-height: 1em;
				padding: 1px;
				}
				.fn-What_You_Say .results table td.answer {
					border-top: 1px solid #888;
					padding-top: 2px;
					}
	.fn-What_You_Say h4 {
		color: #70ac24;    /* bright green */
		line-height: 1.1em;
		}

/* end */


/* -------------- FUNCTION: asdf -------------- */
/* begin */

.fn-Time_Out {
	}

/* end */

