@charset "utf-8";

/*
Menu
1. CSS RESET
2. GLOBAL STYLING
3. PAGE STYLING
   3a. BIBLE POETRY CENTERING CSS SPECIFICATIONS  -line 914
4. ELEMENT STYLING
5. HYPERLINK CUSTOMIZATIONS
6. TEXT COLOUR, STYLE AND SIZE CUSTOMIZATIONS
7. BACKGROUND CUSTOMIZED STYLING
8. TEXT RESIZE and COLOR THEME
9. BLOCK LEVEL ELEMENT CUSTOMIZATIONS
10. OUTLINE PAGES STYLING
11. CLEAR FLOATS
12. POPUP AND FOOTNOTE MENUS — line 3218, footnotes popup paragraph setting line 3678
      12A. POPIT TOP FOOTNOTE STYLING  
      12B. jqpopupmenu BOTTOM FOOTNOTE STYLING   
      12C. flexdropdownmenu BOTTOM FOOTNOTE STYLING   
13. BIBLE STYLING — including paragraph settings line 4149
14. NAVIGATION MENU AND FINAL CSS ENTRIES
15. LEFT AND RIGHT NAVIGATION ARROWS AND BUBBLES AND VERSE DATA-TITLE
16. PULL OUT LEFT SIDE NAV PANEL
17. CSS FONT IMPORT LANGUAGE DECLARATIONS
18. FACEBOOK BLUE INDEX TABLE SPECIFICATIONS
19. ORIGINS SERIES STYLING

Handy information

regular paragraph styling : line 4149 roundabout
regular list styling : line 3572 roundabout


Notes
1. Screen resolution basis is 1600px width.
2. Body tag has no width setting or head banner does not work.
3. Default content width is 80%.

/*
_____________________________________________________________________________

   1. CSS RESET
_____________________________________________________________________________
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*
_____________________________________________________________________________

   2. GLOBAL STYLES
_____________________________________________________________________________
*/

html
{
width: 100%;
color: hsla(0, 0%, 10%, 1);
background: hsla(70, 100%, 97%, 1) /*url('../images/backgroundLight.jpg')*/;
text-shadow: 0 0 0 hsla(59, 100%, 80%, 0.2), -1px -1px 0 hsla(0, 0%, 0%, 0.1), 1px 1px 0 hsla(0, 0%, 0%, 0.1), -1px 1px 0 hsla(0, 0%, 0%, 0.01), 1px 1px 1px hsla(61, 38%, 85%, 0.2), 0 0 0 hsla(59, 100%, 90%, 0.01);
overflow-x: hide;
}

/* This body tag must not display width setting for floating header banner to work */

body
{
font-family: Helvetica, Arial, sans-serif;
font-display: swap;
font-weight: 500;
font-style: normal;
font-size: 1rem;
line-height: 1.6;
letter-spacing: 1.1px;
word-spacing: 0.1rem;
position: static;
text-align: center;
left: auto;
right: auto;
width: 100%;
margin: 0 auto;
}

/*
_____________________________________________________________________________

   3. PAGE STYLING
_____________________________________________________________________________
*/


/* page header banner display*/

#bannerWrapper
{
padding: 0;
overflow: hidden;
padding-top: 1.8rem;
background: hsla(0,0%,0%,0.95);
position: relative;
z-index: 10;
}

#bannerHeader
{
width: 100%;
height: 16rem;
background-color: black;
background-image: url(../images/menuImages/banner_space.gif);
background-repeat: repeat;
}

#bannerCenter
{
background-image: url(../images/menuImages/banner_strip.gif);
background-repeat: repeat-x;
height: 10.6rem;
margin-right: auto;
margin-left: auto;
}

#bannerLeft
{
height: 10.6rem;
width: 12.9%;
float: left;
margin-left: 0px;
}

#bannerRight
{
height: 10.6rem;
width: 20%;
float: right;
margin-right: 0;
}

/* end of page banner display styling  */


/* page introduction styling */

.introStyles
{
margin: 7rem auto 1rem auto;
width: 70%;
display: block;
}

.introStyles img
{
border: 0;
margin: 2rem auto 2rem auto;
display: block;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

.introStyles> img:first-of-type
{
}

.introStyles> img:last-of-type
{
margin-bottom: -1rem;
}


/* overall section jacket tag */

.pageStyling
{
display: block;
margin: 0 auto;
width: auto;
clear: both;
padding: 0 9%;
width: 50%;
}

/* page main content styling */

.mainContent,
.content
{
margin: 0 auto;
text-align: left;
width: 80%;
}

.mainContent img,
.content img
{
float: right;
clear: right;
margin: 1rem 0 1rem 2rem;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

.mainContent img.noFloat,
.content img.noFloat
{
float: none;
clear: none;
margin: 2rem 1rem;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}


/*
_____________________________________________________________________________

   3a. BIBLE POETRY CENTERING CSS SPECIFICATIONS
_____________________________________________________________________________
*/



/* Bible poetry outerWrapper section specifications (this is not suitable to use, because text sections break around images 
USE html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.indentedPoetrySection instead 
Although the poetry section concept may still be suitable for areas where no images are present */

section.pagePoetryOuterWrapper
{
width: 80%;
height: 100%;
display: block;
margin: 0 auto;
text-align: center;
}


section.pagePoetryInnerWrapperHalf
{
width: 75%;
height: 100%;
display: block;
margin: 0 auto;
text-align: left;
}

section.pagePoetryInnerWrapper
{
height: 100%;
display: block;
margin: 0 auto;
width: 50%;
text-align: left;
}


/* END OF THE BIBLE POETRY SECTION EXPERIMENTAL SECTION TEST
Bible poetry outerWrapper section specifications (this is not suitable to use, because text sections break around images 
USE html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.indentedPoetrySection instead */

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.firstWordWrapper,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.firstWordWrapper
{
    margin-top: 4rem;
    margin-left: 2.65rem;
    clear: left;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.firstWordWrapper div.firstWord,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.firstWordWrapper div.firstWord
 {
    display: block;
    float: left;
    height: 3.5rem;
    min-width: 3.6rem;
    padding: 1.2rem;
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    margin: -3rem 0.35rem -2.25rem -1.5rem;
    text-align: center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: hsla(54,100%,60%,1.00);
}


html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph
{
margin: auto;
white-space: wrap;
margin: 0.5rem 0;
text-indent: 0;
padding: 0 4rem;
line-height: 1.7;
/*max-width: 40%;
   min-width:20%;
text-align: left;
display: block;*/
}

/* first-of-type and last-of-type pseudo classes do not read class types, only the simple element, eg paragraph —p— 

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper p/*.PoetryParagraph:first-of-type,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph:first-of-type bottomPoetryMargin
{
margin-top: 1.1rem;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper p.PoetryParagraph:last-of-type,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph:last-of-type,
{
margin-bottom: 1.1rem;
}
*/
/* In order to get the padding for the deeply indented poetry set, this is the first class used —: .indentedPoetrySection  */

/* Then to get the first and last occurrences to have wider margins these two top and bottome margin classes are used:—  */
/*  .topPoetryMargin  */
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.indentedPoetry.topPoetryMargin,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph.topPoetryMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent.topPoetryMargin,
p.noIndent.topPoetryMargin,
p.PoetryParagraph.topPoetryMargin,
.topPoetryMargin
{
margin-top: 1.5rem;
}
/*  .bottomPoetryMargin  */
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.indentedPoetry.bottomPoetryMargin
{
margin-bottom: 1.1rem;
}

/* top prose margin for use where the poetry meets the prose */
html.js.no-touch body section.pageStyling section.bibleContent p.topProseMargin,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph.topProseMargin,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.poetryTextIndent.topProseMargin,
p.topProseMargin,
p.poetryTextIndent.topProseMargin,
p.PoetryParagraph.topProseMargin
{
margin-top: 1.8rem;
}


/* This are the specifications for the deeply indented :— p.PoetryParagraph.indentedPoetry :— requirements 
also <p class="poetryTextIndent"> indentation */

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph.indentedPoetry,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.indentedPoetry,
html.js.no-touch body section.pageStyling section.bibleContent p.noTopMargin.indentedPoetry,
.indentedPoetry
{
padding-left: 6rem;
}

/* indented poetry p.poetryTextIndent left margin setting */

html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent.indentedPoetry
{
padding-left: 8.4rem;
}

html.js.no-touch body section.pagePoetryInnerWrapperHalf section.pagePoetryInnerWrapper span.cursorPointer img.imagePopup
{
    float: right;
    clear: right;
    border: 3px solid white;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
    color: black;
    font-size: 0.75rem;
    font-family: inherit;
    margin: 0.7rem -8rem 0.7rem 2rem;
}


html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper p.opening,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.opening
{
    text-indent: 0.8rem;
    display: inline;
}

/*
_____________________________________________________________________________

   4. ELEMENT STYLING
_____________________________________________________________________________
*/



/* h2 styling */

h1, h2,
h3.h2Format
{
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-display: swap;
font-size: 1.45rem;
font-weight: 700;
font-style: italic;
margin-top: 1.6rem;
margin-bottom: 1.1rem;
text-align: center;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2), 1px 1px 7px hsla(244, 100%, 10%, 0.15), 1px 1px 8px hsla(240, 100%, 10%, 0.15), 1px 1px 9px hsla(240, 100%, 10%, 0.15), 1px 1px 10px hsla(244, 100%, 10%, 0.15), 1px 1px 11px hsla(240, 100%, 10%, 0.15);
}

/* h1 styling */
h1
{
margin-top: -6rem;
font-size: 1.8rem;
}

h2.h2title
{
/*margin-top: 4rem;*/
margin-bottom: 1.8rem;
text-align: center;
}

h2 span.smallCaps,
.jqpopupmenu h2 span.smallCaps,
h3 span.smallCaps,
h4 span.smallCaps
{
text-shadow: inherit;
font-style: inherit;
font-weight: inherit;
}

h2.subHeading
{
font-size: 1.3rem;
text-align: left;
}

h3
{
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-size: 1.2rem;
font-weight: 500;
font-style: italic;
margin: 1.8rem 0 1rem 0;
text-align: center;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2), 1px 1px 7px hsla(244, 100%, 10%, 0.15), 1px 1px 8px hsla(240, 100%, 10%, 0.15), 1px 1px 9px hsla(240, 100%, 10%, 0.15), 1px 1px 10px hsla(244, 100%, 10%, 0.15), 1px 1px 11px hsla(240, 100%, 10%, 0.15);
}

h3.h3title
{
margin-bottom: -1.5rem;
font-size: 1.5rem;
}


/* h4 styling */

h4
{
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-size: 1.1rem;
font-weight: 500;
font-style: italic;
margin: 1.1rem auto 1.1rem auto;
text-align: center;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2), 1px 1px 7px hsla(244, 100%, 10%, 0.15), 1px 1px 8px hsla(240, 100%, 10%, 0.15), 1px 1px 9px hsla(240, 100%, 10%, 0.15), 1px 1px 10px hsla(244, 100%, 10%, 0.15), 1px 1px 11px hsla(240, 100%, 10%, 0.15);
}

h5
{
font-size: 1.1rem;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines h5
{
font-size: 1.2rem;
color: inherit;
text-align: left;
font-family: inherit;
margin-bottom: -0.6rem;
}

/* horizontal rule styling */

hr
{
width: 90%;
border: 0;
background-color: hsla(240, 0%, 68%, 0.9);
margin: 3.5rem auto 2.5rem auto;
height: 1.5px;
opacity: 0.25;
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
}

hr.divider,
html.js.no-touch body section.pageStyling section.bibleContent hr.divider
{
opacity: 0.8;
height: 1px;
text-align: center;
width: 75%;
border: 0;
box-shadow: inset 0 12px 12px -12px hsla(0, 0%, 10%, 1);
}

/* line break dividers with margin break settings:
firefox browser needs the @-moz-document url-prefix() {  } workaround */


/*  .i and .j spec */

.i,
.j,
span.i,
span.j
{
font-family: inherit;
font-variant: inherit;
font-style: inherit;
text-shadow: inherit;
font-size: inherit;
}

br.mediumBreak
{
display: block;
margin: 0;
margin-bottom: 0.4rem;
content:" ";
}

@-moz-document url-prefix() {
br.mediumBreak
{
display: inline;
margin: 0;
margin-bottom: 0.4rem;
}
  }

br.deepBreak
{
display: block;
margin-bottom: 0.8rem;
content:" ";
}

@-moz-document url-prefix() {
br.deepBreak
{
display: block;
margin: 0;
margin-bottom: 0.8rem;
}
  }

br.oneRem
{
display: block;
margin-bottom: 1rem;
content:" ";
}

@-moz-document url-prefix() {
br.oneRem
{
display: block;
margin: 0;
margin-bottom: 1rem;
}
  }


br.twoRem
{
display: block;
margin-bottom: 2rem;
content:" ";
}

@-moz-document url-prefix() {
br.twoRem
{
display: block;
margin: 0;
margin-bottom: 2rem;
}
  }


br.threeRem
{
display: block;
margin-bottom: 3rem;
content:" ";
}

@-moz-document url-prefix() {
br.threeRem
{
display: block;
margin: 0;
margin-bottom: 3rem;
}
  }


br.deepBreak
{
display: block;
margin-bottom: 0.8rem;
content:" ";
}

@-moz-document url-prefix() {
br.deepBreak
{
display: block;
margin: 0;
margin-bottom: 0.8rem;
}
  }

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph span.poetryBreak,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryBreak,
span.poetryBreak
{
display: block;
margin-bottom: -0.3rem;
}

/*
@-moz-document url-prefix() {
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph br.poetryBreak,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter br.poetryBreak,
br.poetryBreak
{
display: block;
margin: 0;
margin-bottom: 0.4rem;
}
  }
*/

span.indented
{
margin-left: -3rem;
}

.centredBlockText,
span.centredBlockText,
div.centredBlockText,
html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv.centredBlockText
{
display: inline-block;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}

span.emDash,
.emDash
{
display: inline-block;
padding-left: 0.1rem;
padding-right: 0.2rem;
text-indent: 0;
}

html.js.no-touch body section.pageStyling section.bibleContent h2 span.emDash
{
padding-left: 0.4rem;
padding-right: 0.3rem;
}


/*  _____________________________________________________________________________

   5. HYPERLINK CUSTOMIZATIONS
   _____________________________________________________________________________
*/


/* default link styling (links must be displayed in this order) */

a
{
color: inherit;
text-decoration: none;
cursor: default;
}

a:link
{
color: inherit;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}

a:visited
{
color: inherit;
cursor: pointer;
text-decoration: none;
background-color: transparent;
}

a:hover
{
color: inherit;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}


html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p a:hover,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter a:hover
{
text-decoration: underline;
}

a:active
{
text-decoration: none;
background-color: transparent;
}

a:focus
{
outline: 1px dotted;
}

/* completely plain and non-underlined hyperlink styling */

a.noUnderline
{
color: inherit;
text-decoration: none;
cursor: default;
}

a.noUnderline:link
{
color: inherit;
cursor: default;
text-decoration: none;
background-color: transparent;
}

a.noUnderline:visited
{
color: inherit;
cursor: default;
text-decoration: none;
background-color: transparent;
}

a.noUnderline:hover
{
color: inherit;
cursor: default;
text-decoration: none;
background-color: transparent;
}

a.noUnderline:active
{
text-decoration: none;
background-color: transparent;
cursor: default;
}

a.noUnderline:focus
{
outline: 0;
cursor: default;
}



/* ambient glowing hyperlink styling */

a.ambientGlow,
a.ambientGlow:hover,
a.ambientGlow:focus
{
color: hsla(60, 90%, 50%, 1);
letter-spacing: 2.3px;
font-weight: 500;
word-spacing: 3px;
text-decoration: underline;
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
text-shadow: 0px 0px 1px hsla(60, 90%, 35%, 1), 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.25), -1px -1px 2px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
}

a.ambientGlow:hover,
a.ambientGlow:focus
{
color: hsla(59, 100%, 40%, 1);
text-shadow: -1px -1px 12px hsla(0, 100%, 100%, 0.8), 1px 1px 12px hsla(0, 100%, 100%, 0.8);
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines h3 a.ambientGlow
{
display: inline-block;
margin-bottom: 0.2rem;
text-decoration: none;
border-bottom: 3px solid hsla(59, 100%, 45%, 1);
box-shadow: 0px 6px 6px -8px hsla(60, 90%, 35%, 1);
-webkit-box-shadow: 0px 8px 6px -8px black;
-moz-box-shadow: 0px 8px 6px -8px black;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines h3 a.ambientGlow:hover,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines h3 a.ambientGlow:focus
{
border-bottom: 3px solid hsla(59, 100%, 35%, 0.6);
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h3,
div.divOutlines h3
{
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
}

/* ambient yellow hyperlink styling */

a.ambient
{
cursor: pointer;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
}

a.ambient:link
{
text-decoration: underline;
color: hsla(59, 100%, 81%, 0.8);
background-color: transparent;
}

a.ambient:visited
{
text-decoration: underline;
color: hsla(59,100%,81%,0.8);
background-color: transparent;
}

a.ambient:hover
{
text-decoration: underline;
color: hsla(59,100%,81%,1);
background-color: transparent;
}

a.ambient:active
{
text-decoration: underline;
color: hsla(59,100%,81%,0.4);
background-color: transparent;
}

/* hyperlink reference styling */

a.reference
{
cursor: default;
color: hsla(60, 90%, 65%, 0.95);
}

a.reference:link
{
text-decoration: underline;
color: hsla(60, 90%, 65%, 0.95);
background-color: transparent;
}

a.reference:visited
{
text-decoration: underline;
color: hsla(60, 90%, 65%, 0.95);
background-color: transparent;
}

a.reference:hover
{
text-decoration: underline;
color: hsla(60, 90%, 65%, 0.80);
background-color: transparent;
}

a.reference:active
{
text-decoration: underline;
color: hsla(60, 90%, 65%, 0.95);
background-color: transparent;
}

/* footnote popup a styling */

html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p a.popup:hover,
div.divOutlines p a.popup:hover,
a.popup:hover
{
text-decoration: underline;
}


/* glowing white hyperlink styling */

a.glowWhite,
a.glowWhite:hover,
a.glowWhite:focus
{
color: hsla(0, 100%, 100%, 1);
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
}

a.glowWhite:hover,
a.glowWhite:focus
{
color: hsla(0, 100%, 100%, 1);
text-shadow: -1px -1px 15px hsla(59, 100%, 40%, 0.8), 1px 1px 15px hsla(59, 100%, 40%, 0.8);
}

a.glowWhite
{
text-decoration: none;
}

a.glowWhite:hover
{
text-decoration: underline;
}

/* white glowing hyperlink styling */

a.whiteGlow,
a.whiteGlow:hover,
a.whiteGlow:focus
{
color: hsla(0, 100%, 100%, 0.8);
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
text-shadow: -1px -1px 1px hsla(0,0%,0%,0.4), 1px 1px 1px hsla(0,0%,0%,0.4), -1px -1px 2px hsla(182, 100%, 29%, 0.6), 1px 1px 2px hsla(182, 100%, 29%, 0.6), -1px -1px 4px hsla(253, 100%, 24%, 0.2), 1px 1px 4px hsla(253, 100%, 24%, 0.2), 0 0 1px hsla(0,0%,0%,0.4);
}

a.whiteGlow:hover,
a.whiteGlow:focus
{
color: hsla(0, 100%, 100%, 1);
text-shadow: -1px -1px 8px hsla(59, 100%, 60%, 1), 1px 1px 8px hsla(59, 100%, 60%, 1), -1px -1px 12px hsla(54, 100%, 61%, 1), 2px 2px 10px hsla(54, 100%, 61%, 1), -2px -2px 10px hsla(54, 100%, 30%, 1), 2px 2px 10px hsla(54, 100%, 30%, 1), 0 0 0 hsla(0,0%,70%,1);
}

a.whiteGlow
{
text-decoration: none;
}

a.whiteGlow:hover
{
text-decoration: underline;
}

/* white glowing prayer hyperlink styling */

a.whiteGlowPrayer,
a.whiteGlowPrayer:hover,
a.whiteGlowPrayer:focus
{
color: hsla(0, 100%, 100%, 0.8);
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
text-shadow: 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 2px hsla(0, 0%, 0%, 1), 3px 3px 3px hsla(0, 0%, 0%, 1), -2px -2px 2px hsla(60, 90%, 65%, 0.3), 3px 3px 3px hsla(60, 90%, 75%, 0.3), -3px -3px 3px hsla(60, 90%, 65%, 0.1), 4px 4px 4px hsla(60, 90%, 100%, 0.1), -4px -4px 4px hsla(60, 90%, 100%, 0.1), 5px 5px 5px hsla(60, 90%, 100%, 0.1), 6px 6px 6px hsla(60, 90%, 100%, 0.1);
}

a.whiteGlowPrayer:hover,
a.whiteGlowPrayer:focus
{
color: hsla(0, 100%, 100%, 1);
text-shadow: -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70);
}

a.whiteGlowPrayer
{
text-decoration: none;
}

a.whiteGlowPrayer:hover
{
text-decoration: underline;
}

/* white glowing underlined hyperlink styling */

a.whiteGlow2,
a.whiteGlow2:hover,
a.whiteGlow2:focus
{
color: hsla(0, 100%, 100%, 0.8);
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px -1px 2px hsla(182, 100%, 9%, 1), 1px 1px 2px hsla(182, 100%, 9%, 1), -1px -1px 4px hsla(253, 100%, 24%, 0.3), 1px 1px 4px hsla(253, 100%, 24%, 0.3);
}

a.whiteGlow2:hover,
a.whiteGlow:focus
{
color: hsla(0, 100%, 100%, 1);
text-shadow: -1px -1px 15px hsla(59, 100%, 40%, 0.8), 1px 1px 15px hsla(59, 100%, 40%, 0.8);
}

a.whiteGlow2
{
text-decoration: underline;
}

/* white hyperlink styling */

a.whiteLinks
{
cursor: pointer;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
}

a.whiteLinks
{
color: hsla(0, 100%, 100%, 0.75);
}

a.whiteLinks:visited
{
color: hsla(0, 100%, 100%, 0.8);
}

a.whiteLinks:hover
{
color: hsla(0, 100%, 100%, 1);
text-shadow: 0px -1px 8px hsla(0, 100%, 100%, 1), -1px -1px 8px hsla(0, 100%, 100%, 1), 1px 1px 8px hsla(0, 100%, 100%, 1), -1px 1px 8px hsla(0, 100%, 100%, 1), 1px 1px 8px hsla(0, 100%, 100%, 1);
}

a.whiteLinks:active
{
color: hsla(181, 91%, 61%, 0.55);
}

/* section h2 link styles */

h2 a:link
{
color: white;
}

h2 a:hover
{
color: inherit;
}

a.plain
{
color: inherit;
text-decoration: underline;
cursor: default;
   white-space: normal;    
}

a.plain:link
{
color: inherit;
cursor: pointer;
background-color: transparent;
}

a.plain:visited
{
color: inherit;
cursor: pointer;
background-color: transparent;
}

a.plain:hover
{
color: inherit;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}

a.plain:active
{
background-color: transparent;
}

/*  _____________________________________________________________________________

   6. TEXT COLOUR, STYLE AND SIZE CUSTOMIZATIONS
   _____________________________________________________________________________
*/


/*
<!--
modifier letter begin low tone ˻
<span class="lowToneLeft">˻</span>
modifier letter end low tone ˼
<span class="lowToneRight">˼</span>
-->*/

.lowToneLeft
{
opacity: 0.6;
}

.lowToneRight
{
opacity: 0.6;
}

.superscript
{
font-size: xx-small;
vertical-align: top;
}

.subscript
{
font-size: xx-small;
vertical-align: bottom;
}

/*<span class="subscript">*/

sup,
sub
{
vertical-align: baseline;
position: relative;
top: -0.4rem;
}

sub
{
top: 0.4rem;
}

.i,
.j
{
margin-left: 0.12rem;
}

/*
.i
{
font-family: Tahoma, Verdana, Georgia, 'Times New Roman', serif;
font-size: 1.1rem;
margin-right: 0.055rem;
text-shadow: inherit;
}
*/

/*
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines div.buttonMargin button.buttonOP span.i
{
font-size: 0.9rem;
}
*/

/*
.j
{
font-family: Tahoma, Verdana, Georgia, 'Times New Roman', serif;
font-size: 1.15rem;
padding-right: 0.05rem;
text-shadow: inherit;
}
*/

/*
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines div.buttonMargin button.buttonOP span.j
{
font-size: 0.9rem;
}
*/

/*
i span.i,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p i span.i
{
margin-right: 0.1rem;
text-shadow: inherit;
}
*/

/*
i span.j,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p i span.j
{
margin-right: 0.2rem;
}
*/

/*
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p a span.smallCaps span.j,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p span.smallCaps span.j
{
font-size: 0.95rem;
}
*/

.serif
{
font-family: noto-serif, Georgia, "Times New Roman", serif;
font-style: normal;
font-weight: 500;
}

h2.centreLeft
{
text-align: left;
margin-left: 7rem;
}

h6.superscription
{
font-size: 1rem;
text-align: center;
margin-bottom: 4rem;
font-weight: normal;
}

.serifItalic
{
font-family: noto-serif, Georgia, "Times New Roman", serif;
font-weight: 500;
font-style: italic;
}

.noPre
{
display: inline;
margin: 0;
padding: 0;
}

.God
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
word-spacing: inherit;
color: hsla(21, 100%, 20%, 1);
text-shadow: 0 0 0 hsla(21, 100%, 20%,0.5), 1px 1px 1px hsla(21, 100%, 40%, 0.6);
}

.Jesus
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
word-spacing: inherit;
color: hsla(0, 100%, 25%, 1);
text-shadow: 0 0 0 hsla(0, 100%, 40%, 1), 1px 1px 1px hsla(0, 100%, 65%, 0.5);
}

.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p.PoetryParagraph span.smallCaps
{
font-variant: small-caps;
font-style: inherit;
font-weight: inherit;
text-shadow: inherit;
letter-spacing: 1.3px;
color: inherit;
text-indent: 0;
}

html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p.PoetryParagraph span.smallCaps
{
letter-spacing: 1.3px;
}

.smallText
{
font-size: 72%;
font-weight: 600;
text-shadow: inherit;
}

h2.smallText
{
font-size: 92%;
font-weight: 700;
}

/*
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.footnotesHeading span.smallText span.j,
span.smallText span.j
{
font-size: 104%;
}
*/

.secondarySmallCaps
{
font-size: 75%;
text-shadow: inherit;
font-weight: 600;
}

/*
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.secondarySmallCaps span.i,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.secondarySmallCaps span.j,
span.secondarySmallCaps span.i,
span.secondarySmallCaps span.j
{
font-size: 95%;
text-shadow: inherit;
margin-left: 0.065rem;
}
*/

/*
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.footnotesHeading span.smallCaps span.j,
span.smallCaps span.j
{
font-size: 104%;
}
*/

/* regular Psalms superscriptions*/

html.js body section.poetryPageStyling section.poetryContent div.span.superscription,
html.js.no-touch body section.poetryPageStyling section.poetryContent span.superscription
{
display: inline-block;
text-align: left;
font-size: 0.975rem;
margin: 1rem auto 0 auto;
max-width: 60%;
}


/* footnotes popup smallCaps heading sizing */


b span.smallCaps,
html.js.no-touch body ul.jqpopupmenu li p.noIndent b span.smallCaps,
html.js.no-touch body ul.jqpopupmenu li b span.smallCaps
{
/*font-size: 90%;*/
font-weight: inherit;
}

html.js.no-touch body ul.jqpopupmenu.PopupWide li p.noIndent b span.smallCaps,
html.js.no-touch body ul.jqpopupmenu b span.smallCaps
{
font-weight: inherit;
text-shadow: inherit;
letter-spacing: inherit;
font-size: inherit;
}

span.poetrySecondLetterDropCap span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.man.quote span.smallCaps,
span.man span.God span.smallCaps,
span.God span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.man span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.gappedMessage span.man span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p span.man span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p span.man span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.PoetryParagraph span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.God span.secondLetterGoldBox span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.God span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.man span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.Jesus.quote span.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.Jesus span.smallCaps,
html.js.no-touch body section.pageStyling div.footer p span.smallCaps
{
color: inherit;
text-shadow: inherit;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p span.man.quote span.God
{
font-size: inherit;
}

.man
{
color: hsla(240, 100%, 32%, 1);
/*text-shadow: 1px 1px 1px hsla(220, 100%, 20%, 0.6);*/
font-size: inherit;
}

html.js.no-touch body ul.jqpopupmenu li span.man
{
color: hsla(240, 100%, 25%, 1);
/*text-shadow: 1px 1px 1px hsla(220, 100%, 20%, 0.15);*/
font-size: inherit;
}

.verse,
.verseHeadingProse,
section.letter p span.verse,
section.letter p.Message span.verse,
section.letter p.textBlock span.verse
{
font-size: 0.85rem;
color: hsla(210, 100%, 60%, 1);
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
text-shadow: none;
}

html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.verse:first-of-type
{
margin-right: 0.4rem;
}

html.js.no-touch body section.pageStyling section.bibleContent div.CommandmentBox ol li span.verse
{
color: hsla(210, 100%, 15%, 1);
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-size: 0.9rem
}

.floatedIndent,
html.js.no-touch body ul.jqpopupmenu li p.PoetryParagraph span.floatedIndent,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p.PoetryParagraph span.floatedIndent,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p.subPoetryParagraph span.floatedIndent,
html.js.no-touch body p.PoetryParagraph span.floatedIndent,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li section.pageStyling section.bibleContent p.PoetryParagraph span.floatedIndent
{
color: inherit;
float: left;
margin-left: -3rem;
clear: left;
line-height: 1.7;
}

.verseHeadingBlue
{
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(240,100%,90%,1);
float: left;
margin: -0.01rem 4rem 0 0;
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

.list
{
text-align: right;
}

/* outlines whitetext — particularly used in the Psalm outlines. */


.whitetextHeader
{
color: hsla(220, 100%, 50%, 1);
margin-top:1.15rem;
display:inline-block;
}

.whitetext
{
color: hsla(220, 100%, 50%, 1);
}

.italic
{
font-style: italic;
}

div.paragraphImageHeading
{
display: block;
margin: 3rem 0 1rem 6rem;
}

img.imgNoStyle,
section.mainContent img.imgNoStyle,
section.bibleContent img.imgNoStyle
{
display: inline;
float: none;
clear: none;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper img.leftDefault,
html.js body section.pageStyling section.mainContent div.divOutlinesWrapper img.leftDefault,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines img.leftDefault,
img.leftDefault
{
float: none;
display: block;
margin: 0;
border: none;
border-radius: none;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

/*  _____________________________________________________________________________

   7. BACKGROUND CUSTOMIZED STYLING
   _____________________________________________________________________________
*/

.colouredBackground
{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNjI4OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMxZDFmYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNCUiIHN0b3AtY29sb3I9IiMyMTI2Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiMyNDJiZTUiIHN0b3Atb3BhY2l0eT0iMC44NCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiMwYjBmZjAiIHN0b3Atb3BhY2l0eT0iMC42MSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiMwMDA0ZjQiIHN0b3Atb3BhY2l0eT0iMC40MyIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiM3ZDA1ZmYiIHN0b3Atb3BhY2l0eT0iMC4yOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiM3ZDA1ZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center, ellipse cover, hsla(232,75%,35%,1) 0%, hsla(239,71%,39%,1) 23%, hsla(238,72%,47%,1) 34%, hsla(238,79%,52%,0.84) 42%, hsla(239,91%,49%,0.61) 54%, hsla(239,100%,48%,0.43) 59%, hsla(269,100%,51%,0.29) 63%, hsla(269,100%,51%,0) 71%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, hsla(232,75%,35%,1)), color-stop(23%, hsla(239,71%,39%,1)), color-stop(34%, hsla(238,72%,47%,1)), color-stop(42%, hsla(238,79%,52%,0.84)), color-stop(54%, hsla(239,91%,49%,0.61)), color-stop(59%, hsla(239,100%,48%,0.43)), color-stop(63%, hsla(269,100%,51%,0.29)), color-stop(71%, hsla(269,100%,51%,0))); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover, hsla(232,75%,35%,1) 0%, hsla(239,71%,39%,1) 23%, hsla(238,72%,47%,1) 34%, hsla(238,79%,52%,0.84) 42%, hsla(239,91%,49%,0.61) 54%, hsla(239,100%,48%,0.43) 59%, hsla(269,100%,51%,0.29) 63%, hsla(269,100%,51%,0) 71%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover, hsla(232,75%,35%,1) 0%, hsla(239,71%,39%,1) 23%, hsla(238,72%,47%,1) 34%, hsla(238,79%,52%,0.84) 42%, hsla(239,91%,49%,0.61) 54%, hsla(239,100%,48%,0.43) 59%, hsla(269,100%,51%,0.29) 63%, hsla(269,100%,51%,0) 71%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover, hsla(232,75%,35%,1) 0%, hsla(239,71%,39%,1) 23%, hsla(238,72%,47%,1) 34%, hsla(238,79%,52%,0.84) 42%, hsla(239,91%,49%,0.61) 54%, hsla(239,100%,48%,0.43) 59%, hsla(269,100%,51%,0.29) 63%, hsla(269,100%,51%,0) 71%); /* IE10+ */

background: radial-gradient(ellipse at center, hsla(232,75%,35%,1) 0%, hsla(239,71%,39%,1) 23%, hsla(238,72%,47%,1) 34%, hsla(238,79%,52%,0.84) 42%, hsla(239,91%,49%,0.61) 54%, hsla(239,100%,48%,0.43) 59%, hsla(269,100%,51%,0.29) 63%, hsla(269,100%,51%,0) 71%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162899', endColorstr='#007d05ff', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


.blueTable
{
-webkit-border-top-left-radius: 1rem;
-moz-border-radius-topleft: 1rem;
border-top-left-radius: 1rem;
-webkit-border-top-right-radius: 1rem;
-moz-border-radius-topright: 1rem;
border-top-right-radius: 1rem;
-webkit-border-bottom-right-radius: 1rem;
-moz-border-radius-bottomright: 1rem;
border-bottom-right-radius: 1rem;
-webkit-border-bottom-left-radius: 1rem;
-moz-border-radius-bottomleft: 1rem;
border-bottom-left-radius: 1rem;
text-indent: 0;
border: 1px solid #337fed;
position: relative;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.4);
padding: 2rem 1.2rem 2rem 0rem;
}

.blueTable:after,
.blueTable:before
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
-webkit-border-top-left-radius: 1rem;
-moz-border-radius-topleft: 1rem;
border-top-left-radius: 1rem;
-webkit-border-top-right-radius: 1rem;
-moz-border-radius-topright: 1rem;
border-top-right-radius: 1rem;
-webkit-border-bottom-right-radius: 1rem;
-moz-border-radius-bottomright: 1rem;
border-bottom-right-radius: 1rem;
-webkit-border-bottom-left-radius: 1rem;
-moz-border-radius-bottomleft: 1rem;
border-bottom-left-radius: 1rem;
}

.blueTable:after
{
z-index: -1;
transition: opacity 2.3s;
background: #e0fffc; /* Old browsers */
background: -moz-linear-gradient(top, hsla(174,100%,94%,1) 0%, hsla(180,100%,96%,1) 29%, hsla(180,100%,99%,1) 50%, hsla(180,100%,96%,1) 71%, hsla(174,100%,94%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(174,100%,94%,1) 0%,hsla(180,100%,96%,1) 29%,hsla(180,100%,99%,1) 50%,hsla(180,100%,96%,1) 71%,hsla(174,100%,94%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(174,100%,94%,1) 0%,hsla(180,100%,96%,1) 29%,hsla(180,100%,99%,1) 50%,hsla(180,100%,96%,1) 71%,hsla(174,100%,94%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0fffc', endColorstr='#e0fffc',GradientType=0 ); /* IE6-9 */

}

.blueTable:before
{
background: #f5fbff; /* Old browsers */
background: -moz-linear-gradient(top, hsla(204,100%,98%,1) 0%, hsla(214,27%,90%,1) 29%, hsla(223,24%,89%,1) 50%, hsla(213,32%,88%,1) 71%, hsla(206,100%,97%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(204,100%,98%,1) 0%,hsla(214,27%,90%,1) 29%,hsla(223,24%,89%,1) 50%,hsla(213,32%,88%,1) 71%,hsla(206,100%,97%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(204,100%,98%,1) 0%,hsla(214,27%,90%,1) 29%,hsla(223,24%,89%,1) 50%,hsla(213,32%,88%,1) 71%,hsla(206,100%,97%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbff', endColorstr='#eff8ff',GradientType=0 ); /* IE6-9 */
z-index: -2;
}

.blueTable:hover:after
{
opacity: 0;
}

.blueTable:hover
{
border: 1px solid hsla(222, 100%, 80%, 1);
}

.blueTable:active
{
position: relative;
top: 1px;
}

.backButton {
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
background-color:#3d94f6;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border:1px solid #337fed;
display:inline;
cursor:pointer;
color:hsla(229,91%,98%,1);
text-shadow: 0px 1px 1px hsla(229,91%,11%,1);
font-family: inherit;
font-size: inherit;
font-weight: 600;
padding:3px 6px;
text-decoration:none;
line-height: 1.2rem;
opacity: 0.4;
overflow-x: hidden;
}

.backButton:hover {
opacity: 1;
}

.backButton:active {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
position:relative;
top:1px;
}


/*  _____________________________________________________________________________

   8. TEXT RESIZE and COLOR THEME
   _____________________________________________________________________________
*/

.colorTheme
{
float: left;
padding: 1.2rem 0 0 0.7rem;
display: block;
font-size: 0.725rem;
text-align: center;
opacity: 0.6;
position: relative;
z-index: 5;
}

.colorTheme:hover
{
opacity: 1;
}

.colorTheme p
{
margin-top: 2.25rem;
text-indent: 0;
opacity: 0.7;
}

.colorThemeButton
{
cursor: pointer;
text-decoration: none;
}

.leftButton
{
-webkit-border-top-left-radius: 1.2rem;
-webkit-border-bottom-left-radius: 1.2rem;
-moz-border-radius-topleft: 1.2rem;
-moz-border-radius-bottomleft: 1.2rem;
border-top-left-radius: 1.2rem;
border-bottom-left-radius: 1.2rem;
margin-left: 0px;
}

.rightButton
{
-webkit-border-top-right-radius: 1.2rem;
-webkit-border-bottom-right-radius: 1.2rem;
-moz-border-radius-topright: 1.2rem;
-moz-border-radius-bottomright: 1.2rem;
border-top-right-radius: 1.2rem;
border-bottom-right-radius: 1.2rem;
margin-right: 0px;
}

.colorTheme .leftButton,
.colorTheme .rightButton
{
display: block;
float: left;
margin: 0 -1rem 0 1rem;
text-decoration: none;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
height: 1.4rem;
}
 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
 outline : 0;
}

.textResize
{
padding: 1.9rem 0 1rem 0;
text-align: center;
font-size: 0.725rem;
text-indent: 0;
}

.skin
{
height: 5rem;
text-align: left;
opacity: 0.35;
}

.skin:hover
{
opacity: 1;
}

.skin .decrease,
.skin .revert,
.skin .increase
{
display: block;
float: left;
margin: 0 -1rem 0 1rem;
text-decoration: none;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
}

.skin .skin_actions
{
overflow: hidden;
}

.skin .decrease
{
margin-left: 0px;
}

.skin .increase
{
margin-right: 0px;
}

.skin a:link
{
color: white;
}

.skin a:visited
{
color: white;
}

.skin a:hover
{
color: white;
}

.skin a:active
{
color: white;
}

.skin
{
position: fixed;
z-index:5;
left: 1.2%;
top: 82%;
}

.buttonDecrease
{
-webkit-border-top-left-radius: 0.75rem;
-webkit-border-bottom-left-radius: 0.75rem;
-moz-border-radius-topleft: 0.75rem;
-moz-border-radius-bottomleft: 0.75rem;
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}

.buttonIncrease
{
-webkit-border-top-right-radius: 0.75rem;
-webkit-border-bottom-right-radius: 0.75rem;
-moz-border-radius-topright: 0.75rem;
-moz-border-radius-bottomright: 0.75rem;
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}

.buttonDecrease:hover,
.buttonRevert:hover,
.buttonIncrease:hover,
.leftButton:hover,
.rightButton:hover
{
color: white;
background: #2b0090;
background: -moz-linear-gradient(top, hsla(258,100%,28%,1) 0%, hsla(230,100%,50%,1) 50%, hsla(231,100%,45%,1) 51%, hsla(231,86%,69%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(258,100%,28%,1)), color-stop(50%, hsla(230,100%,50%,1)), color-stop(51%, hsla(231,100%,45%,1)), color-stop(100%, hsla(231,86%,69%,1)));
background: -webkit-linear-gradient(top, hsla(258,100%,28%,1) 0%, hsla(230,100%,50%,1) 50%, hsla(231,100%,45%,1) 51%, hsla(231,86%,69%,1) 100%);
background: -o-linear-gradient(top, hsla(258,100%,28%,1) 0%, hsla(230,100%,50%,1) 50%, hsla(231,100%,45%,1) 51%, hsla(231,86%,69%,1) 100%);
background: -ms-linear-gradient(top, hsla(258,100%,28%,1) 0%, hsla(230,100%,50%,1) 50%, hsla(231,100%,45%,1) 51%, hsla(231,86%,69%,1) 100%);
background: linear-gradient(to bottom, hsla(258,100%,28%,1) 0%, hsla(230,100%,50%,1) 50%, hsla(231,100%,45%,1) 51%, hsla(231,86%,69%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b0090', endColorstr='#697ef4', GradientType=0 )
}

.buttonDecrease:active,
.buttonDecrease:focus,
.buttonRevert:active,
.buttonDecrease:focus,
.buttonIncrease:active,
.buttonDecrease:focus,
.leftButton:active,
.leftButton:focus,
.rightButton:active,
.rightButton:focus
{
background: #697ef4;
background: -moz-linear-gradient(top, hsla(231,86%,69%,1) 0%, hsla(231,100%,45%,1) 49%, hsla(230,100%,50%,1) 50%, hsla(258,100%,28%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(231,86%,69%,1)), color-stop(49%, hsla(231,100%,45%,1)), color-stop(50%, hsla(230,100%,50%,1)), color-stop(100%, hsla(258,100%,28%,1)));
background: -webkit-linear-gradient(top, hsla(231,86%,69%,1) 0%, hsla(231,100%,45%,1) 49%, hsla(230,100%,50%,1) 50%, hsla(258,100%,28%,1) 100%);
background: -o-linear-gradient(top, hsla(231,86%,69%,1) 0%, hsla(231,100%,45%,1) 49%, hsla(230,100%,50%,1) 50%, hsla(258,100%,28%,1) 100%);
background: -ms-linear-gradient(top, hsla(231,86%,69%,1) 0%, hsla(231,100%,45%,1) 49%, hsla(230,100%,50%,1) 50%, hsla(258,100%,28%,1) 100%);
background: linear-gradient(to bottom, hsla(231,86%,69%,1) 0%, hsla(231,100%,45%,1) 49%, hsla(230,100%,50%,1) 50%, hsla(258,100%,28%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697ef4', endColorstr='#2b0090', GradientType=0 );
color: white; /*rgb(212,212,225);*/
}

.buttonDecrease,
.buttonRevert,
.buttonIncrease
{
display: table;
padding: 0.1rem 1rem;
}

.buttonDecrease,
.buttonRevert,
.buttonIncrease,
.leftButton,
.rightButton
{
color: white;
border: 1px solid rgb(43,0,144);
font-family: Verdana, Helvetica, sans-serif;
font-weight: 100;
font-size: 0.65rem;
letter-spacing: .045rem;
line-height: 0.8rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
-webkit-box-shadow: inset 0px 1px 3px rgb(162,200,229);
box-shadow: inset 0px 1px 3px rgb(162,200,229);
background: rgba(5, 13, 62, 1); /* Old browsers */


/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5N2VmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMjNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMmJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjAwOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(105,126,244) 0%, rgb(0,35,232) 49%, rgb(1,43,255) 50%, rgb(43,0,144) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(105,126,244)), color-stop(49%, rgb(0,35,232)), color-stop(50%, rgb(1,43,255)), color-stop(100%, rgb(43,0,144))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(105,126,244) 0%, rgb(0,35,232) 49%, rgb(1,43,255) 50%, rgb(43,0,144) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(105,126,244) 0%, rgb(0,35,232) 49%, rgb(1,43,255) 50%, rgb(43,0,144) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(105,126,244) 0%, rgb(0,35,232) 49%, rgb(1,43,255) 50%, rgb(43,0,144) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(105,126,244) 0%, rgb(0,35,232) 49%, rgb(1,43,255) 50%, rgb(43,0,144) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697ef4', endColorstr='#2b0090', GradientType=0 ); /* IE6-8 */

}

.buttonDecrease:focus,
.buttonRevert:focus,
.buttonIncrease:focus,
.leftButton:focus,
.rightButton:focus
{
outline: none;
}

/*  _____________________________________________________________________________

   9. BLOCK LEVEL ELEMENT CUSTOMIZATIONS
   _____________________________________________________________________________
*/

.whitetextBox
{
border: 2px solid gray;
display: table;
margin: 2rem auto 3rem auto;
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
padding: 3rem;
color: gray;
}

div.CommandmentBox
{
font-size: 1.2rem;
border: 8px double hsla(202, 100%, 96%, 1);
box-shadow: 0 0 0 3px hsla(242, 100%, 92%, 1), 0 0 0 5px hsla(202, 100%, 92%, 1), 0 0 0 10px hsla(242, 100%, 92%, 1), 0 0 2px 10px hsla(202, 100%, 92%, 1);
display: table;
margin: 1.5rem 0 1.5rem 1.5rem;
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
padding: 2rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
color: hsla(242, 34%, 88%, 1);
text-shadow: none;
}

div.CommandmentBox:after,
div.CommandmentBox:before
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
-webkit-border-top-left-radius: 0.5rem;
-moz-border-radius-topleft: 0.5rem;
border-top-left-radius: 0.5rem;
-webkit-border-top-right-radius: 0.5rem;
-moz-border-radius-topright: 0.5rem;
border-top-right-radius: 0.5rem;
-webkit-border-bottom-right-radius: 0.5rem;
-moz-border-radius-bottomright: 0.5rem;
border-bottom-right-radius: 0.5rem;
-webkit-border-bottom-left-radius: 0.5rem;
-moz-border-radius-bottomleft: 0.5rem;
border-bottom-left-radius: 0.5rem;
}

div.CommandmentBox:after
{
z-index: -1;
transition: opacity 2.3s;
background: #f7f8ff;
background: -moz-linear-gradient(top, hsla(233,100%,98%,1) 0%, hsla(230,45%,87%,1) 38%, hsla(230,53%,83%,1) 70%, hsla(230,83%,82%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(233,100%,98%,1)), color-stop(38%, hsla(230,45%,87%,1)), color-stop(70%, hsla(230,53%,83%,1)), color-stop(100%, hsla(230,83%,82%,1)));
background: -webkit-linear-gradient(top, hsla(233,100%,98%,1) 0%, hsla(230,45%,87%,1) 38%, hsla(230,53%,83%,1) 70%, hsla(230,83%,82%,1) 100%);
background: -o-linear-gradient(top, hsla(233,100%,98%,1) 0%, hsla(230,45%,87%,1) 38%, hsla(230,53%,83%,1) 70%, hsla(230,83%,82%,1) 100%);
background: -ms-linear-gradient(top, hsla(233,100%,98%,1) 0%, hsla(230,45%,87%,1) 38%, hsla(230,53%,83%,1) 70%, hsla(230,83%,82%,1) 100%);
background: linear-gradient(to bottom, hsla(233,100%,98%,1) 0%, hsla(230,45%,87%,1) 38%, hsla(230,53%,83%,1) 70%, hsla(230,83%,82%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8ff', endColorstr='#a8b5f7', GradientType=0 );
border: 8px double hsla(202, 100%, 96%, 1);
}

div.CommandmentBox:before
{
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, hsla(212,67%,36%,1) 0%, hsla(207,69%,51%,1) 50%, hsla(206,70%,70%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(212,67%,36%,1) 0%,hsla(207,69%,51%,1) 50%,hsla(206,70%,70%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(212,67%,36%,1) 0%,hsla(207,69%,51%,1) 50%,hsla(206,70%,70%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
z-index: -2;
}

div.CommandmentBox:hover:after
{
opacity: 0;
}

div.CommandmentBox:hover
{
font-size: 1.2rem;
box-shadow: 0 0 0 3px hsla(242, 100%, 76%, 1), 0 0 0 5px hsla(202, 100%, 82%, 1), 0 0 0 10px hsla(242, 100%, 86%, 1), 0 0 2px 12px hsla(202, 100%, 90%, 1);
display: table;
margin: 1.5rem 0 1.5rem 1.5rem;
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
padding: 2rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
color: hsla(242, 34%, 98%, 1);
text-shadow: none;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li span.God,
html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li span.God span.smallCaps,
div.CommandmentBox ol li span.God,
div.CommandmentBox ol li span.God span.smallCaps
{
color: hsla(21, 100%, 20%, 1);
text-shadow: 0 0 0 hsla(21, 100%, 40%, 0.5), 1px 1px 1px hsla(21, 90%, 65%, 0.5);
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li span.God span.i
{
font-family: inherit;
text-shadow: inherit;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li span.God span.smallCaps,
div.CommandmentBox ol li span.God span.smallCaps
{
font-size: inherit;
text-shadow: inherit;
font-weight: inherit;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li span.verse,
div.CommandmentBox ol li span.verse2
{
font-size: 0.7rem;
text-shadow: none;
}

.whitetextBoxLeft
{
display: table;
margin: 1.5rem 0 1.5rem 1.5rem;
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 1.6rem;
padding: 2rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
border: 4px double hsla(0, 0%, 0%, 0.3);
color: hsla(0, 0%, 0%, 0.7);
text-shadow: 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox,
.goldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt,
.goldBoxLeft,
.goldBoxLeftAlt
{
display: table;
width: auto;
position: relative;
font-family: noto-serif, Georgia, "Times New Roman", serif;
font-style: normal;
font-weight: 600;
font-size: 1.3rem;
text-align: center;
padding: 2rem;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
border: 1px double hsla(40, 79%, 34%, 1);
color: white;
background: url("../images/gold.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox,
.goldBox
{
margin: 2rem auto;
}

/* popit goldBox  */

html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.goldBox
{
width: auto;
margin: 2rem auto;
}
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.goldBox div.subGoldBox
{
width: 100%;
}
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.goldBoxLeft div.subGoldBox p.PoetryParagraph
{
white-space: nowrap;
width: 100%;
margin: 0.5rem auto;
padding: 0;
padding-left: 2rem;
text-indent: 0;
text-align: left;
}

/* end of popit goldBox css */


html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft,
.goldBoxLeft
{
margin: 2rem 0 2rem 2rem;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt,
.goldBoxLeftAlt
{
margin: 2rem 0 2rem 10.25rem;
}

.subGoldBox .smallCaps,
.subGoldBoxLeft .smallCaps
{
font-weight: 600;
text-shadow: none;
}

.goldBox .man,
.goldBox .subGoldBox .smallCaps,
.goldBoxLeft .subGoldBox .smallCaps,
.goldBoxLeft .man,
.goldBoxLeftAlt .subGoldBox .smallCaps,
.goldBoxLeft .subGoldBoxLeft .smallCaps,
.goldBoxLeftAlt .man,
.goldBoxLeftAlt .subGoldBoxLeft .smallCaps
{
color: white;
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.God,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.God,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.God
{
color: hsla(35, 100%, 90%, 1);
text-shadow: 0px 0px 0px hsla(0, 0%, 0%, 0.4), 0 0 1px hsla(0, 0%, 0%, 0.4), -1px -1px 1px hsla(0, 0%, 0%, 0.4), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.verse,
.goldBox .subGoldBox .verse,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.verse,
.goldBoxLeft .subGoldBoxLeft .verse,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.verse,
.goldBoxLeftAlt .subGoldBoxLeft .verse,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.subPoetryParagraph span.verse,
.goldBox .subGoldBox .verse,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.subPoetryParagraph span.verse,
.goldBoxLeftAlt .subGoldBoxLeft .verse
{
font-size: 0.9rem;
color: hsla(210, 100%, 31%, 0.6);
text-shadow: 0 0 1px hsla(48, 100%, 92%, 0.4), 1px 1px 1px hsla(48, 100%, 92%, 0.2), -1px -1px 1px hsla(48, 100%, 92%, 0.1);
float: none;
margin-right: 1.8rem;
}

.subGoldBox,
.subGoldBoxLeft
{
text-align: center;
width: auto;
display: table;
margin: auto;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph,
div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.subPoetryParagraph,
div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.subPoetryParagraph,
div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBox div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBoxLeft div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBox div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBox div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBoxLeft div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.subPoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.goldBoxLeftAlt div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapper div.goldBoxLeftAlt div.subGoldBox p.PoetryParagraph
{
text-align: left;
}

/* gold box div poetry styling */

html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBox p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBoxLeft p.PoetryParagraph,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-display: swap;
font-size: 1.25rem;
font-weight: 700;
text-align: left;
}

div.goldBox div.subGoldBox span.God span.smallCaps,
div.goldBox a div.subGoldBox span.God div.goldBoxLeft div.subGoldBoxLeft span.God span.smallCaps,
div.goldBoxLeft a div.subGoldBoxLeft span.God,
div.goldBoxLeftAlt a div.subGoldBoxLeft span.God
{
color: hsla(35, 100%, 80%, 1);
text-shadow: 0 0 1px hsla(44, 100%, 15%, 1), 1px 1px 1px hsla(0, 0%, 0%, 0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.2), 4px 4px 1px hsla(0, 0%, 0%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.firstLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.firstLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.firstLetterGoldBox,
.firstLetterGoldBox
{
margin: 0;
display: inline-block;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 900;
font-size: 1.85rem;
text-shadow: inherit;
line-height: 0;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.secondLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.secondLetterGoldBox,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.secondLetterGoldBox,
.secondLetterGoldBox
{
font-size: 1.75rem;
text-shadow: inherit;
display: inline-block;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 0;
line-height: 0;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.largeFontContainer,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.largeFontContainer,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeftAlt div.subGoldBoxLeft p.PoetryParagraph span.largeFontContainer
{
line-height: 2.25;
display: inline-block;
margin-top: 1rem;
margin-bottom: 1rem;
}

/* Bible book outline page styling */

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

div.divOutlines
{
text-align: left;
}

div.imageCenter,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter,
html.js body section.pageStyling section.mainContent div.imageCenter,
html.js body section.pageStyling section.bibleContent div.imageCenter
{
text-align: center;
display: block;
margin: 2rem auto 1.5rem auto;
width: 100%;
}

img.centeredImage,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter img.centeredImage,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.imageCenter img.centeredImage,
html.js body section.pageStyling section.mainContent div.imageCenter a img.centeredImage,
html.js body section.pageStyling section.bibleContent div.imageCenter img.imagePopup,
html.js.no-touch body ul.jqpopupmenu. li div.footnotesOuterWrapper div.footnotesInnerWrapper img.imagePopup
{
display: block;
margin: 0 auto;
float: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
border: none;
box-shadow: none;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter img.centeredImage
{
border: 0 none;
box-shadow: none;
}

div#firstLineLarge
{
color: hsla(59, 100%, 75%, 1.00);
display: block;
margin: 1.5rem 0 0.5rem 1rem;
width: 100%;
}

section.prayer div#firstLineLarge
{
margin: 2rem 0 1rem 0;
}

section.prayer div#firstLineLarge .verseHeadingPoetry
{
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210, 100%, 50%, 1);
float: left;
margin: 1.5rem 1.2rem 0 1rem;
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

.firstLetterDropCap
{
color: hsla(59, 100%, 75%, 1.00);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 900;
font-size: 3rem;
margin-top: -0.5rem;
margin-left: -0.3rem;
display: inline;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), 0px 0px 3px hsla(0, 0%, 0%, 1.00), -1px -1px 1px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 4px 4px 4px black, 5px 5px 5px black, 20px 20px 150px hsla(308, 100%, 90%, 0.9), -20px -20px 150px hsla(308, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(308, 100%, 50%, 0.9), -15px -15px 70px hsla(308, 100%, 50%, 0.9), 10px 10px 40px hsla(308, 100%, 50%, 0.9), -10px -10px 40px hsla(308, 100%, 50%, 0.9), 5px 5px 30px hsla(308, 100%, 50%, 0.9), -5px -5px 30px hsla(308, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0,0%,0%,1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
}

.secondLetterDropCap
{
color: hsla(59, 100%, 75%, 1.00);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
display: inline;
text-shadow: -1px -1px 1px hsla(0, 0%, 0%, 0.8), 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 20px 20px 150px hsla(308, 100%, 90%, 0.9), -20px -20px 150px hsla(308, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(308, 100%, 50%, 0.9), -15px -15px 70px hsla(308, 100%, 50%, 0.9), 10px 10px 40px hsla(308, 100%, 50%, 0.9), -10px -10px 40px hsla(308, 100%, 50%, 0.9), 5px 5px 30px hsla(308, 100%, 50%, 0.9), -5px -5px 30px hsla(308, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0,0%,0%,1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
}

.justified
{
text-align: justify;
}

/* BACK TO THE TOP DIV */


/* back to the top div from the bottom of the page - fixed position */

#backToTop
{
height: 5rem;
width: 11rem;
position: fixed;
right: 0.15%;
top: 82%;
background: url('../images/menuImages/backToTop.png') no-repeat top center;
text-align: center;
text-decoration: none;
cursor: pointer;
box-shadow: none;
opacity: 0.3;
}

#backToTop:hover
{
opacity: 1;
}

#backToTop p
{
margin-top: 2.25rem;
}

/* END OF BACK TO THE TOP DIVS */

/* closing mainContent paragraph */

p.closingReference
{
text-indent: 0;
font-size: 0.9rem;
font-style: italic;
margin-left: auto;
margin-right: auto;
}

/* DROPCAPS PAGE TEXT OPENING */


/* dropcap styling */

div.firstWordWrapper
{
margin-top: 4rem;
margin-left: 2rem;
clear: left;
}

div.firstWordWrapper.poetryInset
{
margin-left: 2.6rem;
}

div.firstWord
{
display: block;
float: left;
height: 4.2rem;
min-width: 3.6rem;
padding: 1.2rem;
padding-top: 1.9rem;
margin: -3rem 0.35rem -2.25rem -1.5rem;
text-align: center;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
color: hsla(54,100%,60%,1.00);
}


div.firstWordAlt
{
display: block;
float: left;
height: 3.15rem;
min-width: 3.6rem;
padding: 0.8rem 1.6rem 1rem 1.2rem;
margin: -2.3rem 0.35rem -2.25rem -1.5rem;
text-align: center;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
color: hsla(54,100%,60%,1.00);
}

.dropCap
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 900;
font-style: normal;
font-size: 3.8rem;
float: left;
margin-top: -1.4rem;
margin-right: 0.2rem;
display: block;
clear: left;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 19px hsla(53,100%,97%,0.70), -1px -1px 19px hsla(53,100%,97%,0.70), -1px -1px 21px hsla(53,100%,97%,0.70), -1px -1px 21px hsla(53,100%,97%,0.70);
}

.secondLetter
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 900;
font-style: normal;
font-size: 2.6rem;
margin-top: -0.6rem;
display: inline-block;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70);
}

html.js.no-touch body section.pageStyling section.bibleContent div.firstWordWrapper div.firstWordAlt.colouredBackground span.secondLetter
{
margin-top: -0.2rem;
}

.secondLetterAlt
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 900;
font-style: normal;
font-size: 2.6rem;
margin-top: -0.35rem;
display: inline-block;
text-shadow: 0 0 0 black, -1px -1px 1px hsla(238, 58%, 8%, 0.91), 1px 1px 1px hsla(0, 0%, 0%, 1), 2px 2px 1px hsla(0, 0%, 0%, 1), 3px 3px 1px hsla(0, 0%, 0%, 1), 1px 1px 6px hsla(249, 100%, 36%, 1), -1px -1px 6px hsla(249, 100%, 36%, 1), 1px 1px 12px hsla(360, 100%, 100%, 1), -1px -1px 12px hsla(360, 100%, 100%, 1), -1px -1px 18px hsla(53,100%,97%,0.70), -1px -1px 18px hsla(53,100%,97%,0.70);
}

.verseHeadingProse
{
float: left;
margin: -0.01rem 2.8rem 0 -1.85rem;
clear: left;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf div.firstWordWrapper span.verseHeadingProse
{
margin-left: -1.75rem;
}

div.firstWord.colouredBackground a span.reference
{
color: inherit;
text-shadow: inherit;
}

/* dropcap paragraph styling repair */

p.opening,
.bibleContent p.opening,
html.js.no-touch body section.pageStyling section.bibleContent p.opening
{
text-indent: 0.8rem;
display: inline;
}

/* end of dropcaps page text opening */


/* END OF DROPCAPS PAGE TEXT OPENING */


/* footer styling */

div.footer
{
width: 90%;
margin: 1.8rem auto 3.5rem auto;
font-size: 0.85rem;
font-weight: 300;
color: hsla(240,100%,50%,1);
line-height: 1.4;
text-align: left;
word-spacing: 0.2rem;
text-shadow: 1px 1px 1px hsla(0,0%,0%,0.25), 1px 1px 2px hsla(0,0%,0%,0.2), 1px 1px 3px hsla(0,0%,0%,0.2), 2px 2px 1px hsla(0,0%,0%,0.2);
}

html.js.no-touch body section.poetryPageStyling div.footer p span.smallCaps
{
text-shadow: 1px 1px 1px hsla(0,0%,0%,0.25), 1px 1px 2px hsla(0,0%,0%,0.2), 1px 1px 3px hsla(0,0%,0%,0.2), 2px 2px 1px hsla(0,0%,0%,0.2);
font-weight: 600;
}

div.footer p
{
margin: 1.8rem 0;
text-indent: 0;
}

/*  _____________________________________________________________________________

   10. OUTLINE PAGES STYLING
   _____________________________________________________________________________
*/


/* Psalm Essay */


/* table for Psalm Essay */


.PsalmEssayTable
{
text-shadow: none;
margin: 0;
padding: 0;
width: 100%;
box-shadow: 10px 10px 5px hsla(0,0%,0%,0.47);
border: 2px solid black;
}

.PsalmEssayTable table
{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-shadow: 1px -1px 4px hsla(240, 100%, 25%, 0.4), -1px 1px 4px hsla(240, 100%, 25%, 0.4), 1px -1px hsla(0, 0%, 0%, 0.6), -1px 1px hsla(0, 0%, 0%, 0.6);
}

.PsalmEssayTable tr:nth-child(odd)
{
background-color: #aad4ff;
}

.PsalmEssayTable tr:nth-child(even)
{
background-color: #65809b;
}

.PsalmEssayTable td
{
vertical-align: middle;
border: 1px solid #000000;
border-width: 0px 1px 1px 0px;
text-align: left;
padding: 14px 14px 14px 12px;
font-size: 1rem;
font-weight: 600;
color: white;
text-shadow: 0 0 0 black, 1px 1px hsla(240, 100%, 70%, 0.5), -1px -1px hsla(240, 100%, 70%, 0.5), -1px 1px hsla(240, 100%, 70%, 0.5), 1px -1px hsla(240, 100%, 70%, 0.5), 3px 4px 2px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 3px hsla(0, 100%, 10%, 0.2), 3px 4px 6px hsla(0, 100%, 10%, 0.2);
}

.PsalmEssayTable tr:last-child td
{
border-width: 0px 1px 0px 0px;
}

.PsalmEssayTable tr td:last-child
{
border-width: 0px 0px 1px 0px;
}

.PsalmEssayTable tr:last-child td:last-child
{
border-width: 0px 0px 0px 0px;
}

.PsalmEssayTable tr:first-child td,
.PsalmEssayTable tr th
{
background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
vertical-align: middle;
background: -moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
background: -o-linear-gradient(top, #005fbf, #003f7f);
background-color: #005fbf;
border: 0px solid #000000;
text-align: center;
border-width: 0px 0px 1px 1px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: white;
font-size: 1.2rem;
font-weight: 600;
text-shadow: 0 0 0 black, 1px 1px hsla(240, 100%, 40%, 1), -1px -1px hsla(240, 100%, 40%, 1), -1px 1px hsla(240, 100%, 40%, 1), 1px -1px hsla(240, 100%, 40%, 1);
}

.PsalmEssayTable tr:first-child:hover td
{
background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
background: -moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
background: -o-linear-gradient(top, #005fbf, #003f7f);
background-color: #005fbf;
}

.PsalmEssayTable tr:first-child td:first-child
{
border-width: 0px 0px 1px 0px;
}

.PsalmEssayTable tr:first-child td:last-child
{
border-width: 0px 0px 1px 1px;
}

th.tableHeader,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper table.PsalmEssayTable tbody tr th.tableHeader
{
color: hsla(59, 100%, 75%, 1.00);
font-size: 1.5rem;
font-weight: 600;
text-shadow: 0 0 0 black, 1px 1px hsla(240, 100%, 40%, 1), -1px -1px hsla(240, 100%, 40%, 1), -1px 1px hsla(240, 100%, 40%, 1), 1px -1px hsla(240, 100%, 40%, 1);
}

th.tableMinorHeader,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper table.PsalmEssayTable tbody tr th.tableMinorHeader
{
color: hsla(59, 100%, 75%, 1.00);
font-size: 1.3rem;
font-weight: 600;
text-shadow: 0 0 0 black, 1px 1px hsla(240, 100%, 40%, 1), -1px -1px hsla(240, 100%, 40%, 1), -1px 1px hsla(240, 100%, 40%, 1), 1px -1px hsla(240, 100%, 40%, 1);
}

th.tableTHClose,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper table.PsalmEssayTable tbody tr th.tableTHClose
{
color: hsla(59, 100%, 75%, 1.00);
font-weight: 600;
font-size: 1.25rem;
text-shadow: 0 0 0 black, 1px 1px hsla(240, 100%, 40%, 1), -1px -1px hsla(240, 100%, 40%, 1), -1px 1px hsla(240, 100%, 40%, 1), 1px -1px hsla(240, 100%, 40%, 1);
}

/* end of table for Psalm Essay */


/* outline Psalm pages index table */

table.PsalmChapterIndex
{
width: 100%;
}

table.PsalmChapterIndex tbody tr td
{
width: 14%;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 1rem;
padding: 0 0.2rem 0.35rem 0.3rem;
}

/* End of Psalm Pages styling */


html.js.no-touch body section.pageStyling section.bibleContent div.titles.blueTable,
div.titles.blueTable {
padding: 2rem 1.8rem 2rem 0rem;
}

/* Bible chapter outlines head title list reset */

html.js body section.pageStyling section.mainContent div.titles.blueTable,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li
{
padding: 0;
margin: 0;
width: 20%;
line-height: 0;
height: 0;
}

html.js body section.pageStyling section.mainContent div.titles.blueTable,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li
{
margin: auto;
width: auto;
line-height: 1;
height: auto;
color: white;
text-shadow: 0 0 0 hsla(0,0%,100%,1), -1px -1px 1px hsla(0,0%,0%,0.9), 1px 1px 1px hsla(0,0%,0%,0.9), -1px -1px 2px hsla(182, 100%, 29%, 1), 1px 1px 2px hsla(182, 100%, 29%, 1), -1px -1px 4px hsla(253, 100%, 24%, 0.3), 1px 1px 4px hsla(253, 100%, 24%, 0.3), 0 0 0 hsla(0,0%,100%,1), 1px 1px 1px hsla(0,0%,100%,1);
}

/* end of Bible chapter outlines head title list reset */


/* Psalms outlines blueTable table individual page hyperlinked styling */

.blueTable span.pageReferencesStyling
{
display: inline-block;
}

/* Psalms Detailed View essay */

span.headingList
{
display: block;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.titles.blueTable h3,
span.headingList h3
{
margin-top: 2rem;
margin-bottom: 0;
font-size: 1.4rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.titles.blueTable h4,
span.headingList h4
{
margin-left: 3rem;
font-size: 1.1rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}


html.js.no-touch body section.pageStyling section.pageStyling section.poetryPageStyling section.poetryContent div.titles.blueTable p,
blueTable p
{
text-align: left;
}

/* Bible chapter outlines index list text image */

div.titles.blueTable img.textImage,
section.mainContent div.divOutlinesWrapper img.textImage,
img.textImage
{
float: none;
clear: both;
margin: 0;
padding: 0;
text-align: left;
display: block;
border: none;
border-radius: 0;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
height: 3rem;
}

div.titles.blueTable img.textImageDoubleRow,
section.mainContent div.divOutlinesWrapper img.textImageDoubleRow,
img.textImageDoubleRow
{
float: none;
clear: both;
margin: 0;
padding: 0;
text-align: left;
display: block;
border: none;
border-radius: 0;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
height: 6rem;
}

div.titles.blueTable img.BlueTableTextImage,
BlueTableTextImage
{
float: none;
clear: both;
margin: 0;
padding: 0;
text-align: left;
display: block;
border: none;
border-radius: 0;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
height: 2rem;
padding: 0 0 0.5rem 2rem;
}

/* end of Bible chapter outlines index list text image */


/* Bible chapter outlines head titles div */

section.mainContent div.titles,
html.js body section.pageStyling section.mainContent div.titles.blueTable
{
list-style-type: none;
display: block;
text-align: center;
margin: 0 auto;
width: 100%;
height: auto;
line-height: 1;
}

/* end of Bible chapter outlines head div */


/* Bible chapter outlines head div ul and li */

ul.chapterIndex,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex,
html.js.no-touch body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex,
html.js.no-touch body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex
{
margin: 0;
padding: 0;
border: none;
text-align: center;
width: 100%;
height: 100%;
line-height: 1;
margin: 0 auto;
padding-left: 2%;
}

ul.chapterIndex li,
html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li,
html.js.no-touch body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li
{
border: none;
margin: 0;
padding: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
display: inline-block;
margin: 0 auto;
width: 12rem;
line-height: 1;
text-align: left;
}

html.js body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li a,
html.js.no-touch body section.pageStyling section.mainContent div.titles.blueTable ul.chapterIndex li a
{
border: none;
margin: 0;
padding: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
margin: 0 auto;
text-align: left;
display: inline-block;
line-height: 2rem;
min-width: auto;
}

/* Bible chapter outlines index list headings */

section.mainContent div.titles h3
{
font-size: 1.3rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 1rem 0;
}

section.mainContent div.titles h4
{
font-size: 1.15rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 1rem 0;
}

div.divOutlinesWrapper div.divOutlines h4
{
font-size: 1.15rem;
text-align: left;
color: hsla(0, 100%, 100%, 0.9);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 0;
}

section.mainContent div.titles p
{
margin-top: 1rem;
}

/* end of Bible chapter outlines index list headings */


/* outlines page wrapper for description div */

section.mainContent div.divOutlinesWrapper
{
padding: 2rem 0;
}

/* outlines page description div */

section.mainContent div.divOutlines,
section.mainContent div.divTopics
{
margin: 0;
padding: 0;
padding-top: 2rem;
}

section.mainContent div.divOutlines p,
section.mainContent div.divTopics p
{
margin: 0.15rem 0;
padding: 0;
display: block;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines button.button,
button.buttonOP,
.buttonOP
{
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
background-color:#3d94f6;
-moz-border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
border-radius: 0.5rem;
border:1px solid #337fed;
display:inline-block;
cursor:pointer;
color:hsla(229,91%,98%,1);
text-shadow: 0px 1px 1px hsla(229,91%,11%,1);
font-family: inherit;
font-size: inherit;
font-weight:600;
padding: 0.4rem 0.9rem;
text-decoration:none;
line-height: 1.2rem;
opacity: 0.7;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines button.button,
button.buttonOP:hover,
.buttonOP:hover
{
opacity: 1;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines button.button,
button.buttonOP:active,
.buttonOP:active {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
position:relative;
top:1px;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines div.buttonMargin,
div.buttonMargin
{
margin-top: 1.3rem;
margin-bottom: 3rem;
}


/*
html.js.no-touch body section.pageStyling section.mainContent div.divOutlines div.buttonMargin button.buttonOP span.i,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlines div.buttonMargin button.buttonOP span.j
{
font-size: 0.8rem;
}
*/


section.mainContent div.titles p#title2
{
margin-top: -2rem;
}

html.js body section.introStyles img.extraMargin
{
margin-bottom: -2rem;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

div.indexPoint
{
height: 1rem;
width: 6rem;
margin: 0 auto;
}

img#outlineTitlesMargin
{
margin-bottom: -1.5rem;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.mainContent div.titles.blueTable h3.withSubtopic
{
margin-bottom: 0.3rem;
}

section.mainContent div.titles.blueTable h4.subtopic
{
text-indent: 5%;
margin: 0;
}


/* ______________________________________________________________________
    Section 10 continued  CSS testing of original outline CSS page specifications below
/* ______________________________________________________________________ */


/* outline Bible pages index table */

table.chapterIndex {
width: 100%;
table-layout: auto;
}

html.js.no-touch body section.pageStyling section.mainContent div.titles.blueTable table.chapterIndex tbody tr,
table.chapterIndex tbody {
text-align: center;
margin: auto;
}

table.chapterIndex tbody tr td {
width: 20%;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 1rem;
padding: 0 0 0.5rem 1rem;
text-align: left;
}

/* outline pages head titles div */

section.mainContent div.titles {
padding: 2rem 1rem 2rem 2rem;
}

section.mainContent div.titles h3 {
font-size: 1.3rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 1rem 0;
}

section.mainContent div.titles h4 {
font-size: 1.15em;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 1rem 0;
}

div.divOutlinesWrapper div.divOutlines h4 {
font-size: 1.15em;
text-align: left;
color: hsla(0, 100%, 100%, 0.9);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 0;
}

section.mainContent div.titles p {
margin-top: 1rem;
}

/* outlines page wrapper for description div */

section.mainContent div.divOutlinesWrapper {
padding: /*2rem*/ 0;
width: 100%;
}

/* outlines page description div */

section.mainContent div.divOutlines, section.mainContent div.divTopics {
margin-top: 3rem;
margin-bottom: -1rem;
}

section.mainContent div.divOutlines p, section.mainContent div.divTopics p {
margin: 0.8rem 0;
padding: 0;
display: block;
}

section.mainContent div.titles p#title2 {
margin-top: -2rem;
}

html.js body section.introStyles img.extraMargin {
margin-bottom: -2rem;
}

div.indexPoint {
height: 1rem;
width: 6rem;
margin: 0 auto;
}

img#outlineTitlesMargin {
margin-bottom: -1.5rem;
}

/* styling for the psalm detailed view essay */

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h3.essayTopics,
h3 .essayTopics
{
margin-top: 2rem;
margin-bottom: 0;
font-size: 1.3rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h3.essayNewTopicSub,
h3 .essayNewTopicSub
{
margin-top: 1.2rem;
font-size: 1.3rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h3.essayTopicSub,
h3 .essayTopicSub
{
font-size: 1.3rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h4.essayTopics,
h4 .essayTopics
{
margin-left: 3rem;
font-size: 1.1rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

html.js.no-touch body.largerText section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines h4.essayTopicSub,
h4 .essayTopicSub
{
font-size: 1.1rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

.divOutlines h3 {
font-size: 1.3rem;
margin-bottom: 0.5rem;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
}

section.mainContent div.titles.blueTable h3.withSubtopic {
margin-bottom: 0.3rem;
}

section.mainContent div.titles.blueTable h4.subtopic {
text-indent: 5%;
margin: 0;
}

.leftSquareBracket
{
margin-right: 0.12rem;
position: relative;
top: -1px;
display: inline-block;
}

.rightSquareBracket
{
margin-left: 0.08rem;
margin-right: 0.09rem;
position: relative;
top: -1px;
display: inline-block;
}


/*  _____________________________________________________________________________

   11. CLEAR FLOATS
   _____________________________________________________________________________
*/


.clearfix:before,
.clearfix:after
{
content: "";
display: table;
}

.clearfix:after
{
clear: both;
}

.clearfloat
{
clear: both;
}


/*
_____________________________________________________________________________

   12. POPUP AND FOOTNOTE MENUS
_____________________________________________________________________________
*/


/* increase the clickable values of hyperlinks <a> 

    Display: inline-block is required so that margins and padding can be set
    Position needs to be relative so that...
    z-index can be used to make the clickable area stay on top of any text that follows.
    The padding increases the area that can be clicked
    The negative margin keeps the flow of surrounding text as it should be (beware of over lapping links)

share follow
edited Mar 26 '18 at 22:32
answered Dec 2 '13 at 11:54
t1m0thy
2,01833 gold badges1111 silver badges1414 bronze badges

    9
    this is the real answer on how to increase clickable area of a tag button – StefansArya Mar 12 '17 at 9:05
    1
    This was the first recipe I've found that worked with an icon next to it, thanks. However I had to change: padding: 0 2em; margin: 0 -2em; to prevent the clickable area from being pushed down. – Gringo Suave Jul 27 '17 at 18:56
    3
    I also needed to set box-sizing: content-box which was reset to border-box by bootstrap – Cyril Durand Jan 9 '19 at 18:21


html.js.no-touch body ul#popmenu20.jqpopupmenu.popupWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p a
html.js.no-touch body ul.jqpopupmenu li a
{     
   display: inline;     
   position: relative;    
   z-index: 1;     
   padding: 1em;     
   margin: -1em;    
   white-space: normal;    
}
*/

/* footnotes God and Jesus colouring popup styling */

/*
.jqpopupmenu span.God
{
color: hsla(32, 100%, 35%, 1);
}

.jqpopupmenu span.man
{
color: hsla(233, 35%, 40%, 1);
}

.jqpopupmenu span.God,
.jqpopupmenu span.man
{
font-size: inherit;
font-family: inherit;
text-shadow: none;
}

*/

html.js.no-touch body ul.jqpopupmenu li div.footnotesOuterWrapper div.footnotesInnerWrapper span.man,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote span.man,
html.js.no-touch body div#footnotes span.man,
#footnotes .man,
.jqpopupmenu .man
{
color: hsla(233, 100%, 30%, 0.7);
text-shadow: none;
}

html.js.no-touch body ul.flexdropdownmenu li span.God,
html.js.no-touch body div#footnotes span.God,
html.js.no-touch body ul.jqpopupmenu li span.God
{
color: hsla(21, 100%, 20%, 0.8);
text-shadow: none;
}

html.js.no-touch body div#footnotes span.Jesus,
html.js.no-touch body ul.jqpopupmenu li span.Jesus,
html.js.no-touch body ul.flexdropdownmenu li span.Jesus
{
color: hsla(0, 100%, 25%, 0.8);
text-shadow: none;
}

html.js.no-touch body div#footnotes p.popitBibleReference span.smallCaps,
#footnotes .smallCaps,
.jqpopupmenu .smallCaps
{
font-variant: small-caps;
font-weight: 500;
font-style: inherit;
}

/*
_____________________________________________________________________________

   12a. Popit top footnote styling  
_____________________________________________________________________________
*/


/*  top popit footnote menu options #footnote  */

html.js.no-touch body div#footnotes,
#footnotes
{
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
font-size: 0.93rem;
color: hsla(226, 100%, 13%, 0.71);
line-height: 1.7;
letter-spacing: 1.1px;
word-spacing: 0.1rem;
margin: 0 auto;
text-align: center;
text-shadow: none;
position: absolute;
display: block;
left: 0;
top: 0;
/*  overflow-x: hidden; **test this setting**  */
overflow-y: auto;
overflow-x: hidden;
max-height: 50%;
z-index: 2000;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,e0e0e0+50,e0e0e0+51,fefefe+100 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top, hsla(0,0%,84%,1) 0%, hsla(0,0%,88%,1) 50%, hsla(0,0%,88%,1) 51%, hsla(0,0%,100%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

/* popit footnotes default surrounding margin */

div.popitOuterWrapper,
html.js.no-touch body div#footnotes div.popitOuterWrapper
{
margin: 1rem 1.9rem 1.4rem 1.9rem;
}

/* popit outer wrapper dialogue high top padding */

div.popitOuterWrapper.popitOuterWrapperDialogue,
html.js.no-touch body div#footnotes div.popitOuterWrapper.popitOuterWrapperDialogue
{
padding-top: 1.2rem;
}

html.js.no-touch body div#footnotes div.popitQuote
{
margin: 1rem 2rem 2.5rem 2rem;
}

/* plain popit statements */

html.js.no-touch body div#footnotes div.popitQuote.nonBibleQuote
{
margin: 0.75rem 0rem;
width: auto;
}

html.js.no-touch body div#footnotes div.popitQuote.nonBibleQuote p
{
text-indent: 0;
width: auto;
padding: 0.6rem 1rem;
}

html.js.no-touch body div#footnotes div.popitFootnotes,
#footnotes div.popitFootnotes
{
}


/* popit specifications */
p.popitBibleReference,
#footnotes p.popitBibleReference,
html.js.no-touch body div#footnotes div.popitQuote p.popitBibleReference,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.popitBibleReference,
html.js.no-touch body div#footnotes div.popitQuote p.popitTextReference
{
padding: 0;
margin-bottom: 0;
display: inline-block;
text-align: center;
margin: 1.5rem auto -0.6rem auto;
font-size: 1rem;
left: 0%;
position: relative;
padding-bottom: 0.6rem;
}


p.popitSubBibleReference,
#footnotes p.popitSubBibleReference,
html.js.no-touch body div#footnotes div.popitQuote p.popitSubBibleReference,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.popitSubBibleReference
{
padding: 0;
margin-bottom: 0;
display: block;
text-align: center;
margin: 0.75rem auto 1rem auto;
font-size: 1rem;
left: 0%;
position: relative;
padding-bottom: 0;
}

/*
p.popitBibleReference:first-of-type,
#footnotes p.popitBibleReference:first-of-type,
html.js.no-touch body div#footnotes div.popitQuote p.popitBibleReference:first-of-type,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.popitBibleReference:first-of-type
{
padding-top: 0;
margin-top: 0;
}
*/

html.js.no-touch body div#footnotes div.popitQuote p.noIndent,
html.js.no-touch body div#footnotes div.popitQuote p,
html div#footnotes div.popitQuote p,
div#footnotes div.popitQuote p,
div#footnotes div.popitQuote p.noIndent,
div.popitQuote p
{
text-align: left;
margin: 0.4rem 0 0 0;
padding: 0;
}

html.js.no-touch body div#footnotes div.popitQuote div.popitPoetryWrapper p.poetryTextIndent
{
text-align: left;
margin: 0.4rem 0 0 0;
padding: 0 3rem;
}

#footnotes a,
#footnotes a:hover
{
text-decoration: none;
cursor: default;
/*padding-bottom: 0.85rem;*/
}

#footnotes a:hover
{ 
/*hover background color*/
border-radius: 0.5rem;
color: hsla(0, 0%, 30%, 1);
}

#footnotes a.white
{
color: white;
}

#footnotes a,
#footnotes a:link
{
color: hsla(0, 0%, 30%, 1);
text-decoration: none;
cursor: default;
}

#footnotes a:visited
{
color: hsla(0, 0%, 30%, 1);
}

#footnotes a:hover
{
color: hsla(0, 0%, 30%, 1);
text-decoration: none;
}

#footnotes a:active
{
color: hsla(0, 0%, 30%, 1);
}

#footnotes a:focus
{
outline: 1px dotted hsla(0, 0%, 30%, 1);
}

/*

#footnotes a i,
#footnotes i,
#footnotes a p i,
#footnotes p i
{
font-family: Tahoma, 'Segoe UI Semibold', 'MS Reference';
padding-right: 0.1rem;
text-shadow: inherit;
}

#footnotes a i .j,
#footnotes i .j
{
font-family: Tahoma, Verdana, Georgia, 'Times New Roman', serif;
text-shadow: inherit;
}

#footnotes a .j,
#footnotes .j
{
font-size: 0.7rem;
text-shadow: inherit;
}

html.js.no-touch body div#footnotes p span.j,
html.js.no-touch body div#footnotes p span.i
{
font-size: 0.9rem;
text-shadow: inherit;
}

#footnotes a i .i,
#footnotes i .i
{
font-family: Tahoma, Verdana, Georgia, 'Times New Roman', serif;
text-shadow: inherit;
font-size: inherit;
}

#footnotes a .i,
#footnotes .i
{
padding-right: 0.015rem;
font-size: 0.82rem;
text-shadow: inherit;
}

#footnotes a i span.smallCaps,
#footnotes i span.smallCaps,
#footnotes a span.smallCaps,
#footnotes span.smallCaps,
html.js.no-touch body div#footnotes p span.smallCaps span.j,
html.js.no-touch body div#footnotes p span.smallCaps span.i
{
font-family: Tahoma, Verdana, Georgia, 'Times New Roman', serif;
text-shadow: none;
font-size: 0.7rem;
}

/* reduced padding on smaller entries (400 characters or less) for footnotes popupmenu (#popit menu type has only 1 paragraph as standard) */


/*

html.js.no-touch body div#footnotes p.footnotePaddingP,
#footnotes p.footnotePaddingP,
p.footnotePaddingP
{
padding: 0;
margin: 0;
padding: 2.5rem;
}
*/

/* text references in the top of page popit footnotes */

/*
#footnotes span.popitBibleReference,
html.js.no-touch body div#footnotes span.popitBibleReference
{}
*/

html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.noIndent span.poetryIndentExtra,
#footnotes p span.poetryIndentExtra
{
margin-left: 1rem;
padding-left: 2rem;
}

#footnotes span.God
{
color: hsla(32, 100%, 35%, 1);
}

#footnotes span.verse2
{
text-shadow: none;
font-size: 0.72rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210, 100%, 50%, 1);
margin-left: 0;
padding-left: 0;
}

/*
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.noIndent span.verse2:first-of-type
{
margin-right: 0.3rem;
}
*/

html.js.no-touch body div#footnotes h2
{
margin: 0;
padding: 0;
text-shadow: none;
font-size: 1.1rem;
font-style: italic;
font-variant: inherit;
font-weight: 600;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px
hsla(240, 100%, 10%, 0.2);
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}

/*
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.verse2,
div#footnotes p.PoetryParagraph span.verse2
{
float: left;
margin-left: -1rem;
}
*/

#footnotes span.poetryIndent
{
padding-left: 0.25rem;
}

.footnotesTextLink,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.footnotesTextLink
{
display: inline;
background-color:hsla(198,71%,84%,0.4);
}

.footnotesTextLink:hover,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.footnotesTextLink:hover
{
background-color:hsla(198,71%,84%,0.8);
}

html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.man a span.reference,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.man a span.reference,
span.reference
{
margin-left: 0.05rem;
margin-right: 0.08rem;
font-weight: 100;
font-size: 0.6rem;
color: inherit;
vertical-align: baseline;
position: relative;
top: -0.6rem;
text-shadow: inherit;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryHeadingDiv span.poetrySecondLetterDropCap a.imagePopup span.reference
{
margin-left: 0.2rem;
margin-right: 0.02rem;
font-weight: 100;
font-size: 0.6rem;
color: black;
vertical-align: baseline;
position: relative;
top: -1rem;
text-shadow: none;
}

h2 a span.reference
{
font-size: 0.7rem;
padding-left: 0.3rem;
padding-right: 0.1rem;
font-weight: 100;
color: inherit;
vertical-align: baseline;
position: relative;
top: -0.4rem;
}


/*
_____________________________________________________________________________

   12b. jqpopupmenu bottom footnote styling  
_____________________________________________________________________________
*/


/*  main bottom footnote menu options .jqpopupmenu  */

.jqpopupmenu,
ul.jqpopupmenu,
html.js.no-touch body ul.jqpopupmenu,
ul.popupAuto,
html.js.no-touch body ul.popupAuto,
ul.jqpopupmenu.popupNarrow,
html.js.no-touch body ul.jqpopupmenu.popupNarrow,
ul.jqpopupmenu.popupMedium,
html.js.no-touch body ul.jqpopupmenu.popupMedium,
ul.jqpopupmenu.popupWide,
html.js.no-touch body ul.jqpopupmenu.popupWide,
ul.jqpopupmenu.popupExtraWide,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide,
ul.jqpopupmenu.popupQuote,
html.js.no-touch body ul.jqpopupmenu.popupQuote,
ul.jqpopupmenu.popupPoetry,
html.js.no-touch body ul.jqpopupmenu.popupPoetry
{ 
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
font-size: 0.93rem;
color: hsla(226, 100%, 13%, 0.71);
line-height: 1.7;
letter-spacing: 1.1px;
word-spacing: 0.1rem;
/*  this is the popup footnote base margin/padding setting (replaces paragraph margins)  */
text-shadow: none;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
overflow-y: auto;
overflow-x: hidden;
max-height: 50%;
list-style-type: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,e0e0e0+50,e0e0e0+51,fefefe+100 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top, hsla(0,0%,84%,1) 0%, hsla(0,0%,88%,1) 50%, hsla(0,0%,88%,1) 51%, hsla(0,0%,100%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

/* footnote jqpopupmenu ul width specifications */

ul.jqpopupmenu.popupAuto,
html.js.no-touch body ul.jqpopupmenu.popupAuto
{
width: auto;
}

ul.jqpopupmenu.popupNarrow,
html.js.no-touch body ul.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu13.jqpopupmenu.popupNarrow
{
width: 21%;
}

ul.popupMedium,
ul.jqpopupmenu.popupMedium,
html.js.no-touch body ul.jqpopupmenu.popupMedium
{
width: 32%;
}

ul.popupWide,
ul.jqpopupmenu.popupWide,
html.js.no-touch body ul.jqpopupmenu.popupWide
{
width: 40%;
padding: 1rem 1rem 1rem 1.5rem;
}

ul.popupExtraWide,
ul.jqpopupmenu.popupExtraWide,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide
{
width: 50%;
padding: 1.2rem 1.2rem 1.2rem 1.6rem;
}

.popupQuote,
ul.jqpopupmenu.popupQuote,
html.js.no-touch body ul.jqpopupmenu.popupQuote
{
width: 40%;
padding: 1rem 1rem 1rem 1.5rem;
}

.popupPoetry,
ul.jqpopupmenu.popupPoetry,
html.js.no-touch body ul.jqpopupmenu.popupPoetry
{
min-width: 35%;
max-width: 0;
min-width: min-content;
padding: 2rem 1rem 2rem 2.5rem;
}

.popupPoetryNarrower,
.popupPoetry.popupPoetryNarrower,
ul.jqpopupmenu.popupPoetry.popupPoetryNarrower,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.popupPoetryNarrower,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower
{
min-width: 28%;
max-width: 35%;
padding: 0;
white-space: normal;
}

/* end of footnote jqpopupmenu ul width specifications */

ul.jqpopupmenu li,
ul.jqpopupmenu.popupAuto li,
ul.jqpopupmenu.popupNarrow li,
ul.jqpopupmenu.popupMedium li,
ul.jqpopupmenu.popupWide li,
ul.jqpopupmenu.popupExtraWide li,
ul.jqpopupmenu.popupQuote li,
ul.jqpopupmenu.popupPoetry,
html.js.no-touch body ul.jqpopupmenu.popupPoetry
{
display: block;
}

/* end of footnote jqpopupmenu li margin specifications */


/* footnote jqpopupmenu outerWrapper div margin specifications */

ul.jqpopupmenu.popupAuto li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupAuto li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupAuto div.footnotesOuterWrapper
{
padding: 0;
margin: 1.2rem 1.3rem;
width: auto;
height: 100%;
text-align: center !important;
display: block;
}

ul.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.2rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
display: block;
}

ul.popupMedium li div.footnotesOuterWrapper,
ul.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupMedium li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.3rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
}

ul.popupWide li div.footnotesOuterWrapper,
ul.jqpopupmenu.popupWide li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupWide li div.footnotesOuterWrapper,
ul.popupExtraWide li div.footnotesOuterWrapper,
ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.5rem 2.8rem;
width: auto;
height: 100%;
/* overflow-x: hidden; /* Hide horizontal scrollbar */
text-align: center;
}

.popupQuote li div.footnotesOuterWrapper,
ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.7rem 3.3rem 2.7rem 3.8rem;
width: auto;
height: 100%;
max-height: 50%;
text-align: center;
}

.popupPoetry li div.footnotesOuterWrapper,
ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.7rem 2.4rem 2.7rem;
width: auto;
max-height: 50%;
text-align: center !important;
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper
{
margin: 2.4rem 1rem;
}

/* end of footnote jqpopupmenu outerWrapper div margin specifications */


/* footnote jqpopupmenu innerWrapper div margin specifications */


/* regular div.innerwrapper settings */

div.footnotesInnerWrapper
{
padding: 0;
margin: auto;
text-align: left;
}

/* poetry inner wrapper settings */

.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper,
ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper
{
margin: 0 auto;
display: block;
text-align: center;
height: 100%;
width: auto;
}

.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
/* popit poetry div wrapper */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper
{
margin: 0 auto;
display: inline-block;
text-indent: 0;
text-align: left;
padding: 0;
vertical-align: middle !important;
width: auto;
}

/* end of footnote jqpopupmenu innerWrapper div margin specifications */



/* image footnote popup styling */
/* image popup ul footnote width settings */

html.js.no-touch body ul#popmenu1.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupNarrow,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupNarrow
{
width: 28%;
}


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupMedium,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupMedium
{
width: 34%;
}


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupWide,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupWide
{
width: 40%;
padding: 1rem 1rem 1rem 1.5rem;
}


/* footnote jqpopupmenu div.footnotesOuterWrapper specifications */


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.2rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
display: block;
}


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupMedium li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.3rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
}


/* image footnote popup inner div styling */


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupNarrow li div.footnotesOuterWrapper div.footnotesInnerWrapper
{
padding: 0;
margin: auto;
text-align: left;
}


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupMedium li div.footnotesOuterWrapper div.footnotesInnerWrapper
{
padding: 0;
margin: auto;
text-align: left;
}


/* images footnote paragraph styling */

html.js.no-touch body ul#popmenu1.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupNarrow li p,
html.js.no-touch body ul#popmenu1.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupNarrow li p.noIndent,
html.js.no-touch body ul#popmenu1.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupMedium li p,
html.js.no-touch body ul#popmenu1.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupMedium li p.noIndent,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupMedium li p.noIndent
{
text-align: left;
margin: 0.4rem 0;
text-indent: 0;
white-space: normal;
}

,
html.js.no-touch body ul#popmenu1.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupWide li p.noIndent,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupWide li p.noIndent
{
text-align: left;
margin: 0.5rem 0;
text-indent: 0;
white-space: normal;
}


html.js.no-touch body ul#popmenu1.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu2.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu3.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu4.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu5.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu6.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu7.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu8.jqpopupmenu.popupWide li p,
html.js.no-touch body ul#popmenu9.jqpopupmenu.popupWide li p
{
padding: 0;
text-align: left;
margin: 0.5rem 0;
text-indent: 1rem;
white-space: normal;
}

/* end of image footnote popup styling */

html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent
{
text-align: left !important;
}


html.js.no-touch body ul.jqpopupmenu.popupNarrow li  p.noIndent,
html.js.no-touch body ul.jqpopupmenu.popupMedium li  p,
html.js.no-touch body ul.jqpopupmenu.popupNarrow li  p.noIndent,
html.js.no-touch body ul.jqpopupmenu.popupMedium li  p,
html.js.no-touch body ul.jqpopupmenu.PopupWide li p.noIndent,
html.js.no-touch body ul.jqpopupmenu.PopupWide li p,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li p.noIndent,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li p
{
text-align: left;
margin: 0.4rem 0;
text-indent: 0;
white-space: normal;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.noIndent,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li a p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p,
.jqpopupmenuQuote li a p
{
text-align: left;
margin: 0.4rem 0;
}

html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li a p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu p,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p,
.jqpopupmenuQuote li a p
{
text-indent: 1.75rem;
}

html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.noIndent,
html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.noIndent,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
text-indent: 0;
padding: 0;
}

/* In order to counter the lack of paragraph spacing in the wide footnote popups */
html.js.no-touch body ul.jqpopupmenu.popupWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p
{
margin-top: 0.5rem;
}

/* footnotes popupQuote PoetryParagraph settings (NOT popupPoetry: see below) */

html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.Wide p.PoetryParagraph,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.PoetryParagraph,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
margin: auto;
margin: 0.5rem 1rem 0.9rem 1.5rem;
text-indent: 0;
padding: 0 1rem;
line-height: 1.7;
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.jqpopupmenu.popupWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
p.footnotesBibleReference
{
text-align: center;
margin-bottom: 0;
font-size: inherit;
margin: 0 auto -0.6rem auto;
left: 0%;
position: relative;
display: block;
padding-bottom: 0.6rem;
}

/* footnotes popupPoetry PoetryParagraph settings (NOT popupQuote: see above) */

html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
margin: 0.5rem 0;
text-indent: 0;
padding: 0 5rem;
line-height: 1.7;
white-space: nowrap;
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower p.PoetryParagraph,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
white-space: normal;
}

/* footnote popup poetryIndent */

/* this css spec was faulty (because of an included comma at the end of the first line) and has not been in use
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
/* popit specifications
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
padding-left: 1rem;
}
*/

html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.jqpopupmenu div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.PoetryParagraph span.poetryIndent,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.poetryIndent,
div#footnotes p.PoetryParagraph span.poetryIndent
{
margin-left: 1rem;
display: inline-block;
}

section.footnotesNoScroll
{
padding-bottom: 1rem
}

html.js.no-touch body ul.jqpopupmenu .quote,
html.js.no-touch body ul.jqpopupmenu.popupQuote .quote
{
margin-left: -0.35rem;
}

/*

.jqpopupmenu a .i,
.jqpopupmenuAuto a .i,
.jqpopupmenuQuote a .i,
html.js.no-touch body ul.jqpopupmenu li span.i,
html.js.no-touch body ul.jqpopupmenuAuto li span.i,
html.js.no-touch body ul.jqpopupmenuQuote li span.i,
html.js body ul.jqpopupmenu li a p span.i,
html.js.no-touch body ul.jqpopupmenu li p span.i,
html.js body ul.jqpopupmenuAuto li a p span.i,
html.js.no-touch body ul.jqpopupmenuAuto li p span.i,
html.js body ul.jqpopupmenuQuote li a p span.i,
html.js.no-touch body ul.jqpopupmenuQuote li p span.i
{
padding-right: 0.005rem;
font-size: 0.95rem;
text-shadow: inherit;
}

html.js.no-touch body ul.jqpopupmenu li a p span.i
{
font-size: 0.95rem;
}

html.js.no-touch body ul.jqpopupmenu.PopupWide li a p span.i
{
font-size: 0.95rem;
}

.jqpopupmenu a .j,
.jqpopupmenuAuto a .j,
html.js.no-touch body ul.jqpopupmenu li span.j,
html.js.no-touch body ul.jqpopupmenuAuto li span.j,
html.js body ul.jqpopupmenu li a p span.j,
html.js.no-touch body ul.jqpopupmenu li p span.j,
html.js body ul.jqpopupmenuAuto li a p span.j,
html.js.no-touch body ul.jqpopupmenuAuto li p span.j,
.jqpopupmenuQuote a .j,
html.js.no-touch body ul.jqpopupmenuQuote li span.j,
html.js body ul.jqpopupmenuQuote li a p span.j,
html.js.no-touch body ul.jqpopupmenuQuote li p span.j
{
font-size: 0.85rem;
text-shadow: inherit;
}

.jqpopupmenu a i .i,
.jqpopupmenuAuto a i .i,
.jqpopupmenuQuote a i .i
{
font-family: inherit;
text-shadow: inherit;
font-size: inherit;
}

.jqpopupmenu a i,
.jqpopupmenu a p i,
.jqpopupmenuAuto a i,
.jqpopupmenuAuto a p i,
.jqpopupmenuQuote a i,
.jqpopupmenuQuote a p i
{
font-family: Tahoma, 'Segoe UI Semibold', 'MS Reference';
padding-right: 0.1rem;
text-shadow: inherit;
}

.jqpopupmenu a i .j,
.jqpopupmenuAuto a i .j,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li i span.j,
html.js.no-touch body ul.jqpopupmenu li i span.j,
.jqpopupmenuQuote a i .j,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li i span.j
{
font-family: Tahoma, 'Segoe UI Semibold', 'MS Reference';
text-shadow: inherit;
font-size: inherit;
margin-right: 0.1rem;
padding-right: 0;
}

*/

html.js.no-touch body ul.jqpopupmenu span.smallCaps,
html.js body ul.jqpopupmenu li a p span.smallCaps,
html.js.no-touch body ul.jqpopupmenu li p span.smallCaps,
html.js.no-touch body ul.jqpopupmenu li span.smallCaps,
html.js body ul.jqpopupmenuAuto li a p span.smallCaps,
html.js.no-touch body ul.jqpopupmenuAuto li p span.smallCaps,
html.js.no-touch body ul.jqpopupmenuAuto li span.smallCaps,
.jqpopupmenuAuto.smallCaps,
.jqpopupmenu.smallCaps,
html.js body ul.jqpopupmenuQuote li a p span.smallCaps,
html.js.no-touch body ul.jqpopupmenuQuote li p span.smallCaps,
html.js.no-touch body ul.jqpopupmenuQuote li span.smallCaps,
.jqpopupmenuQuote.smallCaps,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper .smallCaps,
div#footnotes .smallCaps
{
font-family: Helvetica, Arial, sans-serif
text-shadow: inherit;
font-weight: inherit;
font-variant: small-caps;
font-style: inherit;
}

/* no longer necessary
html.js.no-touch body ul.jqpopupmenu span.smallCaps
{
margin-left: 0.0175rem;
}
*/

html.js.no-touch body ul.jqpopupmenu li p span.smallCaps b
{
text-shadow: -0.25px -0.25px hsla(0, 0%, 30%, 1);
font-weight: 600;
letter-spacing: 2.3px;
}

html.js body ul.jqpopupmenu li a p span.God,
html.js.no-touch body ul.jqpopupmenu li p span.God,
html.js.no-touch body ul.jqpopupmenu li span.God,
html.js body ul.jqpopupmenuAuto li a p span.God,
html.js.no-touch body ul.jqpopupmenuAuto li p span.God,
html.js.no-touch body ul.jqpopupmenuAuto li span.God,
html.js.no-touch body ul.jqpopupmenu li a p span.God,
html.js body ul.jqpopupmenuQuote li a p span.God,
html.js.no-touch body ul.jqpopupmenuQuote li p span.God,
html.js.no-touch body ul.jqpopupmenuQuote li span.God
{
font-size: inherit;
font-family: inherit;
}

.rightarrowclass
{
position: absolute;
top: 0;
right: 0;
}

.notUnderlined
{
cursor: default;
}

.underlined,
html.js.no-touch body .jqpopupmenu li a span.underlined,
html.js.no-touch body ul.jqpopupmenu.PopupWide li p a.underlined,
html.js.no-touch body ul.jqpopupmenu.PopupExtraWide li p a.underlined,
html.js.no-touch body ul.jqpopupmenu li p a.underlined
{
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: inherit;
cursor: pointer;
}

html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper section.prayer p
{
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
}

.popupAMargin
{
margin-bottom: 0.25rem;
}

/* span popmenu styling */

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer,
span.cursorPointer
{
background-color: transparent;
cursor: pointer;
    display: inline; /* was inline-block */    
   /* float: left;  */
   position: relative;     
   z-index: 1;     
   padding-top: 1em;     
   padding-bottom: 1em;     
   margin-top: -1em;    
   margin-bottom: -1em;    
   white-space: wrap;   
  text-indent: 0;
width: max-content
}


html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage,
span.cursorPointerImage
{
background-color: transparent;
cursor: pointer;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage,
span.cursorPointerImage,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer,
span.cursorPointer
{
color: inherit;
text-decoration: none;
cursor: default;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage:hover,
span.cursorPointerImage:hover,
html.js.no-touch body section.pageStyling section.bibleContent p span.cursorPointer:hover,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer:hover,
span.cursorPointer:hover
{
color: inherit;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage:active,
span.cursorPointerImage:active,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer:active,
span.cursorPointer:active
{
text-decoration: none;
background-color: transparent;
}

/* end of span popmenu styling */

span.verse2
{
text-shadow: none;
font-size: 0.75rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210, 100%, 60%, 1);
margin-right: 0.25rem;
padding-left: 0;
}

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph span.verse2,
.jqpopupmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.poetryTextIndent span.verse2,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.poetryTextIndent span.verse2,
/* popit styling */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.verse2,
div#footnotes p.PoetryParagraph span.verse2,
p.PoetryParagraph span.verse2
{
float: left;
margin-left: -2.2rem;
margin-top: 0.11rem;
clear: left;
line-height: 1.7;
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.poetryTextIndent span.verse2
{
margin-right: 1rem;
margin-left: -0.9rem;
}

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph span.verse3,
.jqpopupmenu li p.PoetryParagraph span.verse3,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.poetryTextIndent span.verse3,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph span.verse3,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.poetryTextIndent span.verse3
{
margin-left: -3rem;
}

html.js.no-touch body div#footnotes h2,
html.js.no-touch body ul.jqpopupmenu li h2,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li h2,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li h2,
html.js.no-touch body ul.jqpopupmenuQuote li h2
{
text-shadow: none;
font-size: 1.1rem;
font-style: italic;
font-variant: inherit;
font-weight: 600;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2);
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p span.underlined a,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p span.underlined a,
span.underlined a
{
display: inline;
}

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li
{
margin:0;
margin: 0 auto;
text-align: center;
}

/* Psalm footnote popup <p class="PoetryParagraph"> styling */

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.PoetryParagraph,
ul.jqpopupmenu li a p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenu p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenu li p.PoetryParagraph,
.jqpopupmenu li a p.PoetryParagraph
{
text-align: left;
}

.jqpopupmenuQuote,
.jqpopupmenuQuote.jqpopupmenu,
.jqpopupmenuQuote.jqpopupmenu li,
.jqpopupmenuQuote.jqpopupmenu li a
{
overflow-y: auto;
max-height: 50%;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li
{
text-align: center !important;
margin: 0 auto !important;
width: 100%;
display: block;
max-height: 50%;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph
{
text-align: left;
margin: 0 auto !important;
position: relative;
display: block;
padding: 0;
left: 13%;
text-indent: 0;
/*float: left;*/
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.jqpopupmenu li p.PoetryTextIndent
{
text-indent: 0;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.poetryTextIndent span.verse2,
html.js.no-touch body ul.jqpopupmenu li p.PoetryTextIndent span.verse2
{
float: left;
margin-left: -2.2rem;
margin-top: 0.11rem;
clear: left;
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li p.PoetryTextIndent,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.poetryTextIndent,
html.js.no-touch body ul.jqpopupmenu li p.PoetryTextIndent
{
margin: 0;
padding: 0;
padding: 0 0 0 1rem;
text-align: left;
width: 74%;
margin: 0.5rem 1rem 0.9rem 1.5rem;
text-indent: 0;
padding: 0 1rem;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li div.superscriptionWrapper,
html.js.no-touch body ul.jqpopupmenu li div.superscriptionWrapper,
div.superscriptionWrapper
{
margin: 0 auto;
width: 74%;
margin-bottom: 1rem;
text-align: center;
}

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li div.superscriptionWrapper span.superscription,
html.js.no-touch body ul.jqpopupmenu li div.superscriptionWrapper span.superscription,
html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li span.superscription,
html.js.no-touch body ul.jqpopupmenu li span.superscription
{
font-size: 0.92rem;
margin: 0 auto;
display:inline-block;
text-align: left;
}

/*

html.js.no-touch body ul.jqpopupmenuQuote.jqpopupmenu li p.noIndent:first-child
{
margin-top: 1.5rem;
}
*/


/*
_____________________________________________________________________________

   12c. flexdropdownmenu bottom footnote styling  
_____________________________________________________________________________
*/


/*  main bottom footnote menu options .flexdropdownmenu  */

.flexdropdownmenu,
ul.flexdropdownmenu,
html.js.no-touch body ul.flexdropdownmenu,
ul.popupAuto,
html.js.no-touch body ul.popupAuto,
ul.flexdropdownmenu.popupNarrow,
html.js.no-touch body ul.flexdropdownmenu.popupNarrow,
ul.flexdropdownmenu.popupMedium,
html.js.no-touch body ul.flexdropdownmenu.popupMedium,
ul.flexdropdownmenu.popupWide,
html.js.no-touch body ul.flexdropdownmenu.popupWide,
ul.flexdropdownmenu.popupExtraWide,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide,
ul.flexdropdownmenu.popupQuote,
html.js.no-touch body ul.flexdropdownmenu.popupQuote,
ul.flexdropdownmenu.popupPoetry,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry
{ 
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
font-size: 0.93rem;
color: hsla(226, 100%, 13%, 0.71);
line-height: 1.7;
letter-spacing: 1.1px;
word-spacing: 0.1rem;
/*  this is the popup footnote base margin/padding setting (replaces paragraph margins)  */
text-shadow: none;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
overflow-y: auto;
overflow-x: hidden;
max-height: 50%;
list-style-type: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,e0e0e0+50,e0e0e0+51,fefefe+100 */
background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top, hsla(0,0%,84%,1) 0%, hsla(0,0%,88%,1) 50%, hsla(0,0%,88%,1) 51%, hsla(0,0%,100%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(0,0%,84%,1) 0%,hsla(0,0%,88%,1) 50%,hsla(0,0%,88%,1) 51%,hsla(0,0%,100%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

/* footnote flexdropdownmenu ul width specifications */

ul.flexdropdownmenu.popupAuto,
html.js.no-touch body ul.flexdropdownmenu.popupAuto
{
width: auto;
}

ul.flexdropdownmenu.popupNarrow,
html.js.no-touch body ul.flexdropdownmenu.popupNarrow,
html.js.no-touch body ul#popmenu13.flexdropdownmenu.popupNarrow
{
width: 21%;
}

ul.popupMedium,
ul.flexdropdownmenu.popupMedium,
html.js.no-touch body ul.flexdropdownmenu.popupMedium
{
width: 32%;
}

ul.popupWide,
ul.flexdropdownmenu.popupWide,
html.js.no-touch body ul.flexdropdownmenu.popupWide
{
width: 40%;
padding: 1rem 1rem 1rem 1.5rem;
}

ul.popupExtraWide,
ul.flexdropdownmenu.popupExtraWide,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide
{
width: 50%;
padding: 1.2rem 1.2rem 1.2rem 1.6rem;
}

.popupQuote,
ul.flexdropdownmenu.popupQuote,
html.js.no-touch body ul.flexdropdownmenu.popupQuote
{
width: 40%;
padding: 1rem 1rem 1rem 1.5rem;
}

.popupPoetry,
ul.flexdropdownmenu.popupPoetry,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry
{
min-width: 35%;
max-width: 0;
min-width: min-content;
padding: 2rem 1rem 2rem 2.5rem;
}

.popupPoetryNarrower,
.popupPoetry.popupPoetryNarrower,
ul.flexdropdownmenu.popupPoetry.popupPoetryNarrower,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry.popupPoetryNarrower,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower
{
min-width: 28%;
max-width: 35%;
padding: 0;
white-space: normal;
}

/* end of footnote flexdropdownmenu ul width specifications */


/* footnote flexdropdownmenu li margin specifications */

ul.flexdropdownmenu li,
ul.flexdropdownmenu.popupAuto li,
ul.flexdropdownmenu.popupNarrow li,
ul.flexdropdownmenu.popupMedium li,
ul.flexdropdownmenu.popupWide li,
ul.flexdropdownmenu.popupExtraWide li,
ul.flexdropdownmenu.popupQuote li,
ul.flexdropdownmenu.popupPoetry,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry
{
display: block;
}

/* end of footnote flexdropdownmenu li margin specifications */


/* footnote flexdropdownmenu outerWrapper div margin specifications */

ul.flexdropdownmenu.popupAuto li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupAuto li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupAuto div.footnotesOuterWrapper
{
padding: 0;
margin: 1.2rem 1.3rem;
width: auto;
height: 100%;
text-align: center !important;
display: block;
}

ul.flexdropdownmenu.popupNarrow li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupNarrow li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.2rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
display: block;
}

ul.popupMedium li div.footnotesOuterWrapper,
ul.flexdropdownmenu.popupMedium li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupMedium li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.3rem 2.4rem;
width: auto;
height: 100%;
text-align: center;
}

ul.popupWide li div.footnotesOuterWrapper,
ul.flexdropdownmenu.popupWide li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupWide li div.footnotesOuterWrapper,
ul.popupExtraWide li div.footnotesOuterWrapper,
ul.flexdropdownmenu.popupExtraWide li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.5rem 2.8rem;
width: auto;
height: 100%;
/* overflow-x: hidden; /* Hide horizontal scrollbar */
text-align: center;
}

.popupQuote li div.footnotesOuterWrapper,
ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.7rem 3.3rem 2.7rem 3.8rem;
width: auto;
height: 100%;
max-height: 50%;
text-align: center;
}

.popupPoetry li div.footnotesOuterWrapper,
ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper
{
padding: 0;
margin: 2.7rem 2.4rem 2.7rem;
width: auto;
max-height: 50%;
text-align: center !important;
}

html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper
{
margin: 2.4rem 1rem;
}

/* end of footnote flexdropdownmenu outerWrapper div margin specifications */


/* footnote flexdropdownmenu innerWrapper div margin specifications */


/* regular div.innerwrapper settings */

div.footnotesInnerWrapper
{
padding: 0;
margin: auto;
text-align: left;
}

/* poetry inner wrapper settings */

.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper,
ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper
{
margin: 0 auto;
display: block;
text-align: center;
height: 100%;
width: auto;
}

.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper,
/* popit poetry div wrapper */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper
{
margin: 0 auto;
display: inline-block;
text-indent: 0;
text-align: left;
padding: 0;
vertical-align: middle !important;
width: auto;
}

/* end of footnote flexdropdownmenu innerWrapper div margin specifications */


/* padding settings and control around the images */

html.js.no-touch body ul#popmenu1.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu2.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu3.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu4.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu5.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu6.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu7.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu8.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu9.flexdropdownmenu li a p.noIndent,
html.js.no-touch body ul#popmenu1.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu2.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu3.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu4.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu5.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu6.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu7.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu8.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul#popmenu9.flexdropdownmenu li p.noIndent
{
background: none;
text-indent: 0;
margin: 0;
}

/* padding settings and control for images footnote paragraphing */

html.js.no-touch body ul#popmenu1.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu2.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu3.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu4.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu5.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu6.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu7.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu8.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu9.flexdropdownmenu li a p,
html.js.no-touch body ul#popmenu1.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu2.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu3.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu4.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu5.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu6.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu7.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu8.flexdropdownmenu li p,
html.js.no-touch body ul#popmenu9.flexdropdownmenu li p
{
margin: 0;
}

html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent
{
text-align: left !important;
}

html.js.no-touch body ul.flexdropdownmenu.PopupWide li p.noIndent,
html.js.no-touch body ul.flexdropdownmenu.PopupWide li p,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide li p.noIndent,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide li p
{
text-align: left;
margin: 0.4rem 0;
text-indent: 0;
   white-space: normal;    
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li a p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p,
.flexdropdownmenuQuote li a p
{
text-align: left;
margin: 0.4rem 0;
}

html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li a p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu p,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p,
.flexdropdownmenuQuote li a p
{
text-indent: 1.75rem;
}

html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.noIndent,
html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.noIndent,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
text-indent: 0;
padding: 0;
}

/* In order to counter the lack of paragraph spacing in the wide footnote popups */
html.js.no-touch body ul.flexdropdownmenu.popupWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p
{
margin-top: 0.5rem;
}

/* footnotes popupQuote PoetryParagraph settings (NOT popupPoetry: see below) */

html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.PoetryParagraph,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.PoetryParagraph,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
margin: auto;
margin: 0.5rem 1rem 0.9rem 1.5rem;
text-indent: 0;
padding: 0 1rem;
line-height: 1.7;
}

html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.flexdropdownmenu.popupWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
html.js.no-touch body ul.flexdropdownmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p.footnotesBibleReference,
p.footnotesBibleReference
{
text-align: center;
margin-bottom: 0;
font-size: inherit;
margin: 0 auto -0.6rem auto;
left: 0%;
position: relative;
display: block;
padding-bottom: 0.6rem;
}

/* footnotes popupPoetry PoetryParagraph settings (NOT popupQuote: see above) */

html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
margin: 0.5rem 0;
text-indent: 0;
padding: 0 5rem;
line-height: 1.7;
white-space: nowrap;
}

html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower p.PoetryParagraph
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
white-space: normal;
}

/* footnote popup poetryIndent */

/* this css spec was faulty (because of an included comma at the end of the first line) and has not been in use
html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph,
/* popit specifications
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph,
div#footnotes p.PoetryParagraph
{
padding-left: 1rem;
}
*/

html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.flexdropdownmenu div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.PoetryParagraph span.poetryIndent,
html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.PoetryParagraph span.poetryIndent,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.poetryIndent,
div#footnotes p.PoetryParagraph span.poetryIndent
{
margin-left: 1rem;
display: inline-block;
}

section.footnotesNoScroll
{
padding-bottom: 1rem
}

html.js.no-touch body ul.flexdropdownmenu .quote,
html.js.no-touch body ul.flexdropdownmenu.popupQuote .quote
{
margin-left: -0.35rem;
}

/*

.flexdropdownmenu a .i,
.flexdropdownmenuAuto a .i,
.flexdropdownmenuQuote a .i,
html.js.no-touch body ul.flexdropdownmenu li span.i,
html.js.no-touch body ul.flexdropdownmenuAuto li span.i,
html.js.no-touch body ul.flexdropdownmenuQuote li span.i,
html.js body ul.flexdropdownmenu li a p span.i,
html.js.no-touch body ul.flexdropdownmenu li p span.i,
html.js body ul.flexdropdownmenuAuto li a p span.i,
html.js.no-touch body ul.flexdropdownmenuAuto li p span.i,
html.js body ul.flexdropdownmenuQuote li a p span.i,
html.js.no-touch body ul.flexdropdownmenuQuote li p span.i
{
padding-right: 0.005rem;
font-size: 0.95rem;
text-shadow: inherit;
}

html.js.no-touch body ul.flexdropdownmenu li a p span.i
{
font-size: 0.95rem;
}

html.js.no-touch body ul.flexdropdownmenu.PopupWide li a p span.i
{
font-size: 0.95rem;
}

.flexdropdownmenu a .j,
.flexdropdownmenuAuto a .j,
html.js.no-touch body ul.flexdropdownmenu li span.j,
html.js.no-touch body ul.flexdropdownmenuAuto li span.j,
html.js body ul.flexdropdownmenu li a p span.j,
html.js.no-touch body ul.flexdropdownmenu li p span.j,
html.js body ul.flexdropdownmenuAuto li a p span.j,
html.js.no-touch body ul.flexdropdownmenuAuto li p span.j,
.flexdropdownmenuQuote a .j,
html.js.no-touch body ul.flexdropdownmenuQuote li span.j,
html.js body ul.flexdropdownmenuQuote li a p span.j,
html.js.no-touch body ul.flexdropdownmenuQuote li p span.j
{
font-size: 0.85rem;
text-shadow: inherit;
}

.flexdropdownmenu a i .i,
.flexdropdownmenuAuto a i .i,
.flexdropdownmenuQuote a i .i
{
font-family: inherit;
text-shadow: inherit;
font-size: inherit;
}

.flexdropdownmenu a i,
.flexdropdownmenu a p i,
.flexdropdownmenuAuto a i,
.flexdropdownmenuAuto a p i,
.flexdropdownmenuQuote a i,
.flexdropdownmenuQuote a p i
{
font-family: Tahoma, 'Segoe UI Semibold', 'MS Reference';
padding-right: 0.1rem;
text-shadow: inherit;
}

.flexdropdownmenu a i .j,
.flexdropdownmenuAuto a i .j,
html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li i span.j,
html.js.no-touch body ul.flexdropdownmenu li i span.j,
.flexdropdownmenuQuote a i .j,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li i span.j
{
font-family: Tahoma, 'Segoe UI Semibold', 'MS Reference';
text-shadow: inherit;
font-size: inherit;
margin-right: 0.1rem;
padding-right: 0;
}

*/

html.js.no-touch body ul.flexdropdownmenu span.smallCaps,
html.js body ul.flexdropdownmenu li a p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenu li p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenu li span.smallCaps,
html.js body ul.flexdropdownmenuAuto li a p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenuAuto li p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenuAuto li span.smallCaps,
.flexdropdownmenuAuto.smallCaps,
.flexdropdownmenu.smallCaps,
html.js body ul.flexdropdownmenuQuote li a p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenuQuote li p span.smallCaps,
html.js.no-touch body ul.flexdropdownmenuQuote li span.smallCaps,
.flexdropdownmenuQuote.smallCaps,
/* popit specifications */
html.js.no-touch body div#footnotes div.popitOuterWrapper .smallCaps,
div#footnotes .smallCaps
{
font-family: Helvetica, Arial, sans-serif
text-shadow: inherit;
font-weight: inherit;
font-variant: small-caps;
font-style: inherit;
}

/* no longer necessary
html.js.no-touch body ul.flexdropdownmenu span.smallCaps
{
margin-left: 0.0175rem;
}
*/

html.js.no-touch body ul.flexdropdownmenu li p span.smallCaps b
{
text-shadow: -0.25px -0.25px hsla(0, 0%, 30%, 1);
font-weight: 600;
letter-spacing: 2.3px;
}

html.js body ul.flexdropdownmenu li a p span.God,
html.js.no-touch body ul.flexdropdownmenu li p span.God,
html.js.no-touch body ul.flexdropdownmenu li span.God,
html.js body ul.flexdropdownmenuAuto li a p span.God,
html.js.no-touch body ul.flexdropdownmenuAuto li p span.God,
html.js.no-touch body ul.flexdropdownmenuAuto li span.God,
html.js.no-touch body ul.flexdropdownmenu li a p span.God,
html.js body ul.flexdropdownmenuQuote li a p span.God,
html.js.no-touch body ul.flexdropdownmenuQuote li p span.God,
html.js.no-touch body ul.flexdropdownmenuQuote li span.God
{
font-size: inherit;
font-family: inherit;
}

.rightarrowclass
{
position: absolute;
top: 0;
right: 0;
}

.notUnderlined
{
cursor: default;
}

.underlined,
html.js.no-touch body .flexdropdownmenu li a span.underlined,
html.js.no-touch body ul.flexdropdownmenu.PopupWide li p a.underlined,
html.js.no-touch body ul.flexdropdownmenu.PopupExtraWide li p a.underlined,
html.js.no-touch body ul.flexdropdownmenu li p a.underlined
{
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: inherit;
cursor: pointer;
}

html.js.no-touch body ul.flexdropdownmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper section.prayer p
{
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
}

.popupAMargin
{
margin-bottom: 0.25rem;
}

/* span popmenu styling */

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer,
span.cursorPointer
{
background-color: transparent;
cursor: pointer;
    display: inline; /* was inline-block */    
   /* float: left;  */
   position: relative;     
   z-index: 1;     
   padding-top: 1em;     
   padding-bottom: 1em;     
   margin-top: -1em;    
   margin-bottom: -1em;    
   white-space: wrap;   
  text-indent: 0;
width: max-content
}


html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage,
span.cursorPointerImage
{
background-color: transparent;
cursor: pointer;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage,
span.cursorPointerImage,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer,
span.cursorPointer
{
color: inherit;
text-decoration: none;
cursor: default;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage:hover,
span.cursorPointerImage:hover,
html.js.no-touch body section.pageStyling section.bibleContent p span.cursorPointer:hover,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer:hover,
span.cursorPointer:hover
{
color: inherit;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}

html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointerImage:active,
span.cursorPointerImage:active,
html.js.no-touch body section.pageStyling section.bibleContent span.cursorPointer:active,
span.cursorPointer:active
{
text-decoration: none;
background-color: transparent;
}

/* end of span popmenu styling */

span.verse2
{
text-shadow: none;
font-size: 0.75rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210, 100%, 60%, 1);
margin-right: 0.25rem;
padding-left: 0;
}

html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.PoetryParagraph span.verse2,
.flexdropdownmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.poetryTextIndent span.verse2,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.poetryTextIndent span.verse2,
/* popit styling */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.verse2,
div#footnotes p.PoetryParagraph span.verse2,
p.PoetryParagraph span.verse2
{
float: left;
margin-left: -2.2rem;
margin-top: 0.11rem;
clear: left;
line-height: 1.7;
}

html.js.no-touch body ul.flexdropdownmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.poetryTextIndent span.verse2
{
margin-right: 1rem;
margin-left: -0.9rem;
}

html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.PoetryParagraph span.verse3,
.flexdropdownmenu li p.PoetryParagraph span.verse3,
html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.poetryTextIndent span.verse3,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph span.verse3,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.poetryTextIndent span.verse3
{
margin-left: -3rem;
}

html.js.no-touch body div#footnotes h2,
html.js.no-touch body ul.flexdropdownmenu li h2,
html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li h2,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li h2,
html.js.no-touch body ul.flexdropdownmenuQuote li h2
{
text-shadow: none;
font-size: 1.1rem;
font-style: italic;
font-variant: inherit;
font-weight: 600;
text-shadow: 0 0 1px white, -1px -1px 1px hsla(240, 100%, 10%, 0.45), -1px -1px 2px hsla(240, 100%, 10%, 0.25), 1px 1px 1px hsla(240, 100%, 10%, 0.45), 1px 1px 2px hsla(240, 100%, 10%, 0.3), 1px 1px 3px hsla(244, 100%, 10%, 0.3), 1px 1px 4px hsla(240, 100%, 10%, 0.3), 1px 1px 5px hsla(244, 100%, 10%, 0.3), 1px 1px 6px hsla(240, 100%, 10%, 0.2);
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}

html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p span.underlined a,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p span.underlined a,
span.underlined a
{
display: inline;
}

html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li
{
margin:0;
margin: 0 auto;
text-align: center;
}

/* Psalm footnote popup <p class="PoetryParagraph"> styling */

html.js.no-touch body ul.flexdropdownmenuAuto.flexdropdownmenu li p.PoetryParagraph,
ul.flexdropdownmenu li a p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenu p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenu li p.PoetryParagraph,
.flexdropdownmenu li a p.PoetryParagraph
{
text-align: left;
}

.flexdropdownmenuQuote,
.flexdropdownmenuQuote.flexdropdownmenu,
.flexdropdownmenuQuote.flexdropdownmenu li,
.flexdropdownmenuQuote.flexdropdownmenu li a
{
overflow-y: auto;
max-height: 50%;
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li
{
text-align: center !important;
margin: 0 auto !important;
width: 100%;
display: block;
max-height: 50%;
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph
{
text-align: left;
margin: 0 auto !important;
position: relative;
display: block;
padding: 0;
left: 13%;
text-indent: 0;
/*float: left;*/
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.PoetryParagraph span.verse2,
html.js.no-touch body ul.flexdropdownmenu li p.PoetryTextIndent
{
text-indent: 0;
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.poetryTextIndent span.verse2,
html.js.no-touch body ul.flexdropdownmenu li p.PoetryTextIndent span.verse2
{
float: left;
margin-left: -2.2rem;
margin-top: 0.11rem;
clear: left;
}

html.js.no-touch body ul.flexdropdownmenu.popupPoetry.PoetryNarrower li p.PoetryTextIndent,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li p.poetryTextIndent,
html.js.no-touch body ul.flexdropdownmenu li p.PoetryTextIndent
{
margin: 0;
padding: 0;
padding: 0 0 0 1rem;
text-align: left;
width: 74%;
margin: 0.5rem 1rem 0.9rem 1.5rem;
text-indent: 0;
padding: 0 1rem;
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li div.superscriptionWrapper,
html.js.no-touch body ul.flexdropdownmenu li div.superscriptionWrapper,
div.superscriptionWrapper
{
margin: 0 auto;
width: 74%;
margin-bottom: 1rem;
text-align: center;
}

html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li div.superscriptionWrapper span.superscription,
html.js.no-touch body ul.flexdropdownmenu li div.superscriptionWrapper span.superscription,
html.js.no-touch body ul.flexdropdownmenuQuote.flexdropdownmenu li span.superscription,
html.js.no-touch body ul.flexdropdownmenu li span.superscription
{
font-size: 0.92rem;
margin: 0 auto;
display:inline-block;
text-align: left;
}



/*
_____________________________________________________________________________

   13. BIBLE STYLING
_____________________________________________________________________________
*/


/* page main content styling */

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol,
div.CommandmentBox ol
{
counter-reset: li; /* Initiate a counter */
margin-left: 1rem; /* Remove the default left margin */
padding: 0; /* Remove the default left padding */
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol> li,
div.CommandmentBox ol> li
{
position: relative; /* Create a positioning context */
margin: 0.3rem 0 6px 2rem; /* Give each list item a left margin to make room for the numbers */
padding: 0.3rem 1.5rem 0.3rem 1.5rem; /* Add some spacing around the content */
list-style: none;/* Disable the normal item numbering */
border-top: 2px solid #666;
background: hsla(204, 30%, 86%, 1);
opacity: 0.9;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol> li:hover,
div.CommandmentBox ol> li:hover
{
position: relative; /* Create a positioning context */
margin: 0.3rem 0 6px 2rem; /* Give each list item a left margin to make room for the numbers */
padding: 0.3rem 1.5rem 0.3rem 1.5rem; /* Add some spacing around the content */
list-style: none;/* Disable the normal item numbering */
border-top: 2px solid #666;
background: white;
text-shadow: 0 1px 1px white, 0 -1px 1px hsla(242, 34%, 28%, 0.74);
opacity: 1;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li:hover span.God,
html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li:hover span.God span.smallCaps,
div.CommandmentBox ol li:hover span.God span.smallCaps,
div.CommandmentBox ol li:hover span.God
{
color: hsla(27, 100%, 40%, 1);
text-shadow: 1px 1px 1px hsla(21, 100%, 0%, 0.4), 1px 2px 2px hsla(21, 100%, 0%, 0.5);
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol> li:before,
div.CommandmentBox ol> li:before
{
content: counter(li, upper-roman); /* Use the counter as content */
counter-increment: li; /* Increment the counter by 1 */
/* Position and style the number */
position: absolute;
top: -1.5px;
left: -3rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3rem;
/* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */
margin-right: 8px;
padding: 4px;
border-top: 2px solid #666;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, hsla(206,70%,70%,1) 0%, hsla(207,69%,51%,1) 45%, hsla(208,73%,46%,1) 49%, hsla(212,67%,36%,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(206,70%,70%,1)), color-stop(45%, hsla(207,69%,51%,1)), color-stop(49%, hsla(208,73%,46%,1)), color-stop(100%, hsla(212,67%,36%,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(206,70%,70%,1) 0%, hsla(207,69%,51%,1) 45%, hsla(208,73%,46%,1) 49%, hsla(212,67%,36%,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(206,70%,70%,1) 0%, hsla(207,69%,51%,1) 45%, hsla(208,73%,46%,1) 49%, hsla(212,67%,36%,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(206,70%,70%,1) 0%, hsla(207,69%,51%,1) 45%, hsla(208,73%,46%,1) 49%, hsla(212,67%,36%,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, hsla(206,70%,70%,1) 0%, hsla(207,69%,51%,1) 45%, hsla(208,73%,46%,1) 49%, hsla(212,67%,36%,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=0 ); /* IE6-9 */
font-weight: 600;
text-align: center;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol> li:hover:before,
div.CommandmentBox ol> li:hover:before
{
content: counter(li, upper-roman); /* Use the counter as content */
counter-increment: li; /* Increment the counter by 1 */
/* Position and style the number */
position: absolute;
top: -1.5px;
left: -3rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 3rem;
/* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */
margin-right: 8px;
padding: 4px;
border-top: 2px solid #666;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, hsla(212,67%,36%,1) 0%, hsla(208,73%,46%,1) 51%, hsla(207,69%,51%,1) 55%, hsla(206,70%,70%,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(212,67%,36%,1)), color-stop(51%, hsla(208,73%,46%,1)), color-stop(55%, hsla(207,69%,51%,1)), color-stop(100%, hsla(206,70%,70%,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(212,67%,36%,1) 0%, hsla(208,73%,46%,1) 51%, hsla(207,69%,51%,1) 55%, hsla(206,70%,70%,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(212,67%,36%,1) 0%, hsla(208,73%,46%,1) 51%, hsla(207,69%,51%,1) 55%, hsla(206,70%,70%,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(212,67%,36%,1) 0%, hsla(208,73%,46%,1) 51%, hsla(207,69%,51%,1) 55%, hsla(206,70%,70%,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, hsla(212,67%,36%,1) 0%, hsla(208,73%,46%,1) 51%, hsla(207,69%,51%,1) 55%, hsla(206,70%,70%,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0 ); /* IE6-9 */
font-weight: 600;
text-align: center;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol,
html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li,
div.CommandmentBox ol,
div.CommandmentBox ol li
{
margin-top: 6px;
}

html.js body section.pageStyling section.bibleContent div.CommandmentBox ol li:last-child,
div.CommandmentBox ol li:last-child
{
margin-bottom: 0;
}

.bibleContent
{
margin: 0 auto;
text-align: left;
width: auto;
padding: 0 5%;
}

.bibleContent img,
img.imagePopup,
html.js.no-touch body div#footnotes img.popup
{
float: right;
clear: right;
border: 3px solid white;
border-radius: 0.5rem;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.25), 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
margin: 0.7rem 0 0.7rem 2.3rem;
}

/* floated right image with no border or drop shadow */

html.js body section.pageStyling section.bibleContent a img.special,
html.js body section.pageStyling section.bibleContent p img.special,
section.mainContent a img.special,
html.js body section.pageStyling section.mainContent img.special,
html.js.no-touch body section.pageStyling section.bibleContent a img.special,
html.js.no-touch body section.pageStyling section.bibleContent img.special
{
float: right;
clear: right;
margin: 0.7rem 0 0.7rem 2.3rem;
border: none;
border-radius: 0.5rem;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

html.js body section.pageStyling section.bibleContent a img.special,
html.js body section.pageStyling section.bibleContent p img.special,
section.mainContent a img.special,
html.js body section.pageStyling section.mainContent img.special,
html.js.no-touch body section.pageStyling section.bibleContent a img.special,
html.js.no-touch body section.pageStyling section.bibleContent img.special
{
float: right;
clear: right;
margin: 0.7rem 0 0.7rem 2.3rem;
border: none;
border-radius: 0.5rem;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
}

html.js body section.pageStyling section.bibleContent a img.specialA,
html.js body section.pageStyling section.bibleContent p img.specialA,
section.mainContent a img.specialA,
html.js body section.pageStyling section.mainContent img.specialA,
html.js.no-touch body section.pageStyling section.bibleContent a img.specialA,
html.js.no-touch body section.pageStyling section.bibleContent img.specialA
{
float: right;
clear: right;
padding-right: 30%;
border: none;
border-radius: 0.5rem;
box-shadow: none;
color: black;
font-size: 0.75rem;
font-family: inherit;
text-align: left;
}

/* copyright image div and anchor specifications  */

div.copyrightImageDiv,
html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv
{
background-color: white;
margin: 1.5rem 0 1.5rem 1.2rem;
padding: 0rem 0 0rem 1px;
display:inline;
float:right;
width: 38%;
border: 1px black solid;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
border-radius: 0.5rem;
}

a img.copyrightImage,
html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv a img.copyrightImage
{
float: right;
clear: right;
margin: 0;
padding: 0;
border: none;
border-radius: 0.5rem 0.5rem 0 0;
box-shadow: none;
}

html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv > div
{
font-size: 0.7rem;
line-height: 1rem;
color: black;
text-shadow: none;
}

html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv > div > a
{
text-decoration: none;
}

html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv > div > a:hover
{
text-decoration: underline;
}

/* regular list styling */

.bibleContent ul,
.content {
margin-left: 0;
padding-left: 0;
}

.bibleContent ul li,
.content {
line-height: 1.7;
margin: 0.4rem 0 0.4rem 2em;
list-style-type: initial;
}

.mainContent ul,
.content {
margin-left: 0;
padding-left: 0;
}

.mainContent ul li,
.content {
line-height: 1.7;
margin: 0.4rem 0 0.4rem 2em;
list-style-type: initial;
}

/* regular paragraph styling */

.bibleContent p,
.content p,
div p,
p
{
text-indent: 3rem;
line-height: 1.7;
margin: 0.5rem 0;
text-align: left;
}

/* main content? (don’t know where this p element is located) */

.mainContent p
{
text-indent: 0;
line-height: 1.7;
margin: 0.125rem 0;
}

/* Psalm outlines and Bible chapter outlines usage */

div.divOutlinesWrapper div.divOutlines p,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlines p,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p
{
text-indent: 0;
line-height: 1.7;
margin: 0.75rem 0;
}

/* reduced text indent */

html.js.no-touch body section.pageStyling section.mainContent p.outlinesRegular,
html.js.no-touch body section.pageStyling section.bibleContent p.outlinesRegular,
p.outlinesRegular
{
text-indent: 1.2rem;
}

html.js.no-touch body section.pageStyling section.mainContent p.regularIndent,
p.regularIndent {
text-indent: 2.3rem;
line-height: 1.7;
margin: 0.125rem 0;
}

/* poetry paragraph styling */

.bibleContent p.PoetryParagraph,
.mainContent p.PoetryParagraph,
p.PoetryParagraph
{
margin: 0.5rem 0;
text-indent: 0;
padding: 0 4rem;
line-height: 1.7;
}

.bibleContent p.subPoetryParagraph,
.mainContent p.subPoetryParagraph,
p.subPoetryParagraph
{
margin: -0.3rem 0 0.9rem 0;
text-indent: 0;
padding: 0 4rem;
line-height: 1.7;
}

/* paragraph first verse styling */

p span.paragraphFirstVerse,
span.paragraphFirstVerse
{
padding: 0;
margin: 0;
float: left;
clear: both;
text-indent: 0.25rem;
margin-right: -1.5rem;
margin-top: 0.2rem;
}

p.paragraphList span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.paragraphList span.verse
p.subParagraphList span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.subParagraphList span.verse
{
float: left;
text-indent: 0.2rem;
margin-left: -2.35rem;
margin-top: 0.3rem;
vertical-align: top;
}

.bibleContent p.paragraphList,
.mainContent p.paragraphList,
p.paragraphList
{
text-indent: 0;
margin-left: 2.35rem;
width: auto:
}

.bibleContent p.subParagraphList,
.mainContent p.subParagraphList,
{
text-indent: 0;
margin-left: 2.35rem;
margin-top: -0.5rem;
margin-bottom: 1rem;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent,
.bibleContent p.noIndent,
.mainContent p.noIndent,
html.js.no-touch body section.pageStyling div p.noIndent,
p.noIndent
{
text-indent: 0.1rem;
text-align: left;
}

.bibleContent p.intro,
.mainContent p.intro,
p.intro
{
text-indent: 0;
margin: inherit;
}

.bibleContent p.noGap,
.mainContent p.noGap,
p.noGap,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noGap
{
text-indent: 0;
margin: 0;
padding: 0;
margin-bottom: 2rem;
font-style: normal;
}

.bibleContent p.textBreak,
.mainContent p.textBreak,
p.textBreak,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.textBreak,
.bibleContent p.noIndent.textBreak,
.mainContent p.noIndent.textBreak,
p.noIndent.textBreak,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noIndent.textBreak,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent.textBreak,
html.js.no-touch body section.pageStyling section.bibleContent p.textBreak
{
margin-top: 1rem;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noGap
{
margin-left: 6rem;
width: 100%
}
.bibleContent p.noGap a:hover,
.mainContent p.noGap a:hover,
p.noGap a:hover,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noGap a:hover
{
color: hsla(0, 100%, 70%, 1);
text-decoration: underline;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noGap a span.intro,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines p.noGap a span.intro
{
text-transform: uppercase;
font-size: 0.8rem;
float: left;
text-indent: 0.2rem;
margin-left: -6rem;
height: 0.7rem;
line-height: 0.7rem;
margin-top: 0.5rem;
white-space: nowrap;
}

/* set and subset paragraph styling */

.bibleContent p.set,
.content p.set
{
text-indent: 0rem;
line-height: 1.7;
margin-top: 1rem;
margin-bottom: 0.3rem;
}

.bibleContent p.subset,
.content p.subset
{
text-indent: 0rem;
padding: 0 2.5rem;
margin: 0;
margin-bottom: 1rem;
}

/* text block paragraph styling */

p.textBlock,
html.js.no-touch body section.pageStyling section.bibleContent p.textBlock,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.textBlock
{
margin: 0;
padding: 0 1.2rem;
text-indent: 0;
line-height: 1.7;
margin: 0.75rem auto;
/*width: 90%;*/
}

html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock span.smallCaps
{
text-shadow: inherit;
}

.bibleContent p.Statement,
.mainContent p.Statement,
p.Statement,
.bibleContent p.subStatement,
.mainContent p.subStatement,
p.subStatement
{
text-indent: 2.5rem;
}

.bibleContent p.Statement,
.mainContent p.Statement,
p.Statement,
.bibleContent p.subStatement,
.mainContent p.subStatement,
p.subStatement,
.bibleContent p.subStatementNoIndent,
.mainContent p.subStatementNoIndent,
p.subStatementNoIndent
{
margin: 1.5rem auto;
padding: 0 1.5rem;
width: 90%;
}

.bibleContent p.subStatement,
.mainContent p.subStatement,
p.subStatement,
.bibleContent p.subStatementNoIndent,
.mainContent p.subStatementNoIndent,
p.subStatementNoIndent
{
margin-top: -1.1rem;
}

.bibleContent p.StatementNoIndent,
.mainContent p.StatementNoIndent,
.bibleContent p.subStatementNoIndent,
.mainContent p.subStatementNoIndent,
p.subStatementNoIndent
{
text-indent: 0;
}

.bibleContent p.subStatement > span.verse,
.mainContent p.subStatement > span.verse,
p.subStatement > span.verse,
.bibleContent p.subStatementNoIndent > span.verse,
.mainContent p.subStatementNoIndent > span.verse,
p.subStatementNoIndent > span.verse
{
float: left;
text-indent: 0;
margin: 0;
padding: 0;
margin-bottom: -0.25rem;
clear: left;
}

/* Census styling */

.bibleContent p.Census,
.mainContent p.Census,
p.Census
{
margin: 1rem 0 1rem 2.3rem;
text-indent: 0;
padding: 0;
}

.bibleContent p.subCensus,
.mainContent p.subCensus,
p.subCensus
{
margin: -0.9rem 0 1rem 2.3rem;
text-indent: 0;
padding: 0;
}

/* Message styling */

html.js.no-touch body section.pageStyling section.bibleContent p.Message,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.MessageQuote,
.bibleContent p.Message,
.mainContent p.Message,
p.Message,
.bibleContent p.MessageQuote,
.mainContent p.MessageQuote,
p.MessageQuote,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessage,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.subMessageQuote,
.bibleContent p.subMessage,
.mainContent p.subMessage,
p.subMessage,
.bibleContent p.subMessageQuote,
.mainContent p.subMessageQuote,
p.subMessageQuote
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
margin: 0.9rem auto 0.9rem auto;
color: inherit;
text-indent: 0;
line-height: 1.7;
width: 90%;
}

html.js.no-touch body section.pageStyling section.bibleContent p.subMessage,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.subMessageQuote,
.bibleContent p.subMessage,
.mainContent p.subMessage,
p.subMessage,
.bibleContent p.subMessageQuote,
.mainContent p.subMessageQuote,
p.subMessageQuote
{
margin-top: -0.6rem;
}

html.js.no-touch body section.pageStyling section.bibleContent p.gappedMessage,
html.js.no-touch body section.pageStyling section.bibleContent p.gappedMessageQuote,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.gappedMessage,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.gappedMessageQuote,
.bibleContent p.gappedMessage,
.mainContent p.gappedMessage,
p.gappedMessage,
.bibleContent p.gappedMessage,
.mainContent p.gappedMessage,
p.gappedMessage
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
text-indent: 2.5rem;
margin: 0 0 0.6rem 0;
color: inherit;
line-height: 1.7;
}

html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf section.prayer p.PoetryParagraph span.God span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf section.prayer p.subPoetryParagraph span.God span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf section.prayer p.subPoetryParagraph span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph span.God span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.PoetryParagraph span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.subPoetryParagraph span.God span.verse,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.subPoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.God span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.subPoetryParagraph span.God span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.subPoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.God span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.subPoetryParagraph span.God span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.subPoetryParagraph span.verse,
p.PoetryParagraph span.verse
{
float: left;
margin-left: -3.2rem;
margin-top: 0.3rem;
clear: left;
}

.bibleContent p.poetryTextIndent,
.mainContent p.poetryTextIndent,
p.poetryTextIndent
{
margin: 0.5rem 1rem 0.5rem 2.5rem;
text-indent: 0;
padding: 0 0.2rem;
line-height: 1.7;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.poetryTextIndent span.man span.verse,
html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent span.verse,
p.poetryTextIndent span.man span.verse,
p.poetryTextIndent span.verse
{
float: left;
margin-left: -2.3rem;
margin-top: 0.125rem;
padding-right: 0.7rem;
clear: left;
line-height: 1.7;
}

html.js.no-touch body ul.jqpopupmenu span.verse2.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.paragraphList span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.subParagraphList span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.man span.God span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.opening.PoetryParagraph span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.poetryIndent span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.subPoetryParagraph span.poetryIndent span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.subPoetryParagraph span.man span.God span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.subPoetryParagraph span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.subPoetryParagraph span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.subPoetryParagraph span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.subPoetryParagraph span.poetryIndent span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.man span.God span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessage span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.Message span.man span.God span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.Message span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.MessageQuote span.man span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.Message span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.MessageQuote span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.subMessage span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent span.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.poetryIndent span.God.quote span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.noMargin,
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li p.poetryTextIndent span.verse2.noMargin,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf p.poetryTextIndent span.verse.noMargin,
 p.poetryTextIndent span.verse.noMargin,
span.verse.noMargin,
.noMargin
{
margin: 0;
padding: 0;
float: none;
}

span.poetry
{
white-space: pre
}

/* overall section jacket tag */

section..poetryPageStyling,
.poetryPageStyling
{
display: block;
width: 100%;
clear: both;
}

section.poetryPageStyling hr
{
width: 70%;
}

section.poetryContent,
.poetryContent
{
margin: 0 auto;
text-align: center;
width: 80%;
}

section.poetryContent img.imagePopup
{
float: right;
clear: right;
margin: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.first
{
float: right;
clear: both;
margin-top: 2rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.firstA
{
float: right;
clear: both;
margin-top: 3rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.second
{
float: right;
clear: both;
margin-top: 4rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.secondA
{
float: right;
clear: both;
margin-top: 5rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.third
{
float: right;
clear: both;
margin-top: 6rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.thirdA
{
float: right;
clear: both;
margin-top: 7rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.fourth
{
float: right;
clear: both;
margin-top: 8rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.fourthA
{
float: right;
clear: both;
margin-top: 9rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.fifth
{
float: right;
clear: both;
margin-top: 10rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

section.poetryContent a img.fifth
{
float: right;
clear: both;
margin-top: 11rem;
margin-left: 0;
margin-right: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

.poetryContent img.noFloat
{
float: none;
clear: none;
margin: 2rem 1rem;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

.poetryContent img.noFloat2
{
float: none;
clear: none;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 30%;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

.poetryContent img.noFloat3
{
float: none;
clear: none;
display: inline-block;
margin: 0 auto;
width: 20%;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

/* These divs are for Psalm 10 */

.poetryContent div.twoImages
{
text-align: center;
margin: 2.5rem 0;
}

.poetryContent div.threeImages
{
text-align: center;
margin: 2.5rem 0 2.5rem -13rem;
}

div#poetryFirstLineLarge
{
color: hsla(59, 100%, 75%, 0.7);
margin: 0;
display: inline-block;
text-indent: 0;
text-align: left;
}

.poetryVerseHeading
{
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(240,100%,90%,1);
text-shadow: -1px -1px 1px hsla(240, 100%, 6%, 0.2), 1px 1px 1px hsla(240, 100%, 6%, 0.2), -1px -1px 3px hsla(240, 100%, 6%, 0.1), 1px 1px 1px hsla(0, 0%, 0%, 0.15), 1px 1px 3px hsla(240, 100%, 6%, 0.1), -1px -1px 6px hsla(240, 100%, 6%, 0.1), 1px 1px 6px hsla(240, 100%, 6%, 0.1);
}

.mainContent p.poetryCenter,
.bibleContent p.poetryCenter,
.poetryContent p.poetryCenter,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenter
{
display: inline-block;
text-indent: 0;
text-align: left;
margin: 1rem 0 0 0;
padding: 0 4rem;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryCenterQuote span.man span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenterQuote span.verse
{
float: left;
margin-left: -3rem;
clear: left;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryCenter span.man span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenter span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryFixedWidth span.man span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryFixedWidth span.verse,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.verse
{
float: left;
margin-left: -2.7rem;
margin-top: 0.12rem;
clear: both;
padding: 0;
}

.poetryContent p.poetryCenterQuote,
.mainContent p.poetryCenterQuote,
p.poetryCenterQuote,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenterQuote
{
display: inline-block;
text-align: left;
text-indent: -0.6rem;
margin: -0.8rem 0 0 0;
padding: 0 4rem;
}

html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph span.God span.verse.noMargin,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryCenter span.man span.God span.noMargin,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryCenter span.man span.noMargin,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.poetryCenterQuote span.man span.noMargin,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenter span.noMargin,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.noMargin,
span.verse.noMargin,
.noMargin
{
margin: 0;
padding: 0;
float: none;
}

.mainContent p.poetryCenterFixedWidth,
.bibleContent p.poetryCenterFixedWidth,
p.poetryCenterFixedWidth
{
display: inline-block;
text-indent: 0;
text-align: left;
margin: -0.8rem 0 0 0;
width: 65%;
font-size: 1.05rem;
}

/**
* This hack targets the Webkit browser engine 
* which includes Safari and Chrome.  
*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
/** Code goes here..... **/
body
{
font-size: 18px;
}
.mainContent p.poetryCenter,
.bibleContent p.poetryCenter,
p.poetryCenter
{
width: 65%;
}
}

section.poetryPageStyling div.footer
{
width: 70%;
}

/* Prayer styling */

section.prayerRegularParagraphLayout,
html.js.no-touch body section.pageStyling section.bibleContent section.prayerRegularParagraphLayout p span.Jesus.quote
{
width: 100%;
line-height: 1.85rem;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 500;
font-style: italic;
}

section.prayer,
section.prayer p,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent,
section.prayer p.noIndent
{
margin: 0;
padding: 0;
margin: auto;
text-align: center;
width: 95%;
line-height: 1.85rem;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 500;
font-style: italic;
}

section.prayer
{
padding-top: 1rem;
padding-bottom: 1rem;
}

section.prayer p,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p
{
text-indent: 2.4rem;
text-align: left;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent,
section.prayer p.noIndent
{
text-indent: 0;
text-align: left;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.PoetryParagraph,
section.prayer p.PoetryParagraph
{
display: block;
text-align: left;
padding: 0;
padding-left: 2.3rem;
margin: 0;
text-indent: 0;
float: none;
margin: 1rem auto;
width:100%
}


html.js.no-touch body section.pageStyling section.bibleContent section.prayer p,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent
{
text-align: left;
margin: 1rem 0;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.verse.noMargin,
p.PoetryParagraph span.verse.noMargin
{
float: none;
}

section.prayer span.verse,
section.prayer p span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.noIndent span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer p.PoetryParagraph span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayerRegularParagraphLayout p.noIndent span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.prayerRegularParagraphLayout p span.man.quote span.verse.noMargin,
html.js.no-touch body section.pageStyling section.bibleContent section.prayerRegularParagraphLayout p.PoetryParagraph span.God span.verse
{
font-style:normal;
}

section.prayer p.prayerP
{
text-indent: -0.4rem;
margin: 1.2rem 0;
}

section.prayer p.prayerP span.i
{
font-family: inherit;
text-shadow: inherit;
}

section.prayer p.prayerP span.j
{
font-family: inherit;
text-shadow: inherit;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer p.PoetryParagraph span.man span.God
{
font-size: inherit;
}

section.letter
{
color: hsla(226, 100%, 27%, 1);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
text-shadow: 1px 1px 1px hsla(226, 100%, 20%, 0.5);
margin: 2rem auto;
}

html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock
{
text-shadow: 1px 1px 1px hsla(226, 100%, 20%, 0.5);
}

section.letter .smallCaps
{
text-shadow: 1px 1px 1px hsla(226, 100%, 20%, 0.5);
}

/*

html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock span.i
{
font-size: 1.1rem;
font-family: inherit;
}

html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock span.j
{
font-size: 1.1rem;
font-family: inherit;
}

*/

/* footnotes popup prayer */
html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li section.prayer
{
padding: 0;
margin: 0 auto;
}

html.js.no-touch body ul.jqpopupmenuAuto.jqpopupmenu li section.prayer p
{
padding: 0;
margin: 0 auto;
}


/*
_____________________________________________________________________________

   14. navigation menu and final css entries
_____________________________________________________________________________
*/


/* navigation menus reset */

#footerMenu,
.topMenu,
.topMenu2,
ul#footerMenu li,
.topMenu ul li,
.topMenu2 ul li
{
margin: 0;
padding: 0;
border: 0;
letter-spacing: 0;
word-spacing: 0;
line-height: 0;
font-family: inherit;
display: block;
text-shadow: none;
vertical-align: baseline;
list-style: none;
background: none;
position: static;
}

/* end of navigation menu reset */


/* navigation menus customisations */

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li
{
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
height: 0;
}

#footerMenu,
html.js body nav ul#footerMenu.footer_fullwidth li,
.topmenu,
html.js body header div.topMenu ul li,
.topMenu2,
html.js body div.topMenu2 ul li
{
text-shadow: 0 0 0 black, 0 0 1px hsla(234,100%,25%,1), -1px 1px 1px hsla(234,100%,25%,1), 1px -1px 1px hsla(234,100%,25%,1);
}

.topmenu,
html.js body header div.topMenu ul l
{
text-shadow: 0 0 0 black, 0 0 1px hsla(0, 0%, 0%, 0.6), -1px 1px 1px hsla(0, 0%, 0%, 0.6), 1px -1px 1px hsla(0, 0%, 0%, 0.6);
}

html.js body nav ul#footerMenu.footer_fullwidth li a,
html.js body div.topMenu2 ul li a,
html.js body header div.topMenu ul li a
{
letter-spacing: 0.86px;
}


/* Georgia font for I's and J's outside regular text */

/*
.introStyles img span.i,
.mainContent img span.i,
.content img span.i,
.mainContent img.noFloat span.i,
.content img.noFloat span.i,
h2 span.i,
h3 span.i,
h4 span.i,
img.imgNoStyle span.i,
section.mainContent img.imgNoStyle span.i,
section.bibleContent img.imgNoStyle span.i,
html.js body section.pageStyling section.mainContent div.divOutlinesWrapper img.leftDefault span.i,
.whitetextBox span.i,
div.CommandmentBox span.i,
div.CommandmentBox:hover span.i,
.whitetextBoxLeft span.i,
.goldBox span.i,
.goldBoxLeft span.i,
img.centeredImage span.i,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter img.centeredImage span.i,
html.js body section.pageStyling section.mainContent div.imageCenter a img.centeredImage span.i,
html.js body section.pageStyling section.bibleContent div.imageCenter img.imagePopup span.i,
.firstLetterDropCap span.i,
.secondLetterDropCap span.i,
.firstLineDropCap span.i,
.dropCap span.i,
.secondLetter span.i,
table.PsalmChapterIndex tbody tr td span.i,
div.titles.blueTable img.textImage span.i,
section.mainContent div.divOutlinesWrapper img.textImage span.i,
img.textImage span.i,
section.mainContent div.titles h3 span.i,
section.mainContent div.titles h4 span.i,
div.divOutlinesWrapper div.divOutlines h4 span.i,
html.js body section.introStyles img.extraMargin span.i,
img#outlineTitlesMargin span.i,
.divTopics h3 span.i,
.divTopics h4 span.i,
.bibleContent img span.i,
html.js body section.pageStyling section.bibleContent a img.special span.i,
html.js body section.pageStyling section.bibleContent p img.special span.i,
section.mainContent a img.special span.i,
html.js body section.pageStyling section.mainContent img.special span.i,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.i,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote span.i,
.bibleContent p.Message span.i,
.mainContent p.Message span.i,
p.Message span.i,
.bibleContent p.Message span.i,
.mainContent p.Message span.i,
p.Message span.i,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessage span.i,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote span.i,
.bibleContent p.subMessage span.i,
.mainContent p.subMessage span.i,
p.subMessage span.i,
.bibleContent p.subsubMessage span.i,
.mainContent p.subsubMessage span.i,
p.subsubMessage span.i,
section.poetryContent img.imagePopup span.i,
.poetryContent img.noFloat span.i,
.poetryContent img.noFloat2 span.i,
.poetryContent img.noFloat3 span.i,
.poetryFirstLetterDropCap span.i,
.poetrySecondLetterDropCap span.i,
section.prayer span.i,
section.letter,
html.js.no-touch body section.pageStyling section.bibleContent p.gappedMessage span.man span.i,
.introStyles img span.j,
.mainContent img span.j,
.content img span.j,
.mainContent img.noFloat span.j,
.content img.noFloat span.j,
h2 span.j,
h3 span.j,
h4 span.j,
img.imgNoStyle span.j,
section.mainContent img.imgNoStyle span.j,
section.bibleContent img.imgNoStyle span.j,
html.js body section.pageStyling section.mainContent div.divOutlinesWrapper img.leftDefault span.j,
.whitetextBox span.j,
div.CommandmentBox span.j,
div.CommandmentBox:hover span.j,
.whitetextBoxLeft span.j,
.goldBox span.j,
.goldBoxLeft span.j,
img.centeredImage span.j,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.imageCenter img.centeredImage span.j,
html.js body section.pageStyling section.mainContent div.imageCenter a img.centeredImage span.j,
html.js body section.pageStyling section.bibleContent div.imageCenter img.imagePopup span.j,
.firstLetterDropCap span.j,
.secondLetterDropCap span.j,
.firstLineDropCap span.j,
.dropCap span.j,
.secondLetter span.j,
table.PsalmChapterIndex tbody tr td span.j,
div.titles.blueTable img.textImage span.j,
section.mainContent div.divOutlinesWrapper img.textImage span.j,
img.textImage span.j,
section.mainContent div.titles h3 span.j,
section.mainContent div.titles h4 span.j,
div.divOutlinesWrapper div.divOutlines h4 span.j,
html.js body section.introStyles img.extraMargin span.j,
img#outlineTitlesMargin span.j,
.divTopics h3 span.j,
.divTopics h4 span.j,
.bibleContent img span.j,
html.js body section.pageStyling section.bibleContent a img.special span.j,
html.js body section.pageStyling section.bibleContent p img.special span.j,
section.mainContent a img.special span.j,
html.js body section.pageStyling section.mainContent img.special span.j,
html.js.no-touch body section.pageStyling section.bibleContent p.Message span.j,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote span.j,
.bibleContent p.Message span.j,
.mainContent p.Message span.j,
p.Message span.j,
.bibleContent p.Message span.j,
.mainContent p.Message span.j,
p.Message span.j,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessage span.j,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote span.j,
.bibleContent p.subMessage span.j,
.mainContent p.subMessage span.j,
p.subMessage span.j,
.bibleContent p.subsubMessage span.j,
.mainContent p.subsubMessage span.j,
p.subsubMessage span.j,
section.poetryContent img.imagePopup span.j,
.poetryContent img.noFloat span.j,
.poetryContent img.noFloat2 span.j,
.poetryContent img.noFloat3 span.j,
.poetryFirstLetterDropCap span.j,
.poetryAFirstLetterDropCap span.j,
.poetryFirstALetterDropCap span.j,
.poetryASecondLetterDropCap span.j,
.poetrySecondLetterDropCap span.j,
.poetrySecondALetterDropCap span.j,
.poetrySecondBLetterDropCap span.j,
.poetrySecondCLetterDropCap span.j,
section.prayer span.j,
section.letter span.j,
html.js.no-touch body section.pageStyling section.bibleContent p.gappedMessage span.man span.j
{
font-family: noto-serif, Georgia, "Times New Roman", serif;
font-size: inherit;
text-shadow: inherit;
}

*/

/* End of section for Georgia font for I's and J's outside regular text */

.poetryFirstLetterDropCap
{
margin: 0;
padding-left: 0.55rem;
padding-right: 0.2rem;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 700;
font-size: 2.2rem;
display: inline;
color: hsla(59, 100%, 75%, 0.7);
margin: 0 0 2rem -1.5rem;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), 0px 0px 3px hsla(254, 100%, 41%, 0.9), -1px -1px 1px hsla(254, 100%, 41%, 0.9), -1px -1px 2px hsla(254, 100%, 41%, 0.9), -1px -1px 3px hsla(254, 100%, 41%, 0.9), 1px 1px 1px hsla(254, 100%, 41%, 0.9), 2px 2px 2px hsla(254, 100%, 51%, 0.9), 3px 3px 3px hsla(254, 100%, 51%, 0.9), 4px 4px 4px hsla(254, 100%, 51%, 0.9), 20px 20px 150px hsla(254, 100%, 90%, 0.9), -20px -20px 150px hsla(254, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(254, 100%, 50%, 0.9), -15px -15px 70px hsla(254, 100%, 50%, 0.9), 10px 10px 40px hsla(254, 100%, 50%, 0.9), -10px -10px 40px hsla(254, 100%, 50%, 0.9), 5px 5px 30px hsla(254, 100%, 50%, 0.9), -5px -5px 30px hsla(254, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0,0%,0%,1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
}

.Psalm119FirstLetterDropCap
{
margin: 0;
padding-right: 0.2rem;
display: inline;
color: hsla(59, 100%, 75%, 0.7);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 700;
font-size: 2.2rem;
margin: 0 0 2rem -3.5rem;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), 0px 0px 3px hsla(254, 100%, 41%, 0.9), -1px -1px 1px hsla(254, 100%, 41%, 0.9), -1px -1px 2px hsla(254, 100%, 41%, 0.9), -1px -1px 3px hsla(254, 100%, 41%, 0.9), 1px 1px 1px hsla(254, 100%, 41%, 0.9), 2px 2px 2px hsla(254, 100%, 51%, 0.9), 3px 3px 3px hsla(254, 100%, 51%, 0.9), 4px 4px 4px hsla(254, 100%, 51%, 0.9), 20px 20px 150px hsla(254, 100%, 90%, 0.9), -20px -20px 150px hsla(254, 100%, 90%, 0.9), 30px 30px 100px hsla(0, 0%, 100%, 0.9), -30px -30px 100px hsla(0, 0%, 100%, 0.9), 20px 20px 80px hsla(0, 0%, 100%, 0.9), -20px -20px 80px hsla(0, 0%, 100%, 0.9), 15px 15px 70px hsla(254, 100%, 50%, 0.9), -15px -15px 70px hsla(254, 100%, 50%, 0.9), 10px 10px 40px hsla(254, 100%, 50%, 0.9), -10px -10px 40px hsla(254, 100%, 50%, 0.9), 5px 5px 30px hsla(254, 100%, 50%, 0.9), -5px -5px 30px hsla(254, 100%, 50%, 0.9), 1px 1px 20px hsla(0, 0%, 100%, 0.5), -1px -1px 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), -3px -3px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), -1px -1px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0,0%,0%,1), 0 0 0 hsla(59, 100%, 75%, 1.00), 0 0 2px hsla(0, 0%, 0%, 1), 0 0 0px hsla(59, 100%, 75%, 1.00);
}

.poetrySecondLetterDropCap
{
display: inline;
color: hsla(59, 100%, 75%, 0.7);
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
margin-left: 0;
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), -1px -1px 1px hsla(254, 100%, 21%, 0.9), -1px -1px 2px hsla(254, 100%, 21%, 0.9), -1px -1px 3px hsla(254, 100%, 21%, 0.9), 1px 1px 1px hsla(254, 100%, 21%, 0.9), 2px 2px 2px hsla(254, 100%, 51%, 0.9), 3px 3px 3px hsla(254, 100%, 51%, 0.9), 5px 5px 30px hsla(254, 100%, 50%, 1), 20px 20px 50px hsla(254, 100%, 50%, 1), 0px 0px 30px hsla(254, 100%, 50%, 1), 0px 0 20px hsla(0, 0%, 100%, 0.5), 3px 3px 10px hsla(0, 0%, 100%, 0.6), 0px 0px 10px hsla(0, 0%, 100%, 0.6), 1px 1px 15px hsla(0, 0%, 100%, 0.7), 0px 0px 15px hsla(0, 0%, 100%, 0.7), 1px 1px 2px hsla(0,0%,0%,1), 0 0 0 hsla(59, 100%, 75%, 1.00);
}

span.poetryList
{
float: right;
clear: right;
margin-right: 30%;
}

div.centerDiv
{
margin: 0 auto;
width: 100%;
}

.mainContent p.poetryCenterFixedWidth,
.bibleContent p.poetryCenterFixedWidth,
p.poetryCenterFixedWidth
{
display: inline-block;
text-indent: 0;
text-align: left;
margin: -0.8rem 0 0 0;
width: 65%;
font-size: 1.05rem;
}

.thinsp
{
margin-left: -0.26rem;
}

.quote,
html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent span.man.quote
{
margin-left: -0.56rem;
}

html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv span.poetryFirstLetterDropCap.quote
{
margin-left: -2.3rem;
}

div.goldBoxLeft div.subGoldBoxLeft span.quote,
div.goldBox div.subGoldBox span.quote,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.quote,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBox div.subGoldBox p.PoetryParagraph span.quote
{
margin-left: -0.55em;
}

html.js.no-touch body section.pageStyling section.bibleContent div.goldBox a div.subGoldBox p.PoetryParagraph span.quote,
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft a div.subGoldBoxLeft p.PoetryParagraph span.quote
{
margin-left: -0.625rem;
}

html.js body section.poetryPageStyling section.poetryContent h2
{
font-size: 1.4rem;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent h2.centredH2,
h2.centredH2
{
margin: 3rem auto -2rem auto;
width: 100%;
}

.paragraphImageHeading
{
display: inline-block;
margin: 3rem 0 1rem 6rem;
}

html.js body section.poetryPageStyling section.poetryContent div.poetryWrapper p.poetryFixedWidth span.verseWide,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.verseWide
{
float: left;
margin-left: -4rem;
clear: both;
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210,100%,50%,1);
}

html.js body section.poetryPageStyling section.poetryContent h3
{
color: hsl(0, 0%, 100%);
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 500;
font-size: 1.1rem;
font-style: italic;
margin-bottom: 1rem;
margin-left: 0;
margin-right: 0;
margin-top: 1rem;
text-align: center;
text-shadow: -1px -1px 0 hsla(240, 100%, 1%, 0.2), 1px -1px 0 hsla(240, 100%, 1%, 0.2), -1px 1px 0 hsla(240, 100%, 1%, 0.2), 1px 1px 0 hsla(240, 100%, 1%, 0.2), 0 0 0 hsl(0, 0%, 100%), 0 0 1px hsla(240, 100%, 1%, 0.2), 0 0 2px hsla(240, 100%, 1%, 0.2), -1px -1px 1px hsla(240, 100%, 50%, 0.5), 1px 1px 1px hsla(240, 100%, 50%, 0.5), -2px -2px 1px hsla(240, 100%, 1%, 0.2), -1px -1px 3px hsla(240, 100%, 1%, 0.2), 1px 1px 2px hsla(240, 100%, 1%, 0.2), 1px 1px 3px hsla(240, 100%, 1%, 0.2), 2px 2px 3px hsla(240, 100%, 1%, 0.3);
}

section.poetryContent img.imagePopup
{
float: right;
clear: right;
margin: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper img.imagePopup,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.poetryWrapper div.psalmImageWrapper img.imagePopup
{
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
border: 2px solid #666;
border-radius: 0.5rem;
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
color: black;
font-size: 0.75rem;
font-family: inherit;
}

/* Psalm image spacing settings */

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twoTop
{
margin-top: 2rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twoBottom
{
margin-bottom: 2rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fiveTop
{
margin-top: 5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fiveBottom
{
margin-bottom: 5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.sevenTop
{
margin-top: 7.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.sevenBottom
{
margin-bottom: 7.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.tenTop
{
margin-top: 10rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.tenBottom
{
margin-bottom: 10rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twelveTop
{
margin-top: 12.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twelveBottom
{
margin-bottom: 12.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fifteenTop
{
margin-top: 15rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fifteenBottom
{
margin-bottom: 15rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.seventeenTop
{
margin-top: 17.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.seventeenBottom
{
margin-bottom: 17.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twentyTop
{
margin-top: 20rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twentyBottom
{
margin-bottom: 20rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twentyfiveBottom
{
margin-bottom: 25rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.twentyfiveTop
{
margin-top: 25rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtyTop
{
margin-top: 30rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtyBottom
{
margin-bottom: 30rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtyfiveTop
{
margin-top: 35rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtyfiveBottom
{
margin-bottom: 35rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtysevenTop
{
margin-top: 37.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.thirtysevenBottom
{
margin-bottom: 37.5rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fortyTop
{
margin-top: 40rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fortyBottom
{
margin-bottom: 40rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fortyfiveTop
{
margin-top: 45rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fortyfiveBottom
{
margin-bottom: 45rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.fiftyTop
{
margin-top: 50rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.sixtyTop
{
margin-top: 60rem;
}

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper img.imagePopup.four
{
margin-top: 4rem;
margin-bottom: 4rem;
}

/* end of Psalm image spacing settings */

html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper div.psalmImageWrapper
{
display: inline-block;
margin: 0;
max-width: 20%;
vertical-align: middle;
padding-left: 1.2rem;
text-align: left;
overflow: visible;
width: auto;
}

div.poetryWrapper,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper
{
margin: 0 auto;
display: block;
text-align: center;
height: 100%;
padding-left: 6rem;
width: 100%;
}

p.psalmCenter,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter
{
margin: 0 auto;
display: inline-block;
text-indent: 0;
text-align: left;
padding: 0;
vertical-align: middle;
width: auto;
}

.mainContent p.poetryCenter,
.bibleContent p.poetryCenter,
.poetryContent p.poetryCenter,
html.js.no-touch body section.poetryPageStyling section.poetryContent p.poetryCenter
{
display: inline-block;
text-indent: 0;
text-align: left;
margin: 1rem auto;
padding: 0;
}

.mainContent p.poetryCenter,
.bibleContent p.poetryCenter,
p.poetryCenter
{
width: 65%;
}

p.poetryFixedWidth
{
padding: 0;
padding-left: 20%;
text-indent: 0;
text-align: left;
margin: 0 auto 1.5rem auto;
text-align: left;
}

.mainContent p.poetryCenterOpenWidth,
.bibleContent p.poetryCenterOpenWidth,
p.poetryCenterOpenWidth
{
display: inline-block;
text-indent: 0;
text-align: left;
margin: -0.8rem 0 0 0;
}

.verseHeadingPoetry
{
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210,100%,50%,1);
margin: 0rem 3.6rem -2.5rem -3.1rem;
display: inline-block;
}

/* poetry section wrapper dropcap poetry heading quote settings adjustment */
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf span.poetryHeadingDiv span.verseHeadingPoetry.quote
{
margin-left: -3rem;
margin-right: 2.9rem;
}

.verseHeadingWide
{
font-size: 0.85rem;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(210,100%,50%,1);
margin: 0rem 5.6rem -2.5rem -4rem;
display: inline-block;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer span.poetryHeadingDiv span.verseHeadingPoetry
{
margin-left: -3rem;
margin-right: 2.1rem;
}

.wideMargin
{
margin-top: 1rem;
margin-bottom: 1rem;
}

html.js.no-touch body section.pageStyling section.bibleContent p.noTopMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent.noTopMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.noTopMargin,
.noTopMargin
{
margin-top: 0rem;
}

html.js.no-touch body section.pageStyling section.bibleContent p.noBottomMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.PoetryParagraph.noBottomMargin,
html.js.no-touch body section.pageStyling section.bibleContent p.poetryTextIndent.noBottomMargin,
.noBottomMargin
{
margin-bottom: 0rem;
}

.bottomMediumPadding,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock.bottomMediumPadding,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.bottomMediumPadding
{
margin-bottom: 0rem;
padding-bottom: 0.4rem;
}

.topMediumPadding,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock.topMediumPadding,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.topMediumPadding
{
padding-top: 0.6rem;
}

/* regular Bible poetry */
.poetryHeadingDiv,
html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv
{
display: inline-block;
text-align: left;
line-height: 2rem;
margin: 2.5rem 0 0 3.85rem;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer span.poetryHeadingDiv
{
display: block;
text-align: left;
margin-left: 2rem;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer span.poetryHeadingDiv span.poetryFirstLetterDropCap
{
margin-left: 0rem;
}

html.js.no-touch body section.pageStyling section.bibleContent section.prayer span.poetryHeadingDiv span.poetryFirstLetterDropCap.quote
{
margin-left: -1rem;
}

/* Psalm 10 heading settings */

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.poetryFixedWidth span.poetryHeadingDiv
{
margin-left: 0rem;

}

html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv span.poetrySecondLetterDropCap span.smallCaps
{
text-shadow: inherit;
}

/* psalm poetry coloured block heading settings */

.psalmCenter .poetryHeadingDiv,
.poetryWrapper p.poetryFixedWidth span.poetryHeadingDiv,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.poetryWrapper p.poetryFixedWidth span.poetryHeadingDiv,
html.js.no-touch body section.poetryPageStyling section.poetryContent section.prayer div.psalmWrapper p.poetryFixedWidth
{
text-indent: 0;
display: inline-block;
text-align: left;
line-height: 2rem;
margin: 2.5rem 0 1rem 0rem;
}

/* poetryIndent styling */

.poetryIndent
{
margin-left: 1.2rem;
display: inline;
text-indent: 0;
}

/* poetry indent style to allow otherwise inline-block text to flow around floated images.
WARNING: INLINE-BLOCK text does not flow around images whereas BLOCK text does flow???
—this has been changed 11-7-20 to inline and margin-left, and it seems to WORK!! the text should flow around images
 */

/* textIndentBlock is the span class to get around text breaking issues with the previous <span style="text-indent:-1.2rem" class="poetryIndent"> method. */

/* Psalm heading indent for second line entries */

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndent,
html.js.no-touch body section.pagePoetryOuterWrapper section.pagePoetryInnerWrapperHalf span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndentBlock
{
margin-left: 0;
padding-left: 1rem;
}

.textIndentBlock
{
text-indent: -1.2rem;
display: block;
}

.paddingLeft
{
padding-left: 1.2rem;
}

.poetryIndentBlock
{
padding-left: 1.2rem;
display: block;
text-indent: 0;
}

/* poetry Psalm-type coloured heading div */
html.js.no-touch body section.pageStyling section.bibleContent span.poetryHeadingDiv span.poetrySecondLetterDropCap span.poetryIndent
{
padding-left: 0rem;
}

/* Psalms main pages poetryIndent specifications */

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryIndent,
div.psalmWrapper p.psalmCenter span.poetryIndent
{
padding-left: 1.2rem;
display: inline-block;
}


html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryIndentExtra,
div.psalmWrapper p.psalmCenter span.poetryIndentExtra,
.poetryIndentExtra
{
padding-left: 4.8rem;
display: inline-block;
}

/* Popit poetryIndentExtra settings */
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.noIndent span.God span.poetryIndentExtra

/*
html.js.no-touch body section.pageStyling section.bibleContent div.goldBoxLeft div.subGoldBoxLeft p.PoetryParagraph span.poetryIndent
{
padding-left: 1.6rem;
display: inline-block;
}
*/

/* poetryIndent + refrain for Psalm 136 * and similar */

span.refrain
{
padding-left: 1.2rem;
display: inline-block;
text-indent: 0;
font-style: italic;
}

html.js.no-touch body section.pageStyling section.bibleContent p .noMargin,
html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines,
.noMargin
{
margin: 0;
}

p.dialoguePadding
{
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.8rem
}

.noPadding
{
padding: 0;
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines .noPaddingTop,
.noPaddingTop
{
padding-top: 0;
}

html.js.no-touch body ul#popmenu107.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p i span.boldText.smallCaps,
html.js.no-touch body section.pageStyling section.bibleContent p i span.boldText,
.boldText
{
font-weight: 600;
font-style: inherit;
}

html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.boldText span.i,
span.boldText span.i
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.boldText span.j,
span.boldText span.j,
html.js.no-touch body section.pageStyling div.footer p span.j,
html.js.no-touch body section.pageStyling div.footer p span.i
{
font-size: inherit;
text-shadow: inherit;
font-weight: inherit;
}


/*
_____________________________________________________________________________

   15. LEFT AND RIGHT NAVIGATION ARROWS AND BUBBLES
_____________________________________________________________________________
*/


/*  This is the CSS for the right navigation arrows and bubbles  */

/* Right mid-page div navigation */

.navDivRight
{
position: relative;
}

.navDivRightArrow
{
border:0;
padding: 0;
margin: 0;
display: inline;
font-size: 3rem;
opacity: 0.4;
position: fixed;
right: 1.25%;
top: 62%;
color: hsla(0, 0%, 0%, 0.7);
}

.navDivRightArrow:before 
{
content:"";
position: absolute;
right: 1.25%;
top: 62%;
z-index: -1;
}

.navDivRightArrow:after
{
content:"";
position: absolute;
right: 1.25%;
top: 62%;
z-index: -2;
}

.navDivRightArrow:hover 
{
opacity: 0;
}

.navDivRightBackground
{
right: 1.25%;
top: 62%;
opacity: 0;
position: fixed;
}

.navDivRightBackground:hover
{
opacity: 1;
color: #7E7F7F;
}

.navDivRightInternal
{
border:0;
padding: 0;
margin: 0;
display: inline;
font-size: 3rem;
opacity: 0;
position: fixed;
right: 1.25%;
top: 62%;
}

.navDivRightInternal:before {
content:"";
z-index: -1;
}

.navDivRightInternal:after {
content:"";
z-index: -2;
}

.navDivRightInternal:hover
{
opacity: 1;
text-decoration: none;
}

/* Right Bubble  */

/* this reference: http://www.ilikepixels.co.uk/drop/bubbler/ */

.rightBubble
{
line-height: 1.1rem;
font-size: 0.85rem;
position: fixed;
right: 1.1%;
top: 57.2%;
text-shadow: none;
color: hsla(0, 0%, 10%, 1);
padding: 7px 9px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #7E7F7F solid 5px;
z-index: 2;
}

.rightBubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 27px 7px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
margin-left: -5px;
padding-top: 2px;
bottom: -24px;
left: 84%;
z-index: -2;
}

.rightBubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 30px 10px 0;
border-color: #7E7F7F transparent;
display: block;
width: 0;
z-index: -2;
margin-left: -8px;
bottom: -30px;
left: 84%;
}

/* Left mid-page div navigation */

.navDivLeft
{
position: relative;
}

.navDivLeftArrow
{
display: inline;
font-size: 3rem;
opacity: 0.4;
position: fixed;
left: 1.25%;
top: 62%;
padding: 0;
margin: 0;
color: hsla(0, 0%, 0%, 0.7);
}

.navDivLeftArrow:before 
{
content:"";
position: absolute;
left: 1.25%;
top: 62%;
z-index: -1;
}

.navDivLeftArrow:after
{
content:"";
position: absolute;
left: 1.25%;
top: 62%;
z-index: -2;
}

.navDivLeftArrow:hover 
{
opacity: 0;
}

.navDivLeftBackground
{
left: 0%;
width: 4%;
opacity: 0;
position: fixed;
}

.navDivLeftBackground:hover
{
opacity: 1;
color: #7E7F7F;
}

.navDivLeftInternal
{
display: inline;
font-size: 3rem;
opacity: 0;
position: fixed;
left: 1.25%;
top: 62%;
padding: 0;
margin: 0;
}

.navDivLeftInternal:before {
content:"";
z-index: -1;
}

.navDivLeftInternal:after {
content:"";
z-index: -2;
}

.navDivLeftInternal:hover
{
opacity: 1;
text-decoration: none;
}

.navDivLeftInternal a:hover,
.navDivRightInternal a:hover
{
text-decoration: none;
}

/* Left Bubble */

.leftBubble
{
line-height: 1.1rem;
font-size: 0.85rem;
position: fixed;
left: 1.1%;
top: 57.2%;
text-shadow: none;
color: hsla(0, 0%, 10%, 1);
padding: 7px 9px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #7E7F7F solid 5px;
z-index: 2;
}

.leftBubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 27px 7px 0px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
margin-left: -5px;
padding-top: 2px;
bottom: -24px;
left: 16%;
z-index: -2;
}

.leftBubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 30px 10px 0;
border-color: #7E7F7F transparent;
display: block;
width: 0;
z-index: -2;
margin-left: -8px;
bottom: -30px;
left: 16%;
}

/*

html.js.no-touch body div.navDivRight div.navDivRightBackground div.rightBubble span.j,
html.js.no-touch body div.navDivRight div.navDivRightBackground div.rightBubble span.i,
html.js.no-touch body div.navDivLeft div.navDivLeftBackground div.leftBubble span.j,
html.js.no-touch body div.navDivLeft div.navDivLeftBackground div.leftBubble span.i,
div.rightBubble span.j,
div.rightBubble span.i,
div.leftBubble span.j,
div.leftBubble span.i
{
font-size: inherit;
}

*/

/*  This is the end of the CSS for the right navigation arrows and bubbles  */


/*  This is the data-title attribute css specifications for verses */

span.verse:hover
{
position: relative;
}

span.verse[data-title]:hover:after
{
text-indent: 0;
content: attr(data-title);
padding: 3px 6px;
color: #333;
font-size: 0.75rem;
text-shadow: none;
position: absolute;
left: 0;
top: 100%;
z-index: 20;
white-space: nowrap;
border: 1px solid hsla(0, 0%, 0%, 0.35);
border-radius: 0.2rem;
box-shadow: 0.25rem 0.25rem 0.36rem hsla(0, 0%, 0%, 0.15);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

/*  This is the end of the data-title attribute css specifications for verses */


/*To fit the Nav Panel in with the content so the scrollbar has room, reduce the  <section class="pageStyling" style="width:70%">  accordingly */


/*  This is the data-title attribute css specifications for div.footer */

div.footer:hover
{
position: relative;
clear: both;
}

div.footer[data-title]:hover:after
{
text-indent: 0;
content: attr(data-title);
padding: 6px 12px;
color: #333;
text-shadow: none;
position: relative;
left: 0;
top: 100%;
z-index: 20;
white-space: nowrap;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

/*  This is the end of the data-title attribute css specifications for div.footer */

@charset "utf-8";

/*
ALL ORIGINS MENUS
TABLE OF CONTENTS
1. FOOTER GENERAL STYLING
2. FOOTER TRIGGER BUTTON
3. FOOTER COLOURED ELEMENTS
4. FOOTER CSS MENU CUSTOMIZATIONS
5. TOP MENU
6. SECOND TOP MENU
7. CURSOR CLASSES
*/


/*
_____________________________________________________________________________

   Menus common styling
_____________________________________________________________________________ 
*/


/* capital I */

/*
html.js body header div.topMenu ul li a span.i,
html.js body div.topMenu2 ul li a span.i,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li a span.i,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook a.dropup span.i,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.biblebooks ul li div.footer_dropup ul.navul li a span.i,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook a.dropup span.i
{
padding-right: 1.06px;
margin-right: -0.025rem;
font-size: inherit;
font-family: Tahoma, Verdana;
font-weight: 500;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li a span.i
{
font-weight: normal;
margin-right: -0.1rem;
}

html.js body header div.topMenu ul li a span.j,
html.js body div.topMenu2 ul li a span.j,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li a span.j,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook a.dropup span.j,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.biblebooks ul li div.footer_dropup ul.navul li a span.j,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook a.dropup span.j
{
font-size: inherit;
font-family: Tahoma, Verdana;
font-weight: 500;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.biblebooks a.dropup span.j
{
font-weight: 600;
}

*/

/* letter and word spacing  */

html.js body header div.topMenu ul li a,
html.js body div.topMenu2 ul li a,
html.js body nav ul#footerMenu.footer_fullwidth li a
{
letter-spacing: 1px;
word-spacing: 2px;
}


/*
_____________________________________________________________________________

   1. FOOTER GENERAL STYLING
_____________________________________________________________________________ 
*/


#footermenu,
html.js body nav ul#footerMenu.footer_fullwidth
{
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
cursor: default;
position: fixed;
z-index: 19;
bottom: 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 100%;
height: 32px;
text-align: center;
font-family:Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 0.85em;
background: -moz-linear-gradient(top, hsla(234,100%,33%,0.85) 0%, hsla(200,100%,33%,0.75) 43%, hsla(201,100%,31%,0.75) 55%, hsla(234,100%,33%,0.86) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(234,100%,33%,0.85)), color-stop(43%, hsla(200,100%,33%,0.75)), color-stop(55%, hsla(201,100%,31%,0.75)), color-stop(100%, hsla(234,100%,33%,0.86)));
background: -webkit-linear-gradient(top, hsla(234,100%,33%,0.85) 0%, hsla(200,100%,33%,0.75) 43%, hsla(201,100%,31%,0.75) 55%, hsla(234,100%,33%,0.86) 100%);
background: -o-linear-gradient(top, hsla(234,100%,33%,0.85) 0%, hsla(200,100%,33%,0.75) 43%, hsla(201,100%,31%,0.75) 55%, hsla(234,100%,33%,0.86) 100%);
background: -ms-linear-gradient(top, hsla(234,100%,33%,0.85) 0%, hsla(200,100%,33%,0.75) 43%, hsla(201,100%,31%,0.75) 55%, hsla(234,100%,33%,0.86) 100%);
background: linear-gradient(to bottom, hsla(234,100%,33%,0.85) 0%, hsla(200,100%,33%,0.75) 43%, hsla(201,100%,31%,0.75) 55%, hsla(234,100%,33%,0.86) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0010a8', endColorstr='#db0010a8', GradientType=0 );
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li
{
border-right: 1px solid hsla(234, 100%, 40%, 1);
list-style: none;
display: inline-block;
line-height: 30px;
height: 32px;
vertical-align: top;
overflow: hidden;
text-align: center;
}

html.js body nav ul#footerMenu.footer_fullwidth li:hover
{
background: -moz-linear-gradient(top, hsla(286,100%,33%,0.5) 0%, hsla(252,100%,33%,0.46) 43%, hsla(253,100%,32%,0.45) 50%, hsla(253,100%,31%,0.46) 55%, hsla(286,100%,33%,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(286,100%,33%,0.5)), color-stop(43%, hsla(252,100%,33%,0.46)), color-stop(50%, hsla(253,100%,32%,0.45)), color-stop(55%, hsla(253,100%,31%,0.46)), color-stop(100%, hsla(286,100%,33%,0.5)));
background: -webkit-linear-gradient(top, hsla(286,100%,33%,0.5) 0%, hsla(252,100%,33%,0.46) 43%, hsla(253,100%,32%,0.45) 50%, hsla(253,100%,31%,0.46) 55%, hsla(286,100%,33%,0.5) 100%);
background: -o-linear-gradient(top, hsla(286,100%,33%,0.5) 0%, hsla(252,100%,33%,0.46) 43%, hsla(253,100%,32%,0.45) 50%, hsla(253,100%,31%,0.46) 55%, hsla(286,100%,33%,0.5) 100%);
background: -ms-linear-gradient(top, hsla(286,100%,33%,0.5) 0%, hsla(252,100%,33%,0.46) 43%, hsla(253,100%,32%,0.45) 50%, hsla(253,100%,31%,0.46) 55%, hsla(286,100%,33%,0.5) 100%);
background: linear-gradient(to bottom, hsla(286,100%,33%,0.5) 0%, hsla(252,100%,33%,0.46) 43%, hsla(253,100%,32%,0.45) 50%, hsla(253,100%,31%,0.46) 55%, hsla(286,100%,33%,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808100a8', endColorstr='#808100a8', GradientType=0 );
}

html.js body nav ul#footerMenu.footer_fullwidth li:first-of-type
{
border-left: 1px solid hsla(234, 100%, 40%, 1);
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li a,
html.js body nav ul#footerMenu.footer_fullwidth li a
{
color: hsla(0, 100%, 100%, 1);
font-family:Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 0.85em;
line-height: 32px;
text-decoration: none;
text-shadow: inherit;
padding-left: 15px;
padding-right: 15px;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li a#currentPg
{
color: hsla(60,100%,70%,1);
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li a#currentPg:hover
{
color: hsla(60,100%,50%,1);
}

#footerMenu li .dropup
{
background: url("../images/menuImages/arrow.png") no-repeat center right;
margin-right: 12px;
}

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup
{
position: absolute;
line-height: 1;
padding: 0;
margin: 0 0 0 -1px;
left: -9999em;
/*height:;  Equal height of the footer */
background: #eeeeee;
border: 1px solid #444444;
background: #eaf5f9; /* Old browsers */
background: #ebf5f9;
background: -moz-linear-gradient(top, hsla(197,54%,95%,1) 0%, hsla(195,26%,88%,1) 36%, hsla(244,16%,81%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(197,54%,95%,1)), color-stop(36%, hsla(195,26%,88%,1)), color-stop(100%, hsla(244,16%,81%,1)));
background: -webkit-linear-gradient(top, hsla(197,54%,95%,1) 0%, hsla(195,26%,88%,1) 36%, hsla(244,16%,81%,1) 100%);
background: -o-linear-gradient(top, hsla(197,54%,95%,1) 0%, hsla(195,26%,88%,1) 36%, hsla(244,16%,81%,1) 100%);
background: -ms-linear-gradient(top, hsla(197,54%,95%,1) 0%, hsla(195,26%,88%,1) 36%, hsla(244,16%,81%,1) 100%);
background: linear-gradient(to bottom, hsla(197,54%,95%,1) 0%, hsla(195,26%,88%,1) 36%, hsla(244,16%,81%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5f9', endColorstr='#c7c6d6', GradientType=0 );
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup
{
bottom: 32px;
}

html.js body nav ul#footerMenu.footer_fullwidth li,
html.js body nav ul#footerMenu.footer_fullwidth li ul
{
border-bottom: none;
}


/*
_____________________________________________________________________________

   2. TRIGGER BUTTON
_____________________________________________________________________________
*/


a#footerMenu_trigger
{
position: fixed;
z-index: 20;
bottom: 0;
right: 0.6em;
width: 1.9em;
height: 30px;
background: url("../images/footer_button_up.png") right no-repeat hsla(40,100%,30%,0.3);
display: block;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border-right: 2px solid hsla(240,100%,20%,1);
border-left: 2px solid hsla(240,100%,20%,1);
border-bottom: 2px solid hsla(240,100%,20%,0.8);
border-top: 1px solid hsla(240,100%,20%,0.8);
}

a.trigger_fixed
{
margin: 0 auto;
left: 50%;
margin-left: 447px;
}

a#footerMenu_trigger.trigger_active
{
background: url("../images/footer_button_down.png") right no-repeat hsla(40,100%,30%,0.3);
}


/*
_____________________________________________________________________________

   3. FOOTER COLOURED ELEMENTS
_____________________________________________________________________________
*/

/* Links within the content */


#footerMenu li div.footer_dropup a
{
color: #6a82a3;
line-height: 0;
}

#footerMenu li div.footer_dropup a:hover,
#footerMenu li div.footer_dropup li
{
color: white;
background: none;
}

#footerMenu li div.footer_dropup li:hover
{
background: none;
}


/*
_____________________________________________________________________________

   4. FOOTER CSS MENU CUSTOMIZATIONS
_____________________________________________________________________________
*/


/* cursor pointers */

#footerMenu ul,
#footerMenu li,
html.js body nav ul#footerMenu.footer_fullwidth li a.dropup
{
cursor: default;
}

#footerMenu li a
{
cursor: pointer;
}

/* end of cursor pointers *//* reset */

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li
{
padding: 0;
margin: 0;
margin-bottom: 2px;
width: 0;
line-height: 0;
height: 0;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li
{
margin: auto;
width: auto;
line-height: 1em;
height: auto;
}

/* end of reset */


/* regular default footer menu table configuration */

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup
{
text-align: center;
border: 1px solid #444444;
padding-bottom: 17px;
display: block;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul
{
text-align: center;
width: 100%;
height: 100%;
border: none;
display: inline-block;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li
{
border: none;
text-align: left;
display: block;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup ul.navul li:hover,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li:hover,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li:hover,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li:hover,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li:hover
{
background: none;
}

/* end of regular footer menu table configuration */


/* anchor styling */

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:hover,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:focus
{
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
color: hsla(0, 0%, 20%, 0.8);
font-size: 12px;
line-height: 14px;
text-decoration: none;
cursor: pointer;
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
outline: 0 none;
text-shadow: 1px 1px 0 hsla(240,100%,90%,0.3), -1px -1px 0 hsla(240,100%,90%,0.3), 1px -1px 0 hsla(240,100%,90%,0.3), -2px -2px 2px hsla(240,100%,90%,0.3), 2px 2px 2px hsla(240,100%,90%,0.3);
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:hover,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:focus
{
color: hsla(0, 100%, 100%, 1);
text-shadow: -1px -1px 15px hsla(59, 100%, 40%, 0.8), 1px 1px 15px hsla(59, 100%, 40%, 0.8);
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a
{
text-decoration: none;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:hover
{
text-decoration: underline;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup ul.navul li a:visited
{
color: hsla(44, 100%, 38%, 1);
text-shadow: 0 0 1px hsla(44, 10%, 10%, 1), 1px 1px 1px hsla(240,100%,20%,0.6), -1px -1px 1 hsla(240,100%,90%,0.3), 1px -1px 0 hsla(240,100%,90%,0.3), -1px 1px 0 hsla(240,100%,90%,0.3), 1px 1px 0 hsla(240,100%,90%,0.3);
}

/* end of anchor styling */


/* popup menu positioning */

.originLinks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks
{
right: 20%;
min-width: 50%;
max-width: 60%;
}

.bibleMenu,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu
{
right: 9.5%;
min-width: 50%;
max-width: 70%;
}

.bibleChapters,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup
{
right: 28%;
min-width: 20%;
max-width: 50%;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup,
.bibleChaptersMedium
{
right: 36%;
width: 40%;
}

.bibleChaptersNarrow
{
width: 25%;
}


.PsalmBibleChapters
{
right: 5%;
width: 90%;
}

/* end of popup menu positioning /*


/* Origins, Bible chapters, and Psalm chapters headings */

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChapters h4,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup h4,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters h4,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChaptersNarrow h4,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChaptersMedium h4,
html.js body nav ul#footerMenu.footer_fullwidth li.originSeries ul li div.originLinks h4
{
text-shadow: none;
cursor: default;
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
word-spacing: 4px;
margin: 20px 0 14px 0;
text-align: center;
text-shadow: -1px -1px 0 hsla(0, 0%, 60%, 0.8), 1px -1px 0 hsla(0, 0%, 60%, 0.8), -1px 1px 0 hsla(0, 0%, 60%, 0.8), 1px 1px 0 hsla(0, 0%, 60%, 0.8), 0 0 0 hsla(0, 100%, 100%, 0.3), 0 0 1px hsla(0, 0%, 65%, 0.3), 0 0 2px hsla(240, 100%, 11%, 0.3), 0 0 3px hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.2), 2px 2px 1px hsla(0, 0%, 0%, 0.2), 3px 3px 1px hsla(0, 0%, 0%, 0.2), -1px -1px 1px hsla(244, 100%, 60%, 0.2), -2px -2px 1px hsla(244, 100%, 50%, 0.2);
}

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChapters h5,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters h5,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChaptersNarrow h5,
html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.bibleChaptersMedium h5,
html.js body nav ul#footerMenu.footer_fullwidth li.originSeries ul li div.footer_dropup h5
{
text-shadow: none;
cursor: default;
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: 500;
font-size: 19px;
line-height: 22px;
margin: 15px 0 10px 0;
text-align: center;
text-shadow: -1px -1px 0 hsla(0, 0%, 60%, 0.8), 1px -1px 0 hsla(0, 0%, 60%, 0.8), -1px 1px 0 hsla(0, 0%, 60%, 0.8), 1px 1px 0 hsla(0, 0%, 60%, 0.8), 0 0 0 hsla(0, 100%, 100%, 0.3), 0 0 1px hsla(0, 0%, 65%, 0.3), 0 0 2px hsla(240, 100%, 11%, 0.3), 0 0 3px hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.2), 2px 2px 1px hsla(0, 0%, 0%, 0.2), 3px 3px 1px hsla(0, 0%, 0%, 0.2), -1px -1px 1px hsla(244, 100%, 60%, 0.2), -2px -2px 1px hsla(244, 100%, 50%, 0.2);
}

/*  end of Origins, Bible chapters ,and Psalm chapters headings */


/*  Origins and Bible chapters menus */

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li
{
border: none;
font-size: inherit; /* 12/16 */
width: 100%; /*affects hyphens */
text-align: left;
margin: 0 auto; /*auto centers the container */
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup
{
padding: 0;
list-style-type: none;
display: block;
text-align: center;
padding: 1em 1em 3.5em 3em;
margin: 0 auto;
min-width: 20%;
height: auto;
line-height: 1;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup ul.navul
{
border: none;
text-align: left;
width: 100%;
height: 100%;
line-height: 1;
margin: 0 auto;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup ul.navul li
{
border: none;
margin: 0 auto;
padding: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
display: inline-block;
width: 12em;
line-height: 1;
text-align: left;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.originSeries ul li div.footer_dropup.originLinks ul.navul li a,
html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul li a,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup ul.navul li a
{
border: none;
margin: 0 auto;
display: inline-block;
line-height: 1.1em;
width: auto;
padding-top: 0.6em;
text-align: left;
}

/*  Bible books menu */

html.js body nav ul#footerMenu.footer_fullwidth li.biblebooks ul li
{
font-size: inherit; /* 12/16 */
width: 100%; /*affects hyphens */
text-align: left;
margin: 0px auto; /*auto centers the container */
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu
{
list-style-type: none;
display: block;
text-align: center;
padding: 1em 1em 2.5em 3em;
margin: 0 auto;
width: 100%;
height: auto;
line-height: 1;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks
{
border: none;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
height: 100%;
line-height: 1;
margin-top: 0.6em;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li
{
border: none;
margin: 0;
padding: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
display: inline-block;
width: 10em;
line-height: 1;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li a
{
border: none;
display: inline-block;
line-height: 1.3em;
width: 9.8em;
text-align: left:
}

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup h2
{
text-shadow: none;
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
margin: 0.6em 0 0.8em 0;
text-align: center;
text-shadow: -1px -1px 0 hsla(0, 0%, 60%, 0.8), 1px -1px 0 hsla(0, 0%, 60%, 0.8), -1px 1px 0 hsla(0, 0%, 60%, 0.8), 1px 1px 0 hsla(0, 0%, 60%, 0.8), 0 0 0 hsla(0, 100%, 100%, 0.3), 0 0 1px hsla(0, 0%, 65%, 0.3), 0 0 2px hsla(240, 100%, 11%, 0.3), 0 0 3px hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.2), 2px 2px 1px hsla(0, 0%, 0%, 0.2), 3px 3px 1px hsla(0, 0%, 0%, 0.2), -1px -1px 1px hsla(244, 100%, 60%, 0.2), -2px -2px 1px hsla(244, 100%, 50%, 0.2);
letter-spacing: 1.2px;
word-spacing: 3px;
}

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup h3
{
text-shadow: none;
cursor: default;
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
margin: 0.5em 0 -1.2em 0;
padding-bottom: 1.6rem;
text-shadow: -1px -1px 0 hsla(0, 0%, 60%, 0.8), 1px -1px 0 hsla(0, 0%, 60%, 0.8), -1px 1px 0 hsla(0, 0%, 60%, 0.8), 1px 1px 0 hsla(0, 0%, 60%, 0.8), 0 0 0 hsla(0, 100%, 100%, 0.3), 0 0 1px hsla(0, 0%, 65%, 0.3), 0 0 2px hsla(240, 100%, 11%, 0.3), 0 0 3px hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.2), 2px 2px 1px hsla(0, 0%, 0%, 0.2), 3px 3px 1px hsla(0, 0%, 0%, 0.2), -1px -1px 1px hsla(244, 100%, 60%, 0.2), -2px -2px 1px hsla(244, 100%, 50%, 0.2);
letter-spacing: 1.2px;
word-spacing: 3px;
}

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup h3:nth-of-type(2)
{
margin: 0.3em 0 -1.2em 0;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.biblebooks ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li.h5Heading h5
{
text-shadow: none;
display: inline;
color: white;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: 500;
font-size: 1.2em;
line-height: 1.4em;
text-shadow: -1px -1px 0 hsla(0, 0%, 60%, 0.8), 1px -1px 0 hsla(0, 0%, 60%, 0.8), -1px 1px 0 hsla(0, 0%, 60%, 0.8), 1px 1px 0 hsla(0, 0%, 60%, 0.8), 0 0 0 hsla(0, 100%, 100%, 0.3), 0 0 1px hsla(0, 0%, 65%, 0.3), 0 0 2px hsla(240, 100%, 11%, 0.3), 0 0 3px hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.2), 2px 2px 1px hsla(0, 0%, 0%, 0.2), 3px 3px 1px hsla(0, 0%, 0%, 0.2), -1px -1px 1px hsla(244, 100%, 60%, 0.2), -2px -2px 1px hsla(244, 100%, 50%, 0.2);
letter-spacing: 1.2px;
word-spacing: 3px;
margin: 0 0 0 1em;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.biblebooks ul li div.footer_dropup.bibleMenu ul.navul.BibleBooks li.h5Heading
{
border: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
display: block;
width: 20em;
line-height: 2.5em;
}

html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChapters.footer_dropup ul.navul,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.bibleChaptersMedium.footer_dropup ul.navul
{
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*  end of Bible books menu */


/* Psalms footer menu table configuration */

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters
{
text-shadow: none;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif
font-style: normal;
font-weight: 500;
width: 100%;
border-spacing: 0.2em;
border-collapse: separate;
color: hsla(215, 24%, 22%, 1);
text-shadow: 1px 1px 0 hsla(212,67%,80%,0.3), -1px -1px 0 hsla(212,67%,80%,0.3), 1px -1px 1px hsla(212,67%,80%,0.3), -1px 1px 1px hsla(212,67%,80%,0.3), 1px 1px 1px hsla(212,67%,80%,0.3);
}

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters
{
padding-left: 2em;
padding-right: 1em;
}

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters
{
width: 9%;
padding: 0.7em;
text-align: left;
}

html.js body nav ul#footerMenu.footer_fullwidth li.currentBibleBook ul li div.PsalmBibleChapters
{
width: 8%
}

/* end of Psalms footer menu table configuration */

/* end of Bible books menu */


/*
_____________________________________________________________________________

   5. TOP MENU
_____________________________________________________________________________ 
*/


.topMenu ul li a
{
text-shadow: inherit;
}

.topMenu
{
overflow: hidden;
position: fixed;
z-index: 20;
}

.topMenu a,
html.js body header div.topMenu ul li a
{
cursor: pointer;
}

.topMenu ul
{
margin: 0;
padding: 0;
top: 0;
position: fixed;
z-index: 1000;
width: 100%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-family:Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 0.85em;
height: 30px;
background: -moz-linear-gradient(top, hsla(234,13%,51%,0.54) 0%, hsla(234,12%,32%,0.55) 2%, hsla(240,11%,15%,0.72) 38%, hsla(240,11%,15%,0.81) 57%, hsla(234,13%,30%,0.98) 96%, hsla(237,11%,31%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(234,13%,51%,0.54)), color-stop(2%, hsla(234,12%,32%,0.55)), color-stop(38%, hsla(240,11%,15%,0.72)), color-stop(57%, hsla(240,11%,15%,0.81)), color-stop(96%, hsla(234,13%,30%,0.98)), color-stop(100%, hsla(237,11%,31%,1)));
background: -webkit-linear-gradient(top, hsla(234,13%,51%,0.54) 0%, hsla(234,12%,32%,0.55) 2%, hsla(240,11%,15%,0.72) 38%, hsla(240,11%,15%,0.81) 57%, hsla(234,13%,30%,0.98) 96%, hsla(237,11%,31%,1) 100%);
background: -o-linear-gradient(top, hsla(234,13%,51%,0.54) 0%, hsla(234,12%,32%,0.55) 2%, hsla(240,11%,15%,0.72) 38%, hsla(240,11%,15%,0.81) 57%, hsla(234,13%,30%,0.98) 96%, hsla(237,11%,31%,1) 100%);
background: -ms-linear-gradient(top, hsla(234,13%,51%,0.54) 0%, hsla(234,12%,32%,0.55) 2%, hsla(240,11%,15%,0.72) 38%, hsla(240,11%,15%,0.81) 57%, hsla(234,13%,30%,0.98) 96%, hsla(237,11%,31%,1) 100%);
background: linear-gradient(to bottom, hsla(234,13%,51%,0.54) 0%, hsla(234,12%,32%,0.55) 2%, hsla(240,11%,15%,0.72) 38%, hsla(240,11%,15%,0.81) 57%, hsla(234,13%,30%,0.98) 96%, hsla(237,11%,31%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a727592', endColorstr='#474859', GradientType=0 );
}

.topMenu ul li,
html.js body header div.topMenu ul li
{
border-right: 1px solid hsla(0,0%,60%,0.4);
list-style: none;
padding: 0 1.8em;
display: inline-block;
margin-top: 0;
height: 30px;
line-height: 26px;
}

.topMenu ul li:hover
{ /*background of main menu bar links onmouseover*/
background: -moz-linear-gradient(top, hsla(240,11%,78%,0.54) 0%, hsla(234,13%,56%,0.55) 2%, hsla(235,12%,36%,0.73) 38%, hsla(235,12%,36%,0.73) 57%, hsla(236,12%,54%,0.56) 96%, hsla(234,13%,56%,0.54) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(240,11%,78%,0.54)), color-stop(2%, hsla(234,13%,56%,0.55)), color-stop(38%, hsla(235,12%,36%,0.73)), color-stop(57%, hsla(235,12%,36%,0.73)), color-stop(96%, hsla(236,12%,54%,0.56)), color-stop(100%, hsla(234,13%,56%,0.54)));
background: -webkit-linear-gradient(top, hsla(240,11%,78%,0.54) 0%, hsla(234,13%,56%,0.55) 2%, hsla(235,12%,36%,0.73) 38%, hsla(235,12%,36%,0.73) 57%, hsla(236,12%,54%,0.56) 96%, hsla(234,13%,56%,0.54) 100%);
background: -o-linear-gradient(top, hsla(240,11%,78%,0.54) 0%, hsla(234,13%,56%,0.55) 2%, hsla(235,12%,36%,0.73) 38%, hsla(235,12%,36%,0.73) 57%, hsla(236,12%,54%,0.56) 96%, hsla(234,13%,56%,0.54) 100%);
background: -ms-linear-gradient(top, hsla(240,11%,78%,0.54) 0%, hsla(234,13%,56%,0.55) 2%, hsla(235,12%,36%,0.73) 38%, hsla(235,12%,36%,0.73) 57%, hsla(236,12%,54%,0.56) 96%, hsla(234,13%,56%,0.54) 100%);
background: linear-gradient(to bottom, hsla(240,11%,78%,0.54) 0%, hsla(234,13%,56%,0.55) 2%, hsla(235,12%,36%,0.73) 38%, hsla(235,12%,36%,0.73) 57%, hsla(236,12%,54%,0.56) 96%, hsla(234,13%,56%,0.54) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac0c0cc', endColorstr='#8a7f829d', GradientType=0 );
}

.topMenu ul li a,
html.js body header div.topMenu ul li a
{
text-align: center;
color: hsla(0, 100%, 100%, 1);
font-weight: 600;
font-size: 0.85em;
text-decoration: none;
text-shadow: inherit;
}

html.js body header div.topMenu ul li:first-of-type
{
border-left: 1px solid hsla(0,0%,60%,0.4);
}

/* #currentPage a, */

html.js body header div.topMenu ul li a#currentPage
{
color: hsla(60,100%,80%,1);
}

/* #currentPage a:hover, */

html.js body header div.topMenu ul li a#currentPage:hover
{
color: hsla(60,100%,50%,1);
}

/*
_____________________________________________________________________________

   6. SECOND MENU
_____________________________________________________________________________
*/


.topMenu2
{
overflow: hidden;
position: relative;
z-index: 18;
height: 80px;
}

html.js body div.topMenu2 ul
{
margin: 0;
padding: 0;
width: 100%;
height: 30px;
cursor: default;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-family:Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 0.85em;
background: #0010a8;
background: -moz-linear-gradient(top, hsla(234,100%,33%,1) 0%, hsla(200,100%,33%,1) 43%, hsla(201,100%,31%,1) 55%, hsla(234,100%,33%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(234,100%,33%,1)), color-stop(43%, hsla(200,100%,33%,1)), color-stop(55%, hsla(201,100%,31%,1)), color-stop(100%, hsla(234,100%,33%,1)));
background: -webkit-linear-gradient(top, hsla(234,100%,33%,1) 0%, hsla(200,100%,33%,1) 43%, hsla(201,100%,31%,1) 55%, hsla(234,100%,33%,1) 100%);
background: -o-linear-gradient(top, hsla(234,100%,33%,1) 0%, hsla(200,100%,33%,1) 43%, hsla(201,100%,31%,1) 55%, hsla(234,100%,33%,1) 100%);
background: -ms-linear-gradient(top, hsla(234,100%,33%,1) 0%, hsla(200,100%,33%,1) 43%, hsla(201,100%,31%,1) 55%, hsla(234,100%,33%,1) 100%);
background: linear-gradient(to bottom, hsla(234,100%,33%,1) 0%, hsla(200,100%,33%,1) 43%, hsla(201,100%,31%,1) 55%, hsla(234,100%,33%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0010a8', endColorstr='#0010a8', GradientType=0 );
}

html.js.no-touch body div.topMenu2,
html.js body div.topMenu2 ul,
html.js.no-touch body div.topMenu2 ul li
{
opacity: 0.6;
}


html.js.no-touch body div.topMenu2:hover,
html.js body div.topMenu2 ul:hover,
html.js.no-touch body div.topMenu2 ul li:hover
{
opacity: 1.0;
}


html.js body div.topMenu2 ul li
{
border-right: 1px solid hsla(234, 100%, 40%, 1);
list-style: none;
padding: 0 1em;
display: inline-block;
margin-top: 0;
height: 100%;
line-height: 26px;
}

html.js body div.topMenu2 ul li:hover
{
background: #8100a8;
background: -moz-linear-gradient(top, hsla(286,100%,33%,1) 0%, hsla(252,100%,33%,1) 43%, hsla(253,100%,31%,1) 55%, hsla(286,100%,33%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(286,100%,33%,1)), color-stop(43%, hsla(252,100%,33%,1)), color-stop(55%, hsla(253,100%,31%,1)), color-stop(100%, hsla(286,100%,33%,1)));
background: -webkit-linear-gradient(top, hsla(286,100%,33%,1) 0%, hsla(252,100%,33%,1) 43%, hsla(253,100%,31%,1) 55%, hsla(286,100%,33%,1) 100%);
background: -o-linear-gradient(top, hsla(286,100%,33%,1) 0%, hsla(252,100%,33%,1) 43%, hsla(253,100%,31%,1) 55%, hsla(286,100%,33%,1) 100%);
background: -ms-linear-gradient(top, hsla(286,100%,33%,1) 0%, hsla(252,100%,33%,1) 43%, hsla(253,100%,31%,1) 55%, hsla(286,100%,33%,1) 100%);
background: linear-gradient(to bottom, hsla(286,100%,33%,1) 0%, hsla(252,100%,33%,1) 43%, hsla(253,100%,31%,1) 55%, hsla(286,100%,33%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8100a8', endColorstr='#8100a8', GradientType=0 );
opacity: 1;
}

html.js body div.topMenu2 ul li a
{
text-align: center;
color: hsla(0, 100%, 100%, 1);
font-weight: 600;
font-size: 0.85em;
text-decoration: none;
text-shadow: inherit;
}

html.js body div.topMenu2 ul li:first-of-type a,
html.js body div.topMenu2 ul li:first-of-type a:hover,
html.js body div.topMenu2 ul li:first-of-type:hover
{
color: hsla(180,100%,80%,1);
background: none;
cursor: default;
background: none;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup
{
padding: 0;
list-style-type: none;
display: block;
text-align: center;
padding: 1em 1em 3.5em 3em;
margin: 0 auto;
width: 65%;
height: auto;
line-height: 1;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul
{
border: none;
text-align: left;
width: 100%;
height: 100%;
line-height: 1;
margin: 0 auto;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li
{
border: none;
margin: 0 auto;
padding: 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
list-style-type: none;
display: inline-block;
width: 7em;
line-height: 1;
text-align: left;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li:last-of-type
{
width: auto;
}

html.js body nav ul#footerMenu.footer_fullwidth.clearfix li.currentBibleBook ul li div.PsalmBibleChapters.footer_dropup ul.navul li a
{
border: none;
margin: 0 auto;
display: inline-block;
line-height: 1.1em;
width: auto;
padding-top: 0.6em;
text-align: left;
}


/*
_____________________________________________________________________________

   17. CSS FONT IMPORT LANGUAGE DECLARATIONS
_____________________________________________________________________________
*/




/*
_____________________________________________________________________________

   18. FACEBOOK BLUE INDEX TABLE SPECIFICATIONS
_____________________________________________________________________________
*/

/*
_____________________________________________________________________________

   19. ORIGINS SERIES STYLING
_____________________________________________________________________________
*/