@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 { 
    display: block;
    font-size: 300%;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;color:#884c17;
    text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000;
}
p{width:90%;margin:0;margin-top: 1em;margin-bottom:1em;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}
.p1{font-size:200%;color:#b9722d;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1a{font-size:150%;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}
.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}
.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%}
.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;color:#00009c;}
b{font-weight:bold;}
.bold{font-weight:bold;}
.halfbold{font-weight:600;}
.italic{font-style:italic}
i {font-style:italic;font-weight:bold;color:#00009c;}
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%;}
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; }
body { background: #F0F8FF;
font-family: "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; }
.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),3px 3px 0 rgb(3,-22,-36),4px 4px 0 rgb(-11,-36,-50); margin-left:0%;margin-right:0%;}
.texttwo {font:1.6em helvitica neue;color:#884c17;margin-left:0%;margin-right:5%;text-shadow:1px 1px #632819;}
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;}