* {
    box-sizing:border-box; !important
} 

body 
{ 
width:auto !important;
min-width:800px;
overflow:auto;
background-color:#fef9e7;
/* prev. background-color:#333366; */
/* color:#330000; */

/* color pallete
.color-1 {color: #abebc6;}
.color-2 {color: #d5f5e3;}
.color-3 {color: #f1948a;}
.color-4 {color: #bfc9ca;}
.color-5 {color: #fef9e7;}
.color-6 {color: #eb984e;}
*/


/* only the last font-family will work; the rest also look pretty good */
font-family:'Pontano Sans', sans-serif;
font-family:'Arial', san-serif;
font-family:'Open Sans', sans-serif;
font-family:'Tahoma', san-serif;
font-family:'Verdana', san-serif;
}

body.min-900 { min-width:900px; }
body.min-1000 { min-width:1000px; }
body.min-1100 { min-width:1100px; }
body.min-1200 { min-width:1200px; }
body.min-1300 { min-width:1300px; }
body.min-1400 { min-width:1400px; }
body.min-1500 { min-width:1500px; }
body.min-1600 { min-width:1600px; }

#videos_top, videos_bottom { clear:both; }
#bump-up { margin-top:-1em; }

div.banner { 
    position:sticky;
    top:0;
	width:100%; 
	min-width:820px;
	margin-bottom:30px;
	}
div.menu { 
	clear:both; 
	width: 100%; 
	display:inline-block; 
	background: rgba(139, 0, 0, 0.7);  /*	background-color:#8b0000; slightly opaque (last number) */
	min-width:1000px; }
/* div.menu { clear:both; width: 100%; display:inline-block; background-color:#993333; min-width:1000px; } prev. menu color */
/* div.menu { clear:both; width: 100%; display:inline-block; background-color:#008B8B; min-width:1000px; } an older prev. menu color */

div.breadcrumbs { clear:both; margin-top:-1em; }
div.related { clear:both; margin-top:-1.75em; background-color:#29830; }

div.float { float:left; }
div.top-align { margin-top:-20px; }
div.left1 { margin-left:10%; }
div.squeeze_5 { margin-left:5%; margin-right:5%; }
div.squeeze1 { margin-left:10%; margin-right:10%; }
div.squeeze1_5 { margin-left:15%; margin-right:15%; }
div.squeeze20 { margin-left:20px; margin-right:20px; }
div.squeeze2 { margin-left:20%; margin-right:20%; }
div.squeeze2_5 { margin-left:25%; margin-right:25%; }
div.squeeze3 { margin-left:30%; margin-right:30%; }
div.squeeze3_5 { margin-left:30%; margin-right:30%; }
div.squeeze4 { margin-left:40%; margin-right:40%; }
div.pnoun_name { margin-left:10%; min-width:1000px;}
div.split { float:left; }
div.split-spacer { float:left; padding-right:30px; }
div.split-right { float:left; padding-left:10%; }
div.split-fix { clear:both; } /* ensure divs split screen */
div.goto-top { clear:both; }
div.psg-spacer { float:left; padding-left:10%; margin-top:-1em; }
div.psg-end { float:left; margin-top:-1em; }

img { 
    max-width:100%; /* resizes image when browser resizes */
    height:auto;
    width:auto\9; /* ie8 */
}
img.logo { margin-top:-4em; margin-left:10px; }
img.FB { margin-top:-4em; margin-left:10px; margin-bottom:1em;}
img.SiteLock { margin-top:30px;  }
img.JVL { margin-top:10px;  }
img.float { float:left; margin-left:20px; }
img.spacer { padding-right:20%; } /* used where? */
img.pad-bottom { padding-bottom:10%; } /* used in Christian videos */

ul.copyright { margin-left: 120px; }
ol.verses { list-style-position:inside; padding-left:0; }
li.study { margin-left:-20px; margin-bottom:1em; } /* preferred style, eliminates tab right */
li.spaced { padding-bottom:1em; }
li.verses { padding-bottom:1em; }
li.KJV_verses { margin-left:-22px; padding-bottom:1em; }
li.shift-up8 { margin-top:-8em; margin-left:40%;}
li.shift-fix { margin-left:40%;}

h1 { font-size:26px; font:'Pontano Sans'; color:yellow; }
/* h1 { font-size:26px; font:'Pontano Sans'; color: #eb984e; }*/
h1.spacer { padding-bottom:1.5em; } 
h1.navy { color:navy; }
h2 { font-size:18px; }
h2.menu { display:inline-block; float:left; width:25%; color:white; margin-bottom:1.5em;}
h2.active_menu { display:inline-block; float:left; width:25%; color:yellow; }
h2.menu2 { clear:left; color:white; margin-left:80px; }
h2.video_pull-down { color:white; margin-left:310px; }
h2.videos { color:navy; margin-top:0em; }
h2.videos2 { color:navy; margin-top:1em; }
h2.white { color:white; }
h2.navy { color:navy; }
h3 { font-size:16px; color:goldenrod; }
h3.navy { color:navy; }
h3.breadcrumbs { padding-left:60px; color:yellow; margin-right:20px;}
h3.video_menu { color:white; margin-top:-10px; }
h3.spaced { line-height:1.6; padding-bottom:1em; } 
h3.button {
  background-color: blue;
  border: none;
  border-radius: 22px;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  margin-bottom: 0.5em;
  cursor: pointer;
}

p.navy { color:navy; }
p.spaced { line-height:1.6; }
p.spaced2 { line-height:1.6; padding-top:0.5em; }
p.video_spaced { line-height:1.6; margin-top:-0.75em;}
p.pad-top { padding-top:1em; }
p.FB_position { margin-top:-1em; }
p.bump-up { margin-top:-2em; color:white; }
p.bump-up2 { margin-top:-2em; color:yellow; }
p.pnoun_short { margin-top:-2.25em; padding-left:280px; }
p.pnoun { margin-top:-2.25em; padding-left:360px; }
p.pnoun2 { margin-top:-2.25em; padding-left:420px; }
p.pnoun3 { margin-top:-2.25em; padding-left:470px; }
p.sibling { margin-top:-2.25em; padding-left:600px; }
p.sibling_long { margin-top:-2.25em; padding-left:800px; }

a:link { text-decoration:none; font-weight:bold; color:navy; !important }
a:active { text-decoration:none; font-weight:bold; text-color:#bfc9ca;  !important }
a:visited { text-decoration:none; font-weight:bold; color:inherit; !important }
a:hover { background-color: #d5f5e3; color:navy; }