@charset "utf-8";

/* CSS Document */

/*
Site layout

Colour Guide
Background colour: hex #000038   rgba(0, 0, 56, 1)   hsla(240, 100%, 11%, 1)
Bible verse colour: hex #ccf   rgba(204, 204, 255, 1)   hsla(240, 100%, 90%, 1)
Default font colour: hex #fffd9e   rgba(255, 253, 158, 0.8)   hsla(59, 100%, 81%, 0.8)
God speaking colour: hex #ffba52   rgba(255, 186, 82, 1)   color: hsla(36, 100%, 66%, 1)
Headings colour: white   hex #fff   rgba(255, 255, 255, 1)   hsla(0, 100%, 100%, 1)
*//*
Menu
1. CSS RESET
2. GLOBAL STYLING. PAGE STYLING
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
13. BIBLE STYLING - including paragraph settings
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

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
   _____________________________________________________________________________
*/

/* _____________________________________________________________________________

   2. GLOBAL STYLES
   _____________________________________________________________________________
*/


html
{
color: hsla(59, 100%, 54%, 1);
background: hsla(239, 74%, 27%, 1) url('../images/background.jpg');
text-shadow: 0 0 0 hsla(59, 100%, 80%, 0.95);
}

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

/*
body
{
}
*/


/*  _____________________________________________________________________________

   3. PAGE STYLING
   _____________________________________________________________________________
*//* page header banner display*/


#bannerWrapper
{
background: hsla(0,0%,0%,1);
}

.introStyles img
{
color: white;
}

.mainContent img,
.content img
{
color: white;
}

.mainContent img.noFloat,
.content img.noFloat
{
color: white;
}

/*  _____________________________________________________________________________

   4. ELEMENT STYLING
   _____________________________________________________________________________
*/

/* h2 styling */


h2
{
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

/* horizontal rule styling */


hr
{
opacity: 0.4;
}

hr.divider,
html.js.no-touch body section.pageStyling section.bibleContent hr.divider
{
opacity:1;
box-shadow: inset 0 12px 12px -12px hsla(59, 100%, 54%, 1);
}

/*  _____________________________________________________________________________

   5. HYPERLINK CUSTOMIZATIONS
   _____________________________________________________________________________
*/


a.plain
{
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:link
{
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:visited
{
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:hover
{
color: hsla(59, 100%, 80%, 0.95);
}

a.plain:active
{
color: hsla(59, 100%, 80%, 0.95);
}

/*  _____________________________________________________________________________

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


.LORD,
html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p.PoetryParagraph span.LORD
{
text-shadow: 0px 0px 0.5px hsla(59, 100%, 54%, 1), 0 0 0 hsla(59, 100%, 80%, 0.95), -1px -1px 0 hsla(59, 100%, 54%, 0.5);
letter-spacing: 0.1rem;
margin-left: -0.002rem;
}

.God,
span.man span.LORD,
span.man span.God span.LORD,
span.God span.LORD,
html.js.no-touch body ul.jqpopupmenu li span.God,
html.js.no-touch body ul.jqpopupmenu li span.God
{
color: hsla(32, 100%, 68%, 1);
text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

.Jesus,
html.js.no-touch body ul.jqpopupmenu li span.Jesus
{
color: hsla(0, 100%, 85%, 1);
text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js.no-touch body div#footnotes p span.Jesus
{
color: hsla(0, 100%, 85%, 1);
text-shadow: 0 0 0 hsla(35, 100%, 80%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.man,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper span.man,
html.js.no-touch body ul.jqpopupmenu li span.man,
html.js.no-touch body p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body p.PoetryParagraph span.man,
html.js.no-touch body p span.man,
html.js.no-touch body ul.jqpopupmenu li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body ul li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.poetryIndentBlock span.man,
html.js.no-touch body ul.jqpopupmenu.popupPoetry.PoetryNarrower li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.man,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.man,
html.js.no-touch body ul.jqpopupmenu.popupQuote li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent span.man,
html.js.no-touch body section.pageStyling section.bibleContent p.opening span.man,
html.js.no-touch body ul li div.footnotesOuterWrapper div.footnotesInnerWrapper p.noIndent span.man,
html.js.no-touch body section.pageStyling section.bibleContent p.noIndent span.man,
html.js.no-touch body section.pageStyling section.bibleContent p.opening span.man,
 html.js.no-touch body ul.jqpopupmenu li span.man,
section.bibleContent p span.man,
html.js.no-touch body ul li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.man.quote,
html.js.no-touch body ul.jqpopupmenu.popupPoetry li div.footnotesOuterWrapper div.footnotesInnerWrapper div.footnotesPoetryWrapper p.PoetryParagraph span.man.quote,
.man,
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,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote p.noIndent span.man,
html.js.no-touch body ul.jqpopupmenu.popupExtraWide li div.footnotesOuterWrapper div.footnotesInnerWrapper p span.man,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p.PoetryParagraph span.man,
html.js.no-touch body div#footnotes div.popitOuterWrapper div.popitQuote div.popitPoetryWrapper p span.man
#footnotes .man
{
    color: hsla(178, 100%, 80%, 1);
    text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

.verse,
.verseHeadingProse,
section.letter p span.verse,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.textBlock span.verse,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.psalmWrapper p.psalmCenter span.poetryHeadingDiv span.verseHeadingPoetry,
span.verseHeadingPoetry
{
color: hsla(240,100%,85%,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);
}

.verseHeading
{
color: hsla(240,100%,80%,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);
}

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

html.js.no-touch body section.pageStyling section.bibleContent div.divOutlinesWrapper div.divOutlines p span.whitetextHeader,
.whitetextHeader {
color: hsla(220, 100%, 78%, 1);
}


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

html.js body section.pageStyling section.mainContent div.divOutlinesWrapper img.leftDefault
{
color: white;
}

img.imgNoStyle,
section.mainContent img.imgNoStyle,
section.bibleContent img.imgNoStyle
{
color: white;
}

/*  _____________________________________________________________________________

   7. BACKGROUND CUSTOMIZED STYLING
   _____________________________________________________________________________
*/


.colouredBackground
{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNTFjNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwYjY1YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwZTY2YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwZTY0YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiMwYzU2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwYTQyN2YiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDQwZDM4IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, hsla(235,67%,25%,1) 0%, hsla(204,87%,34%,1) 49%, hsla(207,85%,37%,1) 50%, hsla(207,85%,36%,1) 51%, hsla(209,85%,32%,1) 59%, hsla(211,85%,27%,0) 70%, hsla(230,87%,12%,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, hsla(235,67%,25%,1)), color-stop(49%, hsla(204,87%,34%,1)), color-stop(50%, hsla(207,85%,37%,1)), color-stop(51%, hsla(207,85%,36%,1)), color-stop(59%, hsla(209,85%,32%,1)), color-stop(70%, hsla(211,85%,27%,0)), color-stop(100%, hsla(230,87%,12%,0)));
background: -webkit-radial-gradient(center, ellipse cover, hsla(235,67%,25%,1) 0%, hsla(204,87%,34%,1) 49%, hsla(207,85%,37%,1) 50%, hsla(207,85%,36%,1) 51%, hsla(209,85%,32%,1) 59%, hsla(211,85%,27%,0) 70%, hsla(230,87%,12%,0) 100%);
background: -o-radial-gradient(center, ellipse cover, hsla(235,67%,25%,1) 0%, hsla(204,87%,34%,1) 49%, hsla(207,85%,37%,1) 50%, hsla(207,85%,36%,1) 51%, hsla(209,85%,32%,1) 59%, hsla(211,85%,27%,0) 70%, hsla(230,87%,12%,0) 100%);
background: -ms-radial-gradient(center, ellipse cover, hsla(235,67%,25%,1) 0%, hsla(204,87%,34%,1) 49%, hsla(207,85%,37%,1) 50%, hsla(207,85%,36%,1) 51%, hsla(209,85%,32%,1) 59%, hsla(211,85%,27%,0) 70%, hsla(230,87%,12%,0) 100%);
background: radial-gradient(ellipse at center, hsla(235,67%,25%,1) 0%, hsla(204,87%,34%,1) 49%, hsla(207,85%,37%,1) 50%, hsla(207,85%,36%,1) 51%, hsla(209,85%,32%,1) 59%, hsla(211,85%,27%,0) 70%, hsla(230,87%,12%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151c6a', endColorstr='#00040d38', GradientType=1 );
}

.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);
}

.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: #010070;
background: -moz-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(228,100%,38%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(241,100%,22%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(241,100%,22%,1)), color-stop(29%, hsla(236,100%,32%,1)), color-stop(50%, hsla(228,100%,38%,1)), color-stop(71%, hsla(236,100%,32%,1)), color-stop(100%, hsla(241,100%,22%,1)));
background: -webkit-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(228,100%,38%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(241,100%,22%,1) 100%);
background: -o-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(228,100%,38%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(241,100%,22%,1) 100%);
background: -ms-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(228,100%,38%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(241,100%,22%,1) 100%);
background: linear-gradient(to bottom, hsla(241,100%,22%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(228,100%,38%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(241,100%,22%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010070', endColorstr='#010070', GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c93', endColorstr='#002c93', GradientType=0 );
border: 1px solid hsla(222, 100%, 80%, 1);
}

.blueTable:before
{
background: #0026c1;
background: -moz-linear-gradient(top, hsla(228,100%,38%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(241,100%,22%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(228,100%,38%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(228,100%,38%,1)), color-stop(29%, hsla(236,100%,32%,1)), color-stop(50%, hsla(241,100%,22%,1)), color-stop(71%, hsla(236,100%,32%,1)), color-stop(100%, hsla(228,100%,38%,1)));
background: -webkit-linear-gradient(top, hsla(228,100%,38%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(241,100%,22%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(228,100%,38%,1) 100%);
background: -o-linear-gradient(top, hsla(228,100%,38%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(241,100%,22%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(228,100%,38%,1) 100%);
background: -ms-linear-gradient(top, hsla(228,100%,38%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(241,100%,22%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(228,100%,38%,1) 100%);
background: linear-gradient(to bottom, hsla(228,100%,38%,1) 0%, hsla(236,100%,32%,1) 29%, hsla(241,100%,22%,1) 50%, hsla(236,100%,32%,1) 71%, hsla(228,100%,38%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0026c1', endColorstr='#0026c1', GradientType=0 );
z-index: -2;
}

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

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

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

/*   _____________________________________________________________________________

   8. TEXT RESIZE and COLOR THEME
   _____________________________________________________________________________
*/


.colorTheme
{
opacity: 0.4;
color: white;
}

.colorTheme p
{
opacity: 0.8;
}

.colorThemeButton
{
text-shadow: inherit;
}

.textResize
{
color: white;
}

.skin
{
opacity: 0.4;
}

.buttonDecrease:hover,
.buttonRevert:hover,
.buttonIncrease:hover,
.leftButton:hover,
.rightButton:hover
{
color: white;
background: rgb(43,0,144); /* Old browsers */
background: url(data:image/svg+xml; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
ase64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMDA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMmJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMjNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTdlZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(43,0,144) 0%, rgb(1,43,255) 50%, rgb(0,35,232) 51%, rgb(105,126,244) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(43,0,144)), color-stop(50%, rgb(1,43,255)), color-stop(51%, rgb(0,35,232)), color-stop(100%, rgb(105,126,244))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(43,0,144) 0%, rgb(1,43,255) 50%, rgb(0,35,232) 51%, rgb(105,126,244) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(43,0,144) 0%, rgb(1,43,255) 50%, rgb(0,35,232) 51%, rgb(105,126,244) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(43,0,144) 0%, rgb(1,43,255) 50%, rgb(0,35,232) 51%, rgb(105,126,244) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(43,0,144) 0%, rgb(1,43,255) 50%, rgb(0,35,232) 51%, rgb(105,126,244) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b0090', endColorstr='#697ef4', GradientType=0 ); /* IE6-8 */
}

.buttonDecrease:active,
.buttonDecrease:focus,
.buttonRevert:active,
.buttonDecrease:focus,
.buttonIncrease:active,
.buttonDecrease:focus,
.leftButton:active,
.leftButton:focus,
.rightButton:active,
.rightButton:focus
{
background: rgb(15,44,205); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMmNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMTY5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMWJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjAwNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(15,44,205) 0%, rgb(0,22,146) 49%, rgb(0,27,162) 50%, rgb(27,0,90) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(15,44,205)), color-stop(49%, rgb(0,22,146)), color-stop(50%, rgb(0,27,162)), color-stop(100%, rgb(27,0,90))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(15,44,205) 0%, rgb(0,22,146) 49%, rgb(0,27,162) 50%, rgb(27,0,90) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(15,44,205) 0%, rgb(0,22,146) 49%, rgb(0,27,162) 50%, rgb(27,0,90) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(15,44,205) 0%, rgb(0,22,146) 49%, rgb(0,27,162) 50%, rgb(27,0,90) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(15,44,205) 0%, rgb(0,22,146) 49%, rgb(0,27,162) 50%, rgb(27,0,90) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2ccd', endColorstr='#1b005a', GradientType=0 ); /* IE6-8 */
color: white; /*rgb(212,212,225);*/
}

/*  _____________________________________________________________________________

   9. BLOCK LEVEL ELEMENT CUSTOMIZATIONS
   _____________________________________________________________________________
*/


.whitetextBox
{
color: white;
}

div.CommandmentBox
{
border: 8px double hsla(202, 100%, 50%, 0.2);
box-shadow: 0 0 0 3px hsla(242, 60%, 38%, 1), 0 0 0 5px hsla(222, 65%, 38%, 1), 0 0 0 10px hsla(242, 65%, 38%, 1), 0 0 2px 10px hsla(226, 65%, 38%, 1);
color: hsla(242, 34%, 28%, 0.74);
}

div.CommandmentBox:after
{
background: #01006d; /* Old browsers */
background: -moz-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(245,67%,32%,1) 44%, hsla(234,78%,31%,1) 53%, hsla(225,77%,35%,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(241,100%,22%,1)), color-stop(44%, hsla(245,67%,32%,1)), color-stop(53%, hsla(234,78%,31%,1)), color-stop(100%, hsla(225,77%,35%,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(245,67%,32%,1) 44%, hsla(234,78%,31%,1) 53%, hsla(225,77%,35%,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(245,67%,32%,1) 44%, hsla(234,78%,31%,1) 53%, hsla(225,77%,35%,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(241,100%,22%,1) 0%, hsla(245,67%,32%,1) 44%, hsla(234,78%,31%,1) 53%, hsla(225,77%,35%,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, hsla(241,100%,22%,1) 0%, hsla(245,67%,32%,1) 44%, hsla(234,78%,31%,1) 53%, hsla(225,77%,35%,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01006d', endColorstr='#01006d', GradientType=0 ); /* IE6-9 */
border: 8px double hsla(202, 100%, 50%, 0.2);
}

div.CommandmentBox:before
{
background: #1540ff;
background: -moz-linear-gradient(top, hsla(229,100%,54%,1) 0%, hsla(229,94%,49%,1) 44%, hsla(229,88%,43%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(229,100%,54%,1)), color-stop(44%, hsla(229,94%,49%,1)), color-stop(100%, hsla(229,88%,43%,1)));
background: -webkit-linear-gradient(top, hsla(229,100%,54%,1) 0%, hsla(229,94%,49%,1) 44%, hsla(229,88%,43%,1) 100%);
background: -o-linear-gradient(top, hsla(229,100%,54%,1) 0%, hsla(229,94%,49%,1) 44%, hsla(229,88%,43%,1) 100%);
background: -ms-linear-gradient(top, hsla(229,100%,54%,1) 0%, hsla(229,94%,49%,1) 44%, hsla(229,88%,43%,1) 100%);
background: linear-gradient(to bottom, hsla(229,100%,54%,1) 0%, hsla(229,94%,49%,1) 44%, hsla(229,88%,43%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1540ff', endColorstr='#0d31cf', GradientType=0 );
}

div.CommandmentBox:hover
{
font-size: 1.2rem;
border: 8px double hsla(202, 100%, 50%, 0.2);
box-shadow: 0 0 0 3px hsla(242, 70%, 48%, 1), 0 0 0 5px hsla(222, 75%, 48%, 1), 0 0 0 10px hsla(242, 75%, 48%, 1), 0 0 2px 10px hsla(226, 75%, 48%, 1);
color: hsla(242, 34%, 28%, 0.74);
}

div.CommandmentBox:active
{
position: relative;
top: 1px;
}

.whitetextBoxLeft
{
border: 4px double hsla(0, 100%, 100%, 0.5);
color: white;
}

section.prayer div#firstLineLarge .verseHeadingPoetry
{
color: hsla(240,100%,90%,1);
}

/* BACK TO THE TOP DIV *//* back to the top div from the bottom of the page - fixed position */


#backToTop
{
opacity: 0.4
}

/* END OF BACK TO THE TOP DIVS *//* closing mainContent paragraph */



/* DROPCAPS PAGE TEXT OPENING *//* dropcap styling */

.dropCap
{
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);
}

div.footer
{
color: hsla(180, 100%, 75%, 1);
}

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 a img.popup
{
color: white;
}

div#titles.blueTable img.textImage,
section.mainContent div.divOutlinesWrapper img.textImage,
img.textImage
{
color: white;
}


/*  _____________________________________________________________________________

   10. OUTLINE PAGES STYLING
   _____________________________________________________________________________
*/


html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines button
{
border: 1px solid hsla(240, 100%, 30%, 1);
color: hsla(212,67%,96%,1);
text-shadow: 0 0 1px black;
background: #7e8ce8;
background: -moz-linear-gradient(top, hsla(232,70%,70%,1) 0%, hsla(234,73%,46%,1) 49%, hsla(233,69%,51%,1) 50%, hsla(238,67%,36%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(232,70%,70%,1)), color-stop(49%, hsla(234,73%,46%,1)), color-stop(50%, hsla(233,69%,51%,1)), color-stop(100%, hsla(238,67%,36%,1)));
background: -webkit-linear-gradient(top, hsla(232,70%,70%,1) 0%, hsla(234,73%,46%,1) 49%, hsla(233,69%,51%,1) 50%, hsla(238,67%,36%,1) 100%);
background: -o-linear-gradient(top, hsla(232,70%,70%,1) 0%, hsla(234,73%,46%,1) 49%, hsla(233,69%,51%,1) 50%, hsla(238,67%,36%,1) 100%);
background: -ms-linear-gradient(top, hsla(232,70%,70%,1) 0%, hsla(234,73%,46%,1) 49%, hsla(233,69%,51%,1) 50%, hsla(238,67%,36%,1) 100%);
background: linear-gradient(to bottom, hsla(232,70%,70%,1) 0%, hsla(234,73%,46%,1) 49%, hsla(233,69%,51%,1) 50%, hsla(238,67%,36%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e8ce8', endColorstr='#1e229a', GradientType=0 );
-webkit-border-top-left-radius: 0.5em;
-moz-border-radius-topleft: 0.5em;
border-top-left-radius: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
border-top-right-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
-moz-border-radius-bottomright: 0.5em;
border-bottom-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
border-bottom-left-radius: 0.5em;
box-shadow: 0.5em 0.5em 0.16em hsla(0, 0%, 0%, 0.4);
}

html.js.no-touch body section.pageStyling section.mainContent div.divOutlinesWrapper div.divOutlines button:hover
{
border: 1px solid hsla(252,70%,40%,1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(238,67%,36%,1)), color-stop(50%, hsla(233,69%,51%,1)), color-stop(51%, hsla(234,73%,46%,1)), color-stop(100%, hsla(232,70%,70%,1)));
background: -webkit-linear-gradient(top, hsla(238,67%,36%,1) 0%, hsla(233,69%,51%,1) 50%, hsla(234,73%,46%,1) 51%, hsla(232,70%,70%,1) 100%);
background: -o-linear-gradient(top, hsla(238,67%,36%,1) 0%, hsla(233,69%,51%,1) 50%, hsla(234,73%,46%,1) 51%, hsla(232,70%,70%,1) 100%);
background: -ms-linear-gradient(top, hsla(238,67%,36%,1) 0%, hsla(233,69%,51%,1) 50%, hsla(234,73%,46%,1) 51%, hsla(232,70%,70%,1) 100%);
background: linear-gradient(to bottom, hsla(238,67%,36%,1) 0%, hsla(233,69%,51%,1) 50%, hsla(234,73%,46%,1) 51%, hsla(232,70%,70%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e229a', endColorstr='#7e8ce8', GradientType=0 );
box-shadow: 0.5em 0.5em 0.16em hsla(0, 0%, 0%, 0.55);
}

button,
input,
optgroup,
select,
textarea
{
color: hsla(0,0%,0%,0.435); /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}



/*  _____________________________________________________________________________

   11. CLEAR FLOATS
   _____________________________________________________________________________
*/



/*  _____________________________________________________________________________

   12. POPUP AND FOOTNOTE MENUS
   _____________________________________________________________________________
*/

#footnotes,
html.js.no-touch body div#footnotes
{
color: hsla(0, 0%, 100%, 1);
border: 1px solid hsla(0, 0%, 85%, 1);
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/#00074c+0,000d84+50,021077+51,172493+100 */
background: #00074c; /* Old browsers */
background: -moz-linear-gradient(top, hsla(234,100%,15%,1) 0%, hsla(234,100%,26%,1) 50%, hsla(233,97%,24%,1) 51%, hsla(234,73%,33%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00074c', endColorstr='#172493',GradientType=0 ); /* IE6-9 */
}


#footnotes a:hover
{ 
/*hover background color*/
color: hsla(0, 0%, 100%, 1);
}


#footnotes a.white
{
color: white;
}

#footnotes a,
#footnotes a:link
{
color: hsla(0, 0%, 100%, 1);
}

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

#footnotes a:hover
{
color: hsla(0, 0%, 100%, 1);
}

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

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


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%, 80%, 1);
text-shadow: none;
}


html.js.no-touch body ul.flexdropdownmenu li span.God,
html.js.no-touch body div#footnotes div.popitQuote p.noIndent span.God,
#footnotes span.God
{
color: hsla(32, 100%, 80%, 1);
text-shadow: 0 0 0 hsla(32, 100%, 75%, 1);
}

#footnotes span.verse2
{
color: hsla(198, 71%, 85%, 1)
}


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

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

/*  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
{
/*topmost and sub ULs, respectively*/
color: hsla(0, 0%, 100%, 1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00074c+0,000d84+50,021077+51,172493+100 */
background: #00074c; /* Old browsers */
background: -moz-linear-gradient(top, hsla(234,100%,15%,1) 0%, hsla(234,100%,26%,1) 50%, hsla(233,97%,24%,1) 51%, hsla(234,73%,33%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00074c', endColorstr='#172493',GradientType=0 ); /* IE6-9 */
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
border: 1px solid hsla(0, 0%, 85%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.45);
border-radius: 0.5rem;
overflow-y: auto;
max-height: 50%;
}

html.js.no-touch body ul.jqpopupmenu li div.footnotesOuterWrapper div.footnotesInnerWrapper p a.plain,
.jqpopupmenu a.plain,
#footnotes a.plain
{
color: white;
/*color: hsla(59, 100%, 54%, 1);*/
}

.jqpopupmenu li .God,
.jqpopupmenu ul li .God,
.popupAuto li .God,
.popupAuto ul li .God
{
color: hsla(32, 100%, 70%, 1);
text-shadow: 0 0 0 hsla(32, 100%, 60% ,0.5);
}

span.verse2
{
color: hsla(198, 71%, 75%, 1)
}

/*
.underlined,
html.js.no-touch body .jqpopupmenu li a span.underlined
{
border-bottom-color: white;
}

/*  _____________________________________________________________________________

   13. BIBLE STYLING
   _____________________________________________________________________________
*//* page main content styling */


.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%, 95%, 1);
}

html.js.no-touch body section.pageStyling section.bibleContent p.Message,
html.js.no-touch body section.pageStyling section.bibleContent p.MessageQuote,
.bibleContent p.Message,
.mainContent p.Message,
p.Message,
.bibleContent p.Message,
.mainContent p.Message,
p.Message
{
color: inherit;
text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js.no-touch body section.pageStyling section.bibleContent p.subMessage,
html.js.no-touch body section.pageStyling section.bibleContent p.subMessageQuote,
.bibleContent p.subMessage,
.mainContent p.subMessage,
p.subMessage,
.bibleContent p.subsubMessage,
.mainContent p.subsubMessage,
p.subMessage
{
color: inherit;
text-shadow: 0 0 0 hsla(56, 100%, 98%, 1), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

.poetryVerseHeading
{
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);
}

section.prayer
{
color: hsla(0, 0%, 98%, 1.00);
text-shadow: 0 0 0 white, 1px 1px 1px hsla(0, 0%, 0%, 0.7), 1px 1px 2px hsla(0, 0%, 0%, 0.9), 1px 1px 3px hsla(0, 0%, 0%, 0.8), 1px 1px 4px hsla(60, 90%, 15%, 0.9), 1px 1px 4px hsla(60, 90%, 15%, 0.7), -1px -1px 1px hsla(60, 90%, 15%, 0.8);
}

section.letter,
html.js.no-touch body section.pageStyling section.bibleContent section.letter p.PoetryParagraph
{
color: hsla(0, 0%, 100%, 1);
text-shadow: 0 0 1px hsla(233, 0%, 0%, 0.6), -1px -1px 1px hsla(233, 0%, 0%, 0.6), -1px -1px 2px hsla(233, 0%, 0%, 0.4), 1px 1px 1px hsla(233, 0%, 0%, 0.6), 1px 1px 2px hsla(233, 0%, 0%, 0.4), 1px 1px 3px hsla(233, 0%, 0%, 0.3), 1px 1px 4px hsla(233, 0%, 0%, 0.3), 1px 1px 5px hsla(233, 0%, 0%, 0.2), 1px 1px 6px hsla(233, 0%, 0%, 0.2), 1px 1px 7px hsla(233, 0%, 0%, 0.2);
}

.bibleContent img
{
color: white;
border: 2px solid #FDFDFB;
}

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
{
color: white;
}


html.js.no-touch body section.pageStyling section.bibleContent div.copyrightImageDiv > div
{
color: black;
}

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: 50%;
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
{
border: none;
box-shadow: none;
}

section.poetryContent a img.first,
section.poetryContent a img.firstA,
section.poetryContent a img.secondA,
section.poetryContent a img.second,
section.poetryContent a img.third,
section.poetryContent a img.thirdA,
section.poetryContent a img.fourth,
section.poetryContent a img.fourthA,
section.poetryContent a img.fifth,
section.poetryContent a img.fifth,
.poetryContent img.noFloat,
.poetryContent img.noFloat2,
.poetryContent img.noFloat3,
section.poetryContent a img.popup,
html.js body section.poetryPageStyling section.poetryContent div.psalmWrapper a img.popup,
html.js.no-touch body section.poetryPageStyling section.poetryContent div.poetryWrapper div.psalmImageWrapper a img.popup,
{
color: white;
border: 2px solid white;
}

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

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

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


/*  _____________________________________________________________________________

14. NAVIGATION MENU AND FINAL CSS ENTRIES
   _____________________________________________________________________________
*/


#footerMenu,
html.js.no-touch body nav ul#footerMenu.footer_fullwidth.clearfix li,
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 hsla(0, 0%, 0%, 0.4), -1px -1px 0 hsla(234,100%,25%,0.6), 1px 1px 0 hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(234,100%,25%,0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(234,100%,25%,0.4), 2px 2px 1px hsla(0, 0%, 0%, 0.4), 3px 3px 1px hsla(0, 0%, 0%, 0.4), 0 0 0 hsla(0,0%,0%,1);
}

/* footermenu a link 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,
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
{
color: hsla(233, 100%, 95%, 0.8);
text-shadow: none;
}

/* footerMenu dark gradient colors */

html.js body nav ul#footerMenu.footer_fullwidth li ul li div.footer_dropup
{
background: #00074c; /* Old browsers */
background: -moz-linear-gradient(top, hsla(234,100%,15%,1) 0%, hsla(234,100%,26%,1) 50%, hsla(233,97%,24%,1) 51%, hsla(234,73%,33%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00074c', endColorstr='#172493',GradientType=0 ); /* IE6-9 */
color: white;
text-shadow: none;
}

.topmenu,
html.js body header div.topMenu ul li
{
text-shadow: 0 0 0 hsla(0, 0%, 0%, 1), -1px -1px 0 hsla(0, 0%, 0%, 0.4), 1px 1px 0 hsla(0, 0%, 0%, 0.3), 1px 1px 1px hsla(0, 0%, 0%, 0.3), -1px -1px 1px hsla(0, 0%, 0%, 0.3), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.3), -1px -1px 1px hsla(0, 0%, 0%, 0.3), 2px 2px 1px hsla(0, 0%, 0%, 0.3), 3px 3px 1px hsla(0, 0%, 0%, 0.3);
}

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


.poetryFirstLetterDropCap
{
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 2px black, -1px -1px 3px 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);
}

.poetrySecondLetterDropCap
{
text-shadow: 0px 0px 0px hsla(59, 100%, 75%, 1.00), 0px 0px 1px hsla(59, 100%, 75%, 1.00), -1px -1px 1px black, -1px -1px 2px black, -1px -1px 3px black, 1px 1px 1px black, 2px 2px 2px black, 3px 3px 3px black, 5px 5px 30px hsla(308, 100%, 50%, 1), 20px 20px 50px hsla(308, 100%, 50%, 1), 0px 0px 30px hsla(308, 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);
}

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
{
color: hsla(240,100%,90%,1);
}

html.js body section.poetryPageStyling section.poetryContent h2
{
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

html.js body section.poetryPageStyling section.poetryContent h3
{
text-shadow: 0 0 0 white, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 0 hsla(0, 100%, 100%, 0.5), 0 0 1px hsla(0, 0%, 65%, 0.5), 0 0 2px hsla(240, 100%, 11%, 0.5), 0 0 3px hsla(0, 0%, 0%, 0.5), 1px 1px 1px hsla(0, 0%, 0%, 0.5), 2px 2px 1px hsla(0, 0%, 0%, 0.5), 3px 3px 1px hsla(0, 0%, 0%, 0.5), -1px -1px 1px hsla(244, 100%, 60%, 0.5), -2px -2px 1px hsla(244, 100%, 50%, 0.2), -3px -3px 1px hsla(243, 100%, 12%, 0.2);
}

/*  _____________________________________________________________________________

   15. LEFT AND RIGHT NAVIGATION ARROWS AND BUBBLES AND VERSE DATA-TITLE
   _____________________________________________________________________________
*/


.navDivRightBackground
{
background-color: hsla(235, 100%, 80%, 0.05);
text-shadow: none;
color: hsla(235, 100%, 50%, 0.85);
}

.navDivRightArrow
{
color: hsla(235, 100%, 80%, 0.95);
text-shadow: none;
}

.navDivRightInternal:hover
{
color: hsla(235, 100%, 80%, 1);
text-shadow: none;
}


.navDivLeftBackground
{
background-color: hsla(235, 100%, 80%, 0.05);
text-shadow: none;
color: hsla(235, 100%, 50%, 0.85);
}

.navDivLeftArrow
{
color: hsla(235, 100%, 80%, 0.95);
text-shadow: none;
}

.navDivLeftInternal:hover
{
color: hsla(235, 100%, 80%, 1);
text-shadow: none;


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

span.verse:hover
{
position: relative;
}

span.verse[data-title]:hover:after
{
color: white;
border: 1px solid hsla(0, 0%, 90%, 1);
box-shadow: 0.5rem 0.5rem 0.16rem hsla(0, 0%, 0%, 0.4);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00074c+0,000d84+50,021077+51,172493+100 
background: #00074c; /* Old browsers */
background: -moz-linear-gradient(top, hsla(234,100%,15%,1) 0%, hsla(234,100%,26%,1) 50%, hsla(233,97%,24%,1) 51%, hsla(234,73%,33%,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, hsla(234,100%,15%,1) 0%,hsla(234,100%,26%,1) 50%,hsla(233,97%,24%,1) 51%,hsla(234,73%,33%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00074c', endColorstr='#172493',GradientType=0 ); /* IE6-9 */
}

/*  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 */


/*  _____________________________________________________________________________

16. PULL OUT LEFT SIDE NAV PANEL
_____________________________________________________________________________

16.(a)  MENU CONTAINER


/*
Item Name : Pull Out Content Panel
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.12
*/

/*

TABLE OF CONTENTS

16.(a)  MENU CONTAINER
16.(b)  TOGGLE BUTTON
16.(c)  ICONS
16.(d)  PANEL CONTENT
1. Basic Typography
2. Default Lists
3. Icons Lists
4. Styled Lists
5. Styled Paragraphs
6. Videos & Images
16.(e)  FORM ELEMENTS
16.(f)  PANEL TOGGLES
16.(g)  SCROLLBAR

*/


/*  _______________________________________________

16.(a)  MENU CONTAINER
_______________________________________________  */

.pocp
{
background: hsla(240, 100%, 23%, 1) url('../images/backgroundNavbar.png');
/*color: hsla(42, 9%, 65%, 1); /*  all pulloutpanel text colouring  */*/
text-shadow: 1px 1px 1px #000000;
font-weight: 300;
}


.pocp .panel_list,
.pocp_left,
div.pocp_content.pocp_content_list ul.pocp_toggle li a.navLink,
a.navLink,
.pocp a,
.pocp h1,
.pocp h2,
.pocp h3,
.pocp h4,
.pocp h5,
.pocp h6
{
color: hsla(42, 9%, 75%, 1);
text-shadow: 1px 1px 1px #000000;
font-weight: 300;
}


/*  _______________________________________________

16.(b)  TOGGLE BUTTON
_______________________________________________  */

html.js.no-touch body a.pocp_button.pocp_button_left,
.pocp_button
{
color: black;
background: white;
outline: none;
}


/*  _______________________________________________

16.(c)  PANEL CAROUSEL and icon styling
_______________________________________________  */

.icon-plus
{
font-size: 12px;
color: white;
}


/*  _______________________________________________

16.(d)  PANEL CONTENT
_______________________________________________  */


.pocp .panel_list li a: hover
{
cursor: pointer;
background: #0d0d0d;
}

.pocp .panel_list .new
{
color:#f22;
}

/* 5. Styled Paragraphs */

.pocp .blackbox
{
background: hsla(220, 46%, 90%, 1);
}

.pocp .dark
{
border-left:#3B3B3B solid 7px;
}

.pocp .brown 
{
border-left:#8D8767 solid 7px;
}

.pocp .yellow
{
border-left:#DBA742 solid 7px;
}

.pocp .red
{
border-left:#C05D48 solid 7px;
}

.pocp .blue
{
border-left:#52878B solid 7px;
}

.pocp .green
{
border-left:#808f4d solid 7px;
}

/* 6. Videos & Images */

.pocp .inline_img
{
max-width: 100%;
height: auto;
box-sizing: border-box;
-webkit-box-shadow: 0 2px 3px #000000;
-moz-box-shadow: 0 2px 3px #000000;
-o-box-shadow: 0 2px 3px #000000;
box-shadow: 0 2px 3px #000000;
margin-bottom: 18px;
margin-top: 6px;
}    

/*  _______________________________________________

16.(e)  FORM ELEMENTS
_______________________________________________  */

/*  _______________________________________________

16.(f)  PANEL TOGGLES
_______________________________________________  */


.pocp .pocp_toggle .pocp_panel
{
background: hsla(230, 100%, 23%, 1) url('../images/backgroundNavbarInner.png');  /*  secondary topic link panel colouring  */
box-shadow: inset rgba(0,0,0,0.25) -2px 0 4px;
border: 1px solid hsla(230, 100%, 15%, 1);  /*  border 1px line  */
}

/*  _______________________________________________

16.(g)  SCROLLBAR
_______________________________________________  */


/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
opacity:0.65;
background: hsla(230, 55%, 65%, 0.2);
filter:"alpha(opacity=65)"; -ms-filter:"alpha(opacity=65)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCSB_scrollTools .mCSB_draggerRail{
background:hsla(209, 55%, 75%, 1);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:hsla(209, 55%, 75%, 1);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:hsla(209, 55%, 75%, 1);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:hsla(209, 55%, 80%, 1);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
border: 1px solid hsla(209, 34%, 45%, 0.3);
}