/* MASTER RESET STYLES */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
		{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}

/* remember to define focus styles! */

	:focus 
		{
		outline: 0;
		}

	body 
		{
		line-height: 1;
		color: black; 
		background: white;
		}

	ol, ul 
		{
		list-style: none;
		}

/* tables still need 'cellspacing="0"' in the markup */

	table 
		{
		border-collapse: separate;
		border-spacing: 0;
		}

	caption, th, td 
		{
		text-align: left;
		font-weight: normal;
		}

	blockquote:before, blockquote:after,
	q:before, q:after 
		{
		content: "";
		}

	blockquote, q 
		{
		quotes: "" "";
		}

/* Reset for HTML 5 Elements ------------------------------------- */

/* tells browsers that don't read html 5 tags to render like divs */
header, footer, aside, nav, article, section, mainContent {
	display: block;
	margin: 0;
	padding: 0;
}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------------------------- */
/* END MASTER RESET STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN PAGE STYLES */
/* -------------------------------------------------- */

	body 
		{
		font-family: Verdana, Arial, Helvetica, sans-serif, serif;
		background:#FFCC66;
		font-size: 100%;
		}

	body.wood 
		{
		font-family: Verdana, Arial, Helvetica, sans-serif, serif;
		background-image: url("../images/litewood.gif");
		font-size: 85%;
		}

		/* PROVIDE OUTTER BACKGROUND COLOR AND FRAME THE PAGE */
		/* used w/ index.html and I_Study.html (scroll background pages) */

	body.bigScroll
		{
		margin:5px;
		padding:0px;
		font-size:90%; 
		font-family:Verdana, Arial, Helvetica, sans-serif, serif;
		line-height:140%;
		background:#575757;
		/* border:1px solid black; */
		/* outline:black dotted thick; */
		}

/* -------------------------------------------------- */
/* END PAGE STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN HEADER STYLES */
/* -------------------------------------------------- */

	/* BEGIN MAIN HEADER STYLES */

	#header
		{
		width: 980px; 
		margin: auto;
		padding: 1em;
		text-align: center;
		font-size: 90%;
		/*    border: solid 1px red; */
		}

#header a:link {
	/* standard color is BLUE - #0000FF */
	color: green;
	text-decoration: none;
	padding: 2px;
}

	#header a:visited 
		{
		/* standard color is PURPLE - #800080 */
		/* OLIVE - #808000 */
		color: #808000;
		text-decoration: none;
		}

#header a:hover {
	/* standard color is red - #FF0000 */
	background-color: #FFFFCC; /* PALE YELLOW - #FFFFCC */
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	#header a.trans:hover
		{
		/* standard color is red - #FF0000 */
		background-color: transparent;
		}

	#header a:active
		{
		/* standard color is red - #FF0000 */
		}

	#header h1 
		{
		margin: 0px auto;
		padding: 20px 0;
		font-family: 'Times New Roman', Verdana, Arial, Helvetica, sans-serif, serif;
		font-size: 32px;
		text-align: center;		
		color: #8B4513; /* SADDLEBROWN */
		/*    border: solid 1px yellow; */
		}

	#header ul, #headScroll ul {
		list-style-type:none;
		margin:0;
		padding-top:1em;
		}

	#header li, #headScroll li {
		display:inline;
		}

	/* END MAIN HEADER STYLES */
	/* -------------------------------------------------- */
	/* BEGIN SCROLL PAGE HEADER STYLES */

	#headScroll
		{
		width: 980px; 
		margin: auto;
		padding: 0 0 1em 0;
		text-align: center;
		font-size: 90%;
		color:#66CC33;
		/*    border: solid 1px red; */
		}

#headScroll a {
	text-decoration: none;
	color: #B2CC33;
	padding: 2px;
}

	#headScroll a:visited
		{
/*		color:#704D08;  */
		text-decoration: none;
		}

#headScroll a:hover {
	/* standard color is red - #FF0000 */
	color: #8B4513; /* SADDLEBROWN - #8B4513*/
	background-color: #FFFFCC; 
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

/* END SCROLL STYLES */
/* -------------------------------------------------- */
/* BEGIN KJV STYLES */

#NB1_KJV a {
	text-decoration: none;
	color:green;
	padding: 2px;
}

#NB1_KJV a:hover {
	/* standard color is red - #FF0000 */
	color: #8B4513; /* SADDLEBROWN - #8B4513*/
	background-color: #ffffcc; 
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	#NB1_KJV p, #footkjv p
		{
		margin-top: .75em;
		margin-bottom: 1.5em; 
		}

	#NB2_KJV a
		{
		text-decoration: none;
		color:green;
		}

	#NB2_KJV a:hover
		{
		/* standard color is red - #FF0000 */
		color: #FF0000; 
		background-color: transparent;
		}

	#NB2_KJV p, #footkjv p
		{
		margin-top: 1.5em;
		margin-bottom: .5em; 
		}

/* -------------------------------------------------- */
/* END KJV STYLES */
/* -------------------------------------------------- */
/* BEGIN HEADER PICTURE STYLES */
/* -------------------------------------------------- */

	#HeadBox
		{
		width: 700px;
		margin: 1em auto;
		/*    border: solid 1px brown; */
		}

	div.pContainer 
		{
		min-height: 20em;
		width: 350px;
		display: table-cell;
		vertical-align: middle;
		/*    border: solid 1px red; */
		}

	div.qContainer 
		{
		padding: 1em;
		min-height: 20em;
		width: 350px;
		display: table-cell;
		vertical-align: middle;
		/*    border: solid 1px blue; */
		}

	#HeadBox h1
		{
		margin-top: .5em;
		}

	#HeadBoxT
		{
		width: 700px;
		margin: 1em auto;
		/*    border: solid 1px brown; */
		}

	div.tContainer 
		{
		margin: auto;
		padding: 1em;
		width: 350px;
		/*    border: solid 1px blue; */
		}

	/* END HEADER PICTURE STYLES */

/* -------------------------------------------------- */
/* END HEADER STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN CONTENT STYLES */
/* -------------------------------------------------- */

a.scrB:link {
	/* standard color is BLUE - #0000FF */
	color: #8B4513; /* SaddleBrown - #8B4513 */
	text-decoration: none;
	margin-left: 3em;
	padding: 2px;
}

	a.scrB:visited 
		{
		/* standard color is PURPLE - #800080 */
		/* CHOCOLATE */
		color: #D2691E;
		text-decoration: none;
		margin-left: 3em;
		}

a.scrB:hover  {
	/* standard color is RED - #FF0000 */
	color: #FF0000; 
	background-color: #FFFF00;
	margin-left: 3em;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	a.scrB:active 
		{
		text-decoration: none;
		font-weight: normal;
		margin-left: 3em;
		}

	.center
		{
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		}

	.centerAll
		{
		vertical-align: middle;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		}

	/*  .centerObj used in I_Roots.html */
	/*  centers an object   */
	/*  but not the text     */

	.centerObj
		{
		margin-right: auto;
		margin-left: auto;
		}

	/*  .pixTitle is used to center text under a graphic  */
	.pixTitle
		{
		margin-left: 14em;
		margin-right: 13em;
/*		text-align: center; */
		}

	/* p.navArrow gives me an aligned green bar to put an arrow and anchor tag on */

	p.navArrow
		{
		margin: 0 30px 10px 40px;
		padding: 0 0 6px 0; 
		border-bottom: 1px solid Green;
		font-size: 100%;
		text-align: right;
		color: green;
		}

	div.navAlpha
		{
		margin: 0 auto;
		text-align: center;
		}

	h1.kjv
		{
		margin-top: 1em;
		margin-bottom: 0.2em; 
		padding-top: 0.2em; 
		padding-bottom: 0.2em;
		font-size: 150%;
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513; 
		color: #000000;
		}

	h1.splashPg
		{
		font-family:sans-serif, "Times New Roman", georgia, serif; 
		font-size:170%;
		font-weight:normal; 
		padding:15px 0px 10px 10px;
		color:#7E3817;
		}

	h1.study
		{
		font-family:"Times New Roman", sans-serif, georgia, serif; 
		text-align: center;
		font-size:2em;
		font-weight:normal; 
		color:#7E3817;
		color: #000000;
		}

	h2 
		{
		margin-top: 0.5em; 
		margin-bottom: 0.5em;
		font-size: 110%;
		font-weight: bold; 
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513; 
		}
        
	h2.one
		{
		margin-top: 0.5em; 
		margin-bottom: 0.5em;
		font-size: 110%;
		font-weight: bold; 
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513; 
		}

	h2.kjv
		{
		margin-top: 0.5em; 
		margin-bottom: .5em;
		margin-left: 1.5625em;
		font-size: 110%;
		font-weight: normal; 
		color: #000000;
		}

	h3.one
		{
		margin-top: 0.2em;
		margin-bottom: 0.2em; 
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		font-size: 100%;
		font-weight: bold; 
		color: #000000;
		}

	/* h3.roots used on I_Roots.html */

	h3.roots
		{
		font-family:"comic sans ms", Arial, Verdana;
		margin-top: 1.2em; 
		margin-bottom: 1.2em; 
		font-size: 1em; 
		font-weight: normal;
		}

	h3.kjv
		{
		margin-top: 0.5em; 
		margin-bottom: 1em;
		margin-left: 1.5625em;
		font-size: 110%;
		font-weight: bold; 
		}

	h4.one
		{
		margin-top: 0;
		margin-bottom: 0; 
		padding-top: 0.2em; 
		padding-bottom: 0.2em;
		font-size: 95%;
		font-weight: bold; 
		color: #000000;
		}

	h4.two
		{
		margin-top: 0;
		margin-bottom: 0; 
		margin-right: auto;
		margin-left: auto;
		padding: .2em 0 .2em 0; 
		width: 25em;
		text-align:center;
		line-height: 130%;
		font-size: 95%;
		}

	/* used in Religion/I_Roots.html */
	/* it generates a subheader with background color
	/* needs to be an inline element, used w/ span tag */

	.headRoots
		{
		padding: 1px 5px;
		background:#551700;
		color:#ffdd78;
		}

/* -------------------------------------------------- */
/* BEGIN MISSING JAVA STYLES */
/* THIS WILL ENSURE THAT THERE IS A FORMATTED PLACE BEING HELD FOR THE VALUE */
/* EVEN IF JAVA SCRIPT IS TURNED OFF ON THE BROWSER */
/* -------------------------------------------------- */

	/* todayz full date */

	#dateTag
		{
		float: right;
		}		

	/* use with span to put grayed out default content around js variable */

	.jsSpace
		{
		color: #585858;	
		background-color: #E0E0E0;
		/* This will 'grey out' any js variables that aren't being displayed */
		}

/* -------------------------------------------------- */
/* END MISSING JAVA STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN TABLE STYLES */
/* tables still need 'cellspacing="0"' in the markup */
/* -------------------------------------------------- */

	table 
		{
		border-style:solid;
		/* SADDLEBROWN */
		border-color:#8B4513;
		border-collapse:collapse;
		border:1px solid;
		outline: none;
		margin: 0 auto;
		}

	tr, th, td 
		{
		border-style:solid;
		border-collapse: separate; 
		border-spacing: 6px;
		border:1px solid;
		outline: none;
		padding: 6px;
		margin: 6px;
		}

	td.NoWrap
		{
		white-space: nowrap;
		}

	td.ReadBook
		{
		/* SADDLEBROWN */
		color: #8B4513;  
		white-space: nowrap;
		border:black;
		}

/* -------------------------------------------------- */
/* END TABLE STYLES */
/* -------------------------------------------------- */

	p.indent 
		{
		text-indent: -35px;
		margin-left: 35px;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		}

	sup 	
		{
		/* RED - #FF0000 */
		color: #FF0000;
		font-size: 75%;
		height: 0;
		line-height: 1;
		position: relative;
		top: -0.6em;
		vertical-align: baseline !important;
		vertical-align: bottom;
		}

/* font styles */

	.bold
		{
		font-weight:bold;
		}

	.italic
		{
		font-style:italic
		}

	.quote
		{
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513;
		color: brown;
		color: #D2691E;
		font-style:italic;
		}


/* inline styles */

	.angelI
		{
		color: blue;
		font-style: italic;
		}

	.noteI
		{
		color: green;
		font-size: 85%;
		}

	.prophI
		{
		color: #8B4513;  /* SADDLEBROWN - #8B4513 */
		font-style:italic;
		}

	.YAHUSHUAI
		{
		/* RED - #FF0000 */
		color: #FF0000;
		}

	.YHWHI
		{
		/* RED - #FF0000 */
		color: #FF0000;
		}

	.HangInd
		{
		color: green;
		font-size:95%; 
		margin-left: 3em;
		padding: 0 0 0 40px; 
		text-indent:  -40px;
		}

	.HangInd2
		{
/*		color: #8B4513; SADDLEBROWN - #8B4513 */
		font-size:95%; 
		margin-left: 3em;
		padding: 0 0 0 40px; 
		text-indent:  -40px;
		}


/* block styles */

	.impB
		{
		/* SADDLEBROWN - #8B4513 */
/*		color: #8B4513; */
		color: green;
		margin-left: 3em;
		font-style:italic;
		font-size: 95%;
		}

	.noteB
		{
		color: green;
		margin-left: 3em;
		font-size: 95%;
		}

.ctrImage {
	text-align: center;
	padding: 1em;
	margin: .5em 0;
}

.ctrVideo {
	text-align: center;
	padding: 1em;
	margin: .5em 0;
}




/* used for KJVM  needs to be incorporated into the content id for KJVM pages*/
/* i have anchor tags and p tags in these sections */
/* i have inline and block anchor tags on this page */

div.scrB {
	color: #008000;
	font-size: 95%;
	line-height: 150%;
	border: none;
	margin-left: 3em;
}

	/* Translation differences */
	.transB
		{
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513;
		margin-left: 3em;
		padding-bottom: 0.25em; 
		font-size: 95%;
		}

	.whyB
		{
		/* CHOCOLATE */
		color: #D2691E;
		margin-left: 3em;
		}

	.Uline 
		{
		text-decoration:underline;
		}

/* -------------------------------------------------- */
/* END CONTENT STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN SPLASH PAGE POSITIONING AND SIZE  */
/* -------------------------------------------------- */

	.ContentSplashPg
		{
		margin: auto;
		padding:10px 0 0 0;
		height:580px;
		width:762px;
		background-image:inherit;
/*		border:1px solid red; */
		}

	.cBoxSplashPg
		{
		margin:30px auto 0px auto;
		height:510px;
		width:575px; 
		background-image:inherit;
/*		border:1px solid blue;  */
		}

/* used on index.html  */
/* need to study this to find out exactly what is happening */
/* this is used to give me a large scroll background to write on */
/* this is done differently with I_Study.html and with the placement */
/* of the YHWH graphic on index.html */
/*	.img1SplashPg   */
	.imgBkgdPos
		{
		position:absolute; 
		top:2.5em; 
		z-index:-1;
		}

/* deprecated but keeping for reference */
/* this would place a graphic on the pg using css */
	#img2SplashPg
		{
/*		padding:0px 0px 0px 0px; */
/*		background-image:url("../images/20110202-284x124.gif"); */
/*		background-repeat:no-repeat; */
/*		width: 284px;  */
/*		height: 124px;  */
/*		border:1px solid sienna; */
		}

	.h1BoxSplashPg
		{
		width: 550px; 
		height: 60px; 
		/* border:1px solid lime; */
		}

	.spaceBoxSplashPg
		{
		width: 240px;
		height: 20px;
		float:left;
		/* border:1px solid teal; */
		}

	.quoteBoxSplashPg
		{
		padding:0px;
		height:170px;
		width:320px;
		float:right;
		overflow:hidden;
		background-image:inherit;
		/* border:1px solid aqua; */
		}

	#quoteTextSplashPg
		{
		background-image:inherit;
		padding:10px 20px 0px 0px;
		font-size:87.5%; 
		font-family:"comic sans ms", Verdana, Arial, sans-serif;
		font-weight:normal; 
		text-align:center;
		color:#7E3817;
		/* border:1px solid black; */
		}

	#QuoteTxt2
		{
		padding:5px 10px 0px 0px;
		font-size:87.5%; 
		font-family:"comic sans ms", Verdana, Arial, sans-serif;
		font-weight:bold; 
		text-align:right;
		color:#7E3817;
		/* border:1px solid gray; */
		}

	/* i want to change this to menuBoxSplashPg */

	.linkBoxSplashPg
		{
		margin:0px;
		padding:.5em 0 0 0;
		height:260px;
		width:220px;
		float:left;
		overflow:hidden;
		background-image:inherit;
		line-height:87.5%;
		font-size:87.5%; 
		font-family:"comic sans ms", Verdana, Arial, sans-serif;
		font-weight:normal; 
		text-align:left;
		/* border:1px solid tomato;  */
		}

	#MenuTxt1
		{
		padding:0px 0px 0px 20px;
		}

	#MenuTxt2
		{
		padding:20px 0px 0px 25px;
		}

	#MenuTxt3
		{
		padding:20px 0px 0px 30px;
		}

	#MenuTxt4
		{
		padding:20px 0px 0px 35px;
		}

	#MenuTxt5
		{
		padding:20px 0px 0px 40px;
		}

	#MenuTxt6
		{
		padding:20px 0px 0px 45px;
		}

	#MenuTxt7
		{
		padding:20px 0px 0px 50px;
		}

	#MenuTxt8
		{
		padding:20px 0px 0px 55px;
		}

	#MenuTxt9
		{
		padding:20px 0px 0px 60px;
		}

	.imgBox2SplashPg
		{
		margin:0px;
		padding:0.5em;
		height:120px;
		width:320px;
		float:right;
		/* border:1px solid black; */
		}

	.ContentSplashPg a
		{
		color:#704D08;
		text-decoration: none;
		}

	.ContentSplashPg a:visited
		{
		color:#704D08;
		text-decoration: none;
		}

	.ContentSplashPg a:hover
		{
		color: red; 
		background-color: #ffffcc; 
		font-weight:bold; 
		text-decoration:none;
		}

/* -------------------------------------------------- */
/* END SPLASH CONTENT STYLES */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN I_STUDY STYLES */
/* -------------------------------------------------- */

	.contentStudy
		{
		margin:auto;
		padding:0px;
		height:556px;
		width:830px;
        	background-image:inherit;
		/* border:1px solid red; */
		}

	.img2BkgdPos
		{
		position:absolute; 
		top:2.5em; 
		z-index:-1;
		}

	.quoteBoxStudy
		{
		margin:auto;
		padding:15px 0px 0px 10px;
		height:105px;
		overflow:hidden;
/*		border:1px solid aqua; */
		}

.QuoteTxt1
	{
	padding: 16px 25px 0px 95px;
	font-size:0.875em; 
	font-family:"comic sans ms", Verdana, Arial, sans-serif;
	/* color: #7E3817; */
	font-weight:bold; 
	text-align:left;
	}

.QuoteTxt2
	{
	padding:0px 60px 0px 0px;
	font-size:0.875em; 
	font-family:"comic sans ms", Verdana, Arial, sans-serif;
	/* color: #7E3817; */
        font-weight:bold; 
	text-align:right;
	}

	.h1BoxStudy
		{
		width: 550px; 
		height: 35px; 
		margin: .5em auto 0;
		/* border:1px solid lime; */
		}

	.cBoxStudy
		{
		margin: auto;
		height: 375px;
		width:600px; 
		/* border:1px solid blue; */
		}


.MenuBoxL
	{
	margin:0 0 0 60px;
	padding:0px 0px 0px 0px;
	height:370px;
	width:220px;
        float:left;
	overflow:hidden;
/*	border:1px solid fuchsia; */
	}

.MenuBoxR
	{
	padding:0px 0px 0px 0px;
	height:370px;
	width:290px;
        float:right;
	overflow:hidden;
/*	border:1px solid purple; */
	}

.MenuHeader
	{
        margin: 0 0 .5em 0; 
	padding:2px 0px 5px 10px;
	height:20px;
	width:150px;
	background-color:#551700;
	overflow:hidden;
/*	border:1px solid green; */
	}

.HeadingTxt
	{
	font-family:"comic sans ms", Verdana, Arial, sans-serif;
	color:#FFDD78; 
	}

.MenuLinks
	{
        position:relative;
        margin: 0px 0px 15px 0px; 
	padding:0px 0px 0px 25px;
	font-size: 80%;
	font-family:Verdana, Arial, sans-serif;
	/* border:1px solid black; */
	}

.contentStudy a {
	color: #000000;
	text-decoration: none;
	padding: 2px;
}

	.contentStudy a:visited
		{
		color: #7E3817;
		text-decoration: none;
		}

.contentStudy a:hover {
	color: red; 
	background-color: #ffffcc;
	font-weight:bold; 
	text-decoration:none;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	p.menuSpace
		{
        margin: 0px; 
		padding:0px;
		line-height: .75em;
		}


/* -------------------------------------------------- */
/* END I_STUDY STYLES */
/* -------------------------------------------------- */
/* BEGIN CONTENT POSITIONING AND SIZE */
/* -------------------------------------------------- */

#content {
	width: 980px; 
	font-size: 100%; 
	overflow: hidden;
	background-image: url("../images/20110623-150x150.jpg"); /* parchment paper */
	padding: 10px 10px 20px 25px;
	border: 1px solid green;
	margin: 0 auto;
    border-radius: 5px 5px 5px 5px;
}

	#contentWide /* used on N_12Tribes.html, N_Timeline.html */
		{
		margin: 0 10px;
		padding: 10px 10px 20px 25px;
		overflow: hidden;
		background-image: url("../images/20110623-150x150.jpg"); 
		border: 1px solid green;
		}


#contentNotes h2 {
	color: #8B4513; /* SADDLEBROWN - #8B4513 */
	font-size: 110%;
	font-weight: bold; 
	margin-top: 0.5em; 
	margin-bottom: 0.5em;
}

#contentNotes h3 {
	color: #000000;
	font-size: 100%;
	font-weight: bold; 
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-top: 0.2em;
	margin-bottom: 0.2em; 
	margin-left: 3em;
}

#contentNotes h4 {
	color: #000000;
	font-size: 95%;
	font-weight: bold; 
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-top: 0.2em;
	margin-bottom: 0.2em; 
	margin-left: 9em;
}

#contentNotes p {
	margin-left: 6em;
}

#contentNotes  p.noteB {
	margin-left: 9em;
}

#contentNotes  p.ml3em {
	margin-left: 9em;
}

#contentNotes ol.d {
	list-style-type: upper-alpha;
	list-style-position: inside;
	color: green;
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	margin-left: 9em;
}

#contentNotes ul.circle {
	list-style: circle inside;
	color: green;
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	margin-left: 6em;
}

#contentNotes .whyB {
	font-size: 90%;
	margin-left: 3em;
}

/*  Still testing this one  */
/*  I'd like the page to auto adjust for wide tables  */
/*  but I still want it to take the parent attributes of 'content'  */
	#contentWA
		{
		width: auto; 
		margin: auto;
		}

	#NavBar2 
		{
		width: 800px; 
		margin: 0 auto; 
		padding: 20px;
		text-align: center;
		/*    border: 1px solid blue; */
		}

	/* this allows me to make a better horizontal ruler */

	#content p.hr
		{
		line-height: 0;
		margin: 1em auto 1em;
		border-bottom: 1px solid Green;
		}

	#content p.hr200
		{
		line-height: 0;
		margin: 1em auto 1em;
		width: 12.5em;
		border-bottom: 1px solid Green;
		}

	#content p.hr400
		{
		line-height: 0;
		margin: 1em auto 1em;
		width: 25em;
		border-bottom: 1px solid Green;
		}

	#content p.hr500
		{
		line-height: 0;
		margin: 1em auto 1em;
		width: 31.25em;
		border-bottom: 1px solid Green;
		}

	#content p.hr600
		{
		line-height: 0;
		margin: 1em auto 1em;
		width: 37.5em;
		border-bottom: 1px solid Green;
		}

#content a, #footer a {
	color: #8B4513; /* SADDLEBROWN - #8B4513 */
	text-decoration: none;
	padding: 2px;
}

	/* this goes with the p tag above  */ 

#content a.navBar {
	color: green;
	padding: 2px;
}

#content a.navAlpha
	color: green;
	padding: 2px;
}

	#content a.navArrow
		{
		color: green;
		}

	#content a:visited 
		{
		/* standard color is PURPLE - #800080 */
		/* CHOCOLATE - #D2691E*/
		color: #D2691E;
		text-decoration: none;
		}

#content a:hover {
	/* standard color is RED - #FF0000 */
	background-color: #FFFF00; /* Yellow - #FFFF00 */
	color: #8B4513; /* SADDLEBROWN - #8B4513*/
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	#content a.trans:hover
		{
		/* standard color is red - #FF0000 */
		background-color: transparent;
		}

/*  **********  */

#content a.HavLnkM:link
	{
	/* standard color is blue - #0000FF */
	/* green - #008000 */
	color: #008000 ;
	}

#content a.HavLnkM:visited 
	{
	/* standard color is purple - #800080 */
	/* green - #008000 */
	color: #008000 ;
	font-weight: bold;
	}

#content a.HavLnkM:hover 
	{
	/* standard color is RED - #FF0000 */
        color: #FF0000; 
	background-color: #FFFF00;
	}

	#content a.RedLnkM:link 
		{
		/* standard color is blue - #0000FF */
		/* SADDLEBROWN - #8B4513*/
		color: #8B4513; 
		}

	#content a.RedLnkM:visited 
		{
		/* standard color is purple - #800080 */
		/* SADDLEBROWN - #8B4513 */
		color: #8B4513; 
		/* CHOCOLATE - #D2691E */
		color: #D2691E;
		}

	#content a.RedLnkM:hover 
		{
		/* standard color is RED - #FF0000 */
		color: #FF0000; 
		background-color: #FFFF00;
		}

/*  **********  */
/*  anchor tags all done  */
/*  **********  */

	#content p, #footer p
		{
		margin-top: 0.5em;
		margin-bottom: 0.5em; 
		}

	#content p
		{
		margin-right: 2em;
		line-height:150%;
		}

	#content table.kjv
		{
		margin-left: 0px;
		margin-right: 30px;
		}

	#content li
		{
		list-style-type: disc;
		margin-top: 0.5em;
		margin-bottom: 0.5em; 
		/* border: 1px solid green; */
		}

	#content ul.Blank
		{
		list-style: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em; 
		font-size: 100%; 
		}

	#content ul.Bullet
		{
		list-style-type: disc;
		margin-top: 0.5em;
		margin-bottom: 0.5em; 
		font-size: 100%; 
		}

	#content li.Bullet
		{
		margin-left: 3.125em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		line-height: 125%;
		}

	#content ol.Topics
		{
		list-style-type: decimal;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 100%; 
		/* border: 1px solid blue; */
		}

	#content ol.Decimal
		{
		list-style-type: decimal;
		margin-top: 0.5em;
		margin-bottom: 0.5em; 
		margin-left: 2em;
		font-size: 100%; 
		/* border: 1px solid blue; */
		}

	#content li.Decimal
		{
		list-style-type: decimal;
		/* border: 1px solid green; */
		}

	#content li.Decimal.note
		{
		list-style-type: decimal;
		margin-left: 4em;
		font-size: 85%; 
		/* GREEN - #008000 */
		color: #008000; 
		/* border: 1px solid green; */
		}

	#content ul.Topics
		{
		margin-left: 4em;
		font-size: 100%; 
		/* border: 1px solid brown; */
		}

	#content li.Topics
		{
		margin-left: 3.125em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		/* border: 1px solid green; */
		}

	#content li.TopicsNoDot
		{
		list-style-type: none;
		/* border: 1px solid green; */
		}

	#content ul.dupItem
		{
		list-style-type: circle;
		margin: 0;
		padding: 0; 
		font-size: 100%; 
		/* border: 1px solid red; */
		}

	#content li.dupItem
		{
        	list-style-type: none;
		/* border: 1px solid green; */
		}

	#content li.dupItemDot
		{
		list-style-type: disc;
		padding-bottom: 0.3em;
		/* border: 1px solid violet; */
		}

	#content ul.subItem
		{
		list-style-type: circle;
		margin: 0;
		padding-left: 3em; 
		font-size: 100%; 
		/* border: 1px solid red; */
		}

#introduction p {
	margin-left: 3em;
}

	.ml1em
		{
		margin-left: 1em;
		}

	.ml15em
		{
		margin-left: 1.5em;
		}

	.ml2em
		{
		margin-left: 2em;
		}

	.ml3em
		{
		margin-left: 3em;
		}

	.ml4em
		{
		margin-left: 4em;
		}

	.ml6em
		{
		margin-left: 6em;
		}

	.ml9em
		{
		margin-left: 9em;
		}

	.ml10xem
		{
		margin-left: 6.25em;
		}

	.IndLtr 
		{
		margin: 0 30px 10px 0;
		font-size: 1.5em;
		color: brown;
		/* border: 1px solid green; */
		}

	.fltRight
		{
		float:right;
		}

	.fltLeft
		{
		float:left;
		}

/* -------- */
	.NavBar
		{
		text-align: right;
		margin-right: auto;
		margin-left: auto;
		}

/* I created .txtRight to replace NaVBar
   when it was only used to right justify text */

	.txtRight
		{
		text-align: right;
		margin-right: auto;
		margin-left: auto;
		}
/* -------- */

	.NavBar3
		{
		width: 950px; 
		padding: 0 0 5px 0;
		text-align: right;
		color: green;
		/* border: 1px solid green; */
		}

/* -------------------------------------------------- */
/* END CONTENT POSITIONING AND SIZE */
/* -------------------------------------------------- */
/* BEGIN KJV ELEMENTS  */
/* -------------------------------------------------- */

#KJV a:link {
	/* standard color is BLUE - #0000FF */
	color: #8B4513; /* SaddleBrown - #8B4513 */
	text-decoration: none;
	margin-left: 3em;
	padding: 2px;
}

	#KJV a:visited 
		{
		/* standard color is PURPLE - #800080 */
		/* CHOCOLATE */
		color: #D2691E;
		text-decoration: none;
		margin-left: 3em;
		}

#KJV a:hover {
	/* standard color is RED - #FF0000 */
	color: #FF0000; 
	background-color: #FFFF00;
	margin-left: 3em;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	#KJV a:active 
		{
		text-decoration: none;
		margin-left: 3em;
		}

/* -------------------------------------------------- */
/* END KJV ELEMENTS */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN CSS TABLE ELEMENTS  */
/* -------------------------------------------------- */

.container 
	{
	display: table;
	border-collapse: collapse;  
	border-spacing: 4px; 
	margin: 20px 30px 20px 0;
	margin-left: 3.125em;
	}

.containC 
	{
	display: table;
	border-collapse: collapse;  
	margin-right: auto;
	margin-left: auto;
	}

#contNews
	{
	background-image: url("../images/20110221-98x138.gif"); 
	margin: 2em auto 0;
	padding: 2em 0 2em 3em;
	width: 600px; 
 	height: 650px; 
	/* GREEN - #008000 */
/*	border: 1px solid #008000; */
	border: 1px solid #008000;
	}

	#contNews ul
		{
		width: 270px; 
	/*	border: 1px solid green; */
		}

	#contNews li
		{
		list-style-type: none;
	/*	border: 1px solid green; */
		}

/*  ********************************************************* */
/* BEGIN SITEMAP.HTML CONTAINER STYLES */
/*  ********************************************************* */

	#wrapper
		{
		margin: 0px auto;
		width: 860px;
		font-size: 90% ;
		}

	#wrapper .left1
		{
		float: left;
		margin-right: 20px;
		width: 200px;
		}

	#wrapper .left2
		{
		float: left;
		margin-right: 20px;
		width: 200px;
		}

	#wrapper .left3
		{
		float: left;
		margin-right: 20px;
		width: 200px;
		}

	#wrapper .right
		{
		float: right;
		width: 200px;
		}

/*  ********************************************************* */
/* END SITEMAP.HTML CONTAINER STYLES */
/*  ********************************************************* */


/*  ********************************************************* */
.row 
	{
	display: table-row;
	}

.cell1B 
	{
	display: table-cell;
	width: 200px;
	border-top: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;
	padding: .5em;
	}

.cell2B 
	{
	display: table-cell;
	padding: .5em;
	border-top: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;
	border-left: 1px solid #8B4513;
	}

/*  Experimental, I haven't used this one  */
.cell2C 
	{
	display: table-cell;
	border-top: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;
	border-left: 1px solid #8B4513;
	text-align: center;
	}

.cell4 
	{
	display: table-cell;
/*	width: 200px; */
/*	height: 100px; */
	padding: .5em .5em .5em 1.5em;
	border-top: 1px solid #8B4513;
	border-left: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;
	}

.cell5 
	{
	display: table-cell;
	width: 275px;
	height: 1em;
/*	border: 1px solid blue;  */
	}


/* -------------------------------------------------- */
/* END CSS TABLE ELEMENTS  */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* END CONTENT POSITIONING AND SIZE */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* BEGIN FOOTER STYLES */
/* -------------------------------------------------- */

/* BEGIN MAIN FOOTER STYLES */

#footer {
	width: 980px; 
	margin: 0 auto; 
	overflow: hidden;
	padding: 20px 0;
	text-align: center; 
	font-size: 90% ;
	/* border: 1px solid #000000; */
}

#footer a {
	color: green; 
	text-decoration: none;
	padding: 2px;
}

#footer a:hover {
	/* standard color is RED - #FF0000 */
	color: #8B4513; /* SADDLEBROWN - #8B4513*/
	background-color: #FFFFCC; 
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

	#footer p.footNavBar
		{
		margin-bottom: 2em; 
		}

	#footer p.footL3
		{
		width: 900px; 
		margin: auto;
		margin-top: 1em;
		margin-bottom: 1.5em;
		/* border: 1px solid #FFFFCC; */
		}

	#footNB2_KJV
		{
		margin-bottom: 2em; 
		}

	#footNB2_KJV a:hover
		{
		margin-bottom: 2em; 
		/* standard color is red - #FF0000 */
		color: #FF0000; 
		background-color: transparent;
		}

	/* END MAIN FOOTER STYLES */

	#validate 
		{
		width: 500px; 
		margin: 0 auto; 
		overflow: hidden;
		padding: 10px 0;
		text-align: center;
		/* border: 1px solid #000000; */
		}

	.footnote 
		{ 
		font-size: 80% ;
		margin-left: 3.125em;
		}

	#foot2 
		{
		width: 980px; 
		margin: 0 auto; 
		overflow: hidden;
		padding: 10px 0;
		text-align: center;
		/* border: 1px solid #000000; */
		}

	#foot2 a
		{
		text-decoration: none;
		/* SADDLEBROWN */
		color: #8B4513; 
		}

	#foot2 a:hover
		{
		/* standard color is red - #FF0000 */
		color: #FF0000; 
		background-color: #FFFF00;
		}

	/* BEGIN SCROLL PAGE FOOTERs */

	#footScroll 
		{
		width: 980px; 
		margin: auto;
		font-size:80%;
		text-align: center;
		color:#66CC33;
		/* border: 1px solid Yellow; */
		}

	#footScroll a
		{
		text-decoration: none;
		color: #B2CC33;
		}

	#footScroll a:visited
		{
		/* color:#704D08;  */
		text-decoration: none;
		}

	#footScroll a:hover
		{
		/* standard color is red - #FF0000 */
		/* SADDLEBROWN - #8B4513*/
		color: #8B4513; 
		background-color: #FFFFCC; 
		}

	#footScroll p.footL3
		{
		width: 900px; 
		margin: auto;
		margin-top: .5em;
		margin-bottom: 1.5em;
		/* border: 1px solid #FFFFCC; */
		}

	/* END SCROLL PAGE FOOTERs */

/* -------------------------------------------------- */
/* END FOOTER STYLE */
/* -------------------------------------------------- */


/* BEGIN COLORS */

	.Blue
		{
		/* BLUE - #0000FF */
	        color: #0000FF; 
		}

	.Chocolate
		{
		color: #D2691E;
		}

	.Fuchsia
		{
		/* FUCHSIA - #FF00FF */
	        color: #FF00FF; 
		}

	.Green
		{
		/* GREEN - #008000 */
		color: #008000; 
		}


	.Limegreen
		{
		/* LIMEGREEN - #32CD32 */
		color: #32CD32;
		}


	.Olive
		{
		/* OLIVE - #808000 */
		color: #808000;
		}

	.Orange
		{
		/* ORANGE - #FFA500 */
	        color: #FFA500; 
		}

	.Purple
		{
		/* PURPLE - #800080 */
		color: #800080;
		}

	.Red
		{
		/* RED - #FF0000 */
		color: #FF0000; 
		}
		
	.SaddleBrown
		{
		/* SaddleBrown - #8B4513 */
		color: #8B4513;
		}

	.Yellow
		{
		/* Yellow - #FFFF00 */
		color: #FFFF00;
		}

	/* Pale Yellow - #FFFFCC */



	/* color: black;  */
	/* color: blue;   */
	/* color: brown;  */
	/* color: green;  */
	/* color: purple; */

/* END COLORS */

/* -------------------------------------------------- */
/* PRINT CSS TEST AREA */
/* -------------------------------------------------- */

/* add the contents of NM_PRINT.CSS here to test printed page appearance */