/* -------------- PNG transparency -------------- */
/* begin */
/* orig from http://www.twinhelix.com/css/iepngfix/ 
	requires: 
		iepngfix.gif
		iepngfix.htc
		iepngfix.php
*/
img, 
div,
li { 
	behavior: url(/css/iepngfix.php)
}

/* end */



body {
	background: url(../images/bibles/bodyBG-v2.jpg) 50% top  repeat-x #85378C;    /* med purple */
}

#pgBG {
	width: 100%;
	background: url(../images/bibles/pgBGBG-v2.jpg) 50% top  no-repeat;
}

h1,
h2 {
	color:#F7B8DF;    /* light pink  */
}
h3 {
	color:#CC6AA7;    /* pink  */
}
h4 {
	color:#AE70AD;    /* med purple (2) */
}
h5,
h6 {
	color:#CBB5CC;    /* pale purple */
}

a:link,
a:visited {
	color: white;
	color:#B0CA98;    /* light green */
}
a:hover,
a:active {
	color: #91BEBE;    /* light blue */
}


/* ------- +++ ------- */

#pgContents {
}


#pgHdr {
	position: relative;
}

#searchBox {
	position: absolute;
	bottom: 0;
	right: 30px;
	}



#content {
	position: relative;
	margin: 60px 0 0 30px;
	color: white;
	background: #57225C;    /* dark purple */
	background: url(../images/bibles/contentBG-v2.gif) left 90%  no-repeat #57225C;    /* dark purple */
	border: 0px dashed red;
}
	/* begin Holly Hack; hide from IE Mac */
	* html #content { height: 1%; }
	/* end hack */

#contentLeft {
	position: relative;
	float: left;
	width: 230px;
}
	#ie6 #contentLeft {
		width: 224px;
		}



#contentMain {
	position: relative;
	float: right;
	width: 515px
}

#content {
}
	#ie7plus #content,
	#ie6 #content {
		height: 1%;
	}



#controlPanelArea {
	margin-top: -32px;
}

#controlPanel {
	position: absolute;    /*  essential for offset control panel in IE */
}


div#navPrimary {
	z-index: 200;
	}
	ol#navPrimary {
		position: relative;
		z-index: 20;
		margin: -10px -10px 10px -20px;
		padding: 10px 10px 10px 10px;
		font-size: 15px;
		height: 11px;
		background: #AE70AD;    /*  light med purple  */
		}
		ol#navPrimary li {
			list-style: none;
			position: relative;
			float: left;
			margin: 0;
			padding: 0 8px 0 4px;
			border-right: 1px solid #AF399B;    /*  redish purple  */
			border-right: 1px solid white;
			}
			ol#navPrimary li.last {
				border: 0;
				}

	
	ol#navPrimary .subNav {
		position: absolute;    /*  allows subnav to drop down  */
		display: none;
		width: 300px;
		left: -10px;
		top: 10px;
		font-size: 12px;
		}
		ol#navPrimary .subNav ol {
			padding: 8px 0;
			}
			ol#navPrimary .subNav li {
				display: block;
				float: none;
				list-style: none;
				margin: 0 0 0 15px;    /*  indents subnav items  */
				background: #AE70AD;    /*  light med purple  */
				border: 0;
				}


#mainText {
}



#components {
	clear: left;
}
#components .coloredContent {
	margin-top: 6px;
	padding: 10px;
	background: #FCE1EC;    /*  light pink  */
	background: #85378C;    /* med purple */
}
	/* begin hack; hide from IE Mac \*/
	* html #components .coloredContent { height: 1% }
	/* end hack */

/*#components .coloredContent h3,
#contentLeft .box h3 {
	color: #AC208D;    /*  redish purple  */
/*}
	#components .coloredContent a:link,
	#components .coloredContent a:visited {
		color: #7E708E;    /*   purple  */
/*	}
	#components .coloredContent a:hover,
	#components .coloredContent a:active {
		color: #AC208D;
	}
*/

#components .coloredContent .italicsClass {
	font-style: italic;
}

#footer {
	background: #85378C;    /* med purple */
}


/* ------- +++ ------- */


.box li {
	margin-left: 15px;
}
#contentLeft .box {
	padding: 5px 0 10px 10px;
	margin: 0;
/*	border: 0px solid red;
	border-top: 1px solid #C7EAFB;
*/}

.colHalf .box {
	margin: 0;
	padding: 0 10px 0 0;
}
.box ol li span.hidden {
	color: black; 
}



#funStuffImage {
	margin: 0 0 8px 8px;
}



/* ------- +++ ------- */


#pods2 .calloutWrapper {    /* allows non-function items to be spaced like function boxes */
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	font-size: 1em;
	color: white;
	background: none;
}
	#pods2 .calloutWrapper a:link,
	#pods2 .calloutWrapper a:visited {
		color: white;
		color:#B0CA98;    /* light green */
	}
	#pods2 .calloutWrapper a:hover,
	#pods2 .calloutWrapper a:active {
		color: #91BEBE;    /* light blue */
	}