@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
h1 {font-size:200%;color:#000000; font-family:sans-serif, arial, Helvetica; clear: both; font-weight: normal;}
h2{font-size:150%;color:#000000; font-family:sans-serif, arial, Helvetica; clear: both; font-weight: bold;}
h3{font-family: "Brush Script MT", cursive; color: #000000; font-size:2.0em;font-weight: normal;}
h4{font-size:100%;color:#000000;margin-right:5%;text-indent:1.875em; font-family:sans-serif, arial, Helvetica; clear: both; font-weight: normal;}
h5{font-size:1.0em;color:#000000;margin-left:0%;margin-right:0%;font-weight: normal;}
h6{font-size:75%;color:#FFFFFF;margin-left:0%;margin-right:0%;}
.scripture{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#00009C;margin-right:5%;font-weight:bold;line-height: 1.3em;}
p{width:90%;margin:0;padding:0;font-size:100%;color:#000;margin-left:5%;margin-right:10%;font-weight:normal;line-height:200%;text-align:left;font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.p4{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:0;margin-right:0;line-height: 1.3em;}
.p4a{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:0;margin-right:0;line-height: 1.3em;text-indent:1.875em;}
.p1{font-size:200%;color:#b9722d;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1a{font-size:200%;color:#ff0a0a;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p2{font-size:100%;color:#0000af;margin:0 0 15px}
.p3{font:normal 2.0em "Brush Script MT",cursive;color:#000;text-align:center}
.p5{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:5%;margin-right:5%}
.p1cap2{font-size:200%;color:#8a0a8a;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap3{font-size:200%;color:#0a8a0a;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap4{font-size:200%;color:#ffff28;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap5{font-size:200%;color:#1e90ff;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap6{font-size:200%;color:#ffa500;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap7{font-size:200%;color:#fcf;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap8{font-size:200%;color:#98afc7;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1cap9{font-size:200%;color:#7fffd4;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.date {font:normal 75% "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;margin-left:0;margin-right:0; text-align:center}
em {font-style: italic; font-weight:bold;}
.bold{font-weight:bold;}
.boldbrown{font-size:150%;color:#884c17;font-weight:600;}
.halfbold{font-weight:600;}
.lightbold{font-weight:500;}
.italic{font-style:italic}
.normal{font-weight:normal;}
.no-border {max-width: 100%; height: auto; border:0; }
.imgleft60 { float: left; margin-right: 0.5em; width:60%;}
img {max-width: 100%; height: auto; border: 2px solid #704E3A; }
.image2 {max-width: 100%; height: auto; border: 0; outline:0;}
.imgcenter { max-width: 100%; height: auto; border: 2px solid #704E3A;}
.imgleft { float: left; margin-right: 0.5em; max-width: 100%; height: auto; border: 2px solid #704E3A;}
.imgright { float: right; margin-right: 0.5em; max-width: 100%; height: auto; border: 2px solid #704E3A;}
ul { margin-left: 5%; margin-right: 0; list-style-type: disc;font-size:1.0em;font-family:sans-serif, arial, Helvetica; clear: both; font-weight: normal;}
ol.dec { list-style: decimal; color: #000; padding: 0; margin-left:5%;}
.bullet { list-style-type: disc; color: #000; padding: 0; margin-left:5%;}
ol { list-style: decimal; color: #000; margin-left:5%;}
ol ol { list-style-type: lower-alpha; }
.center{text-align:center}
.left{text-align:left;}
.right{text-align:right}
a img { border: 0.125em solid #704E3A; }
*,
*:before,
*:after { box-sizing: border-box; }
html, body{
  height: 100%;
}
body { background: #F0F8FF; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal;
  color: #000000; font-size: 1.250em; line-height: 1.5; }
a { text-decoration: none; color: #000080; }
a:hover { color: #3C8D0D; }
/* =Template ----- */
.wrapper { width: 100%; margin: 0 auto; height: 100%;}
.main { background-color: #8860d0; padding: 1.875em 0; }
.container { width: 90%; margin: 0 auto; padding: 0 1.875em;}
/* =Top Bar ----- */
.top-bar { background-color: #704E3A; border: 0.063em solid #fff;}
.top-bar a { color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.625em; }
.top-bar a:hover { color: #fff; background-color: #BD9B88; }
span.biography { display: block; width:7em; margin:0 auto;}
span.all-labs,
span.back-to-sitemap { display: block; }
span.all-labs { float: left; text-align: left; }
span.back-to-sitemap { display: block; float: right; text-align: right; }
/* =Header ----- */
header { padding: 1.85em 0; }
#title { text-align: center; }
#title {color: #000; font-size: 1.0em; margin-bottom: .625em; }
#title h2 { color: #000; font-size: 1.250em; }
/* =Footer ----- */
.footer { background-color: #704E3A; border: 0.063em solid #fff; margin: 0; padding: 0; font-size:0.8em;color:#FFFFFF;margin-left:0%;margin-right:0%; display: block; }
.footer a {color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.825em; line-height: 1.0;}
.footer a:hover { color: #fff; background-color: #3a5c70; line-height: 1.0;}
/* =Extras ----- */
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0; }
/* =Media Queries ----- */
@media all and (max-width: 600px) {
.container { width: 95%; margin-left:0%;margin-right:0%;}
#top-bar a { display: block; }
#footer a { display: inline-block; line-height: 1.0; }
span.all-labs,
span.biography,
span.back-to-tutorial { width: 100%; }
span.all-labs,
span.back-to-tutorial {float: none; text-align: center; }
span.all-labs { border-bottom: solid 0.063em #fff; }
#title h1 { font-size: 1.250em; }
#title h2 { font-size: 1.0em; } }
.Three-Dee{font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1em;color:#884c17;font-size:300%;text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000,4px 4px #000}
.Two-Dee{font-family: 'Helvetica Neue',Helvetica, sans-serif;line-height: 1em;color: #884C17;font-weight:bold;font-size:200%; text-shadow:0px 0px 0 rgb(47,22,8),1px 1px 0 rgb(32,7,-7),2px 2px 0 rgb(18,-7,-21); margin-left:0%;margin-right:0%;}
.Three-Dee-redsky {font-family:"Helvetica Neue",Helvetica, sans-serif;line-height:1em;color:#F21313;font-size:300%;text-shadow:1px 1px #d91111,2px 2px #a90d0d,3px 3px #800080,4px 4px #580058, 5px 5px #300030;}
.Three-Dee-RWB{ font-family: 'Helvetica Neue',Helvetica, sans-serif; line-height: 1em; color: #E0162B; font-weight:bold; font-size:300%; text-shadow:1px 1px #FFFFFF,2px 2px #FFFFFF,3px 3px #0052a5,4px 4px #0052a5;}
.texttwo {font:1.6em helvitica neue;color:#884c17;margin-left:0%;margin-right:5%;text-shadow:1px 1px #632819;}
.Three-Dee-blood{font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1em;color:#DC381F;font-size:300%;text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000,4px 4px #000}
section h1 { margin-bottom: 0.625em; }
section p { 
  margin-bottom: 1.875em; }
  section p:last-child {
    margin-bottom: 0; }
.btn{display:inline-block;width:7.5em;height:3.0em;padding:.938em 0 0 0;margin-left:auto;margin-right:auto;background:#f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(25%, #f0f0f0),
color-stop(75%, #b8b8b8), color-stop(100%,#6b6b6b));box-shadow:inset 0em 0em .375em #fff;
border:.063em solid #704E3A;border-radius:.625em;font:bold .875em/.875em Helvetica, Sans-Serif;text-align:center;text-transform:capitalize;text-decoration:none;color:#000000;text-shadow:0em .063em .125em #b4d1ad;transition:color 0.25s ease-in-out;}
.btn:hover {
  color: #000000 !important;
  background: #F0F0F0;
  background: linear-gradient(#B8B8B8, #f0f0f0);
}
p { width:100%; margin: 0; padding: 0.1em; }
.topnav { background-color: #704e3a; overflow: hidden; }
/* Style the links inside the navigation bar */
.topnav a { 
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 100%;
    border-bottom: solid 1px #704e3a;
}
/* Change the color of links on hover */
.topnav a:hover { background-color: #3a5c70; color: #fff; }
/* Add a color to the active/current link */
.topnav a.active {background-color: #704e3a;color: white; }
.topnav .icon {display: none; }
@media screen and (max-width: 600px) { 
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right; display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
  .topnav.responsive a { float: none; display: block; text-align: left; }
}
a.back-to-top {
	display: none;
	width: 3.750em;
	height: 3.750em;
	text-indent: -624.938em;
	position: fixed;
	z-index: 999;
	right: 1.250em;
	bottom: 1.250em;
	background: #3F6699 url("../Pics/up-arrow.png") no-repeat center 43%;
	border-radius: 1.875em;
}
a:hover.back-to-top {background-color: #3F6699;}
sup, sub { vertical-align: baseline; position: relative;top: -0.5em;}
sub { top: 0.4em; }
.caption1{background:#ff0a0a;font-weight:bold;Color:#000;text-align:center}
.caption2{background:#8a0a8a;font-weight:bold;Color:#fff;text-align:center}
.caption3{background:#0a8a0a;font-weight:bold;Color:#fff;text-align:center}
.caption4{background:#ffff28;font-weight:bold;Color:#000;text-align:center}
.caption5{background:#1e90ff;font-weight:bold;Color:#fff;text-align:center}
.caption6{background:#ffa500;font-weight:bold;Color:#000;text-align:center}
.caption7{background:#fcf;font-weight:bold;Color:#000;text-align:center}
.caption8{background:#98afc7;font-weight:bold;Color:#000;text-align:center}
.caption9{background:#7fffd4;font-weight:bold;Color:#000;text-align:center}
table{width:95%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:auto}
tr:nth-child(odd){background:#eee}
tr:nth-child(even){background:#fff}
td,th{border:1px solid #000;text-align:left;font-size:1em;color:#000;padding:6px}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){table,thead,tbody,th,td,tr{display:block}
thead tr{position:absolute;top:-9999px;left:-9999px}
tr{border:1px solid #000}
td{border:0;border-bottom:1px solid #000;position:relative;padding-left:50%}
td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:6px;white-space:nowrap}
td:nth-of-type(1):before{content:"Column 1"}
td:nth-of-type(2):before{content:"Column 2"}
td:nth-of-type(3):before{content:"Column 3"}
td:nth-of-type(4):before{content:"Column 4"}
td:nth-of-type(5):before{content:"Column 5"}
}
.modal-window {
  position: fixed;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s; -o-transition: all 0.3s;
  transition: all 0.3s;
}
.modal-window:target { opacity: 1; pointer-events: auto;}
.modal-window>div {
  width: 550px;
  position: relative;
  margin: 10% auto;
  padding: 2rem;
  background: #fff;
  color: #000;
  border:solid 2px #000;border-radius: 10px;
}
.modal-window header { font-weight: bold; }
.modal-close {
  color: #000;
  font-size: 80%;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 70px;
  text-decoration: none;
}
.modal-close:hover { color: #000; }
.style-one {
border: 0;
height: 15px;
background: #ff61b3;
  background: -moz-linear-gradient(45deg, #ff61b3 0%, #0057a7 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #ff61b3), color-stop(100%, #0057a7));
  background: -webkit-linear-gradient(45deg, #ff61b3 0%, #0057a7 100%);
  background: -o-linear-gradient(45deg, #ff61b3 0%, #0057a7 100%);
  background: -ms-linear-gradient(45deg, #ff61b3 0%, #0057a7 100%);
  background: linear-gradient(45deg, #ff61b3 0%, #0057a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff61b3', endColorstr='#0057a7', GradientType=1 );
}
.style-two {
border: 0;
height: 15px;
background: #0057a7;
  background: -moz-linear-gradient(45deg, #0057a7 0%, #ff61b3 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #0057a7), color-stop(100%, #ff61b3));
  background: -webkit-linear-gradient(45deg, #0057a7 0%, #ff61b3 100%);
  background: -o-linear-gradient(45deg, #0057a7 0%, #ff61b3 100%);
  background: -ms-linear-gradient(45deg, #0057a7 0%, #ff61b3 100%);
  background: linear-gradient(45deg, #0057a7 0%, #ff61b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a7', endColorstr='#ff61b3', GradientType=1 );
}
q { quotes: "“" "”";}
.em {
    display: inline-block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 18px;
    font-size: 22px;
    vertical-align: middle;
    margin-top: -4px;
    color: transparent;
    background: url(../sheet_apple_64_indexed_256colors.png);
    background-size: 4100%;
}
.em.em-information_source {background-position: 0% 12.5%;}
.em.em-coffee {background-position: 2.5% 20%;}
.em.em-warning {background-position: 5% 30%;}
.em.em-church {background-position: 5% 72.5%;}
.em.em-white_check_mark {background-position: 7.5% 15%;}
.em.em-airplane {background-position: 7.5% 17.5%;}
.em.em-pencil {background-position: 7.5% 82.5%;}
.em.em-christmas_tree {background-position: 20% 70%;}
.em.em-house {background-position: 27.5% 55%;}
.em.em-older_woman {background-position: 42.5% 95%;}
.em.em-cupid {background-position: 50% 10%;}
.em.em-speech_balloon {background-position: 50% 72.5%;}
.em.em-notebook_with_decorative_cover {background-position: 52.5% 70%;}
.em.em-book {background-position: 52.5% 75%;}
.em.em-mailbox_with_mail {background-position: 55% 27.5%;}
.em.em-arrows_counterclockwise {background-position: 55% 85%;}
.em.em-mag {background-position: 57.5% 5%;}
.em.em-printer {background-position: 62.5% 92.5%;}
.em.em-smiley {background-position: 65% 57.5%;}
.em.em-smiling_imp {background-position: 65% 70%;}
.em.em-wink {background-position: 65% 72.5%;}
.em.em-confused {background-position: 67.5% 0%;}
.em.em-stuck_out_tongue_closed_eyes {background-position: 67.5% 20%;}
.em.em-angry {background-position: 67.5% 27.5%;}
.em.em-cry {background-position: 67.5% 32.5%}
.em.em-fearful {background-position: 67.5% 47.5%;}
.em.em-tired_face {background-position: 67.5% 55%;}
.em.em-grimacing {background-position: 67.5% 57.5%;}
.em.em-open_mouth {background-position: 67.5% 62.5%;}
.em.em-scream {background-position: 67.5% 70%;}
.em.em-pray {background-position: 72.5% 30%;}
.em.em-rocket {background-position: 72.5% 42.5%;}
.em.em-rotating_light {background-position: 75% 52.5%;}
.em.em-prohibited {background-position: 75% 60%;}
.em.em-curiosity {background-position: 80% 25%;}