html, body { margin:0; padding:0; height:100%; position:relative; background:#222; font:1em/1.75 Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:black; font-style: normal; }
body {
	overflow-x:hidden;
	-webkit-animation:androidbugfix infinite 1s;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
} /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header { position:relative; top:0; left:0; right:0; height:4.0625em; background:#3365eb } /* was #222 */
#header label { padding:0 0.125em; font:2.875em/1.4375em Arial }
#menu label { padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; right:0.15em; cursor:pointer; color:#fff }
#container { background:#fff; min-height:100%; padding:0; margin:0 }
#menu, #menu .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#222; z-index:9999; left:-13.75em }
#container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease
	}
#menu ul { background:#222; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #444 }
#menu li { border-bottom:1px solid #444 }
#menu li a { background:#222; display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#333 }
#menu .sub-nav { margin-top:-1px }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#222; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
#container, #menu, #menu .sub-nav, .close-all { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */

/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside #container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { #container { -webkit-transform:none !important } } */

/* #### - extra css for js enhancement - #### */
#menu .close-all { display:none }
.js #menu .close-all { display:inline }
.js #menu .toggle { top:0; z-index:9999 }
.js #menu .sub-nav .toggle { left:0.15em; width:1em }

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ #container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}


.page-content {
	padding:0em 1em 1em 1.1em;
	max-width:64em;
	margin:auto;
	font-size: 1em;
}
.page-content:after { display:block; content:""; height:1px } /* fixes bottom padding issue in IE10 */
.breadcrumbs { font-size:.75em; border-bottom:7px solid #eee; margin:0 -1.25em 1.5em; padding:1em 1.25em }
.breadcrumbs span { display:none }
@media(min-width:30em) { .breadcrumbs { line-height:3.75; padding:0 1.25em } }
@media(min-width:60em) { .breadcrumbs span { display:inline-block } }
a, a:active, a:visited { color:#c30 }
a:visited { color:#c90 }
a:hover, a:focus { color:#666; text-decoration:none }
code { display:block; background:#ebebeb; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap }

h1 {text-align:center;}
h2 {text-align:center;}
	

.BigBlue {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #009;
	font-size: 1.3em;
	line-height: 2em;
}
.BlueTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #009;
	font-size: 1.3em;
	line-height: 2em;
}


.Questions {
	color:#0000FF;
	font-size: 1.2em;
}
.BibleRef {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #060;
	line-height: 1.3em;
}
.BibleText {
	font-family: Verdana, Geneva, sans-serif;
	color: #FF00FF;
	font-style: italic;
	font-size: 1.0em;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
}
.footnote {
	font-size: .75em;
	line-height: 1.3em;
	margin-top:-10px;
	color:black;	
}