html {-webkit-tap-highlight-color:transparent;}
body {font-size:2.3em;padding:0 ;margin:0;transition: background-color ease-in 1s; font-family:Ariel, Helvetica, "sans-serif";}
.hide {display:none;}
.section {width:100%; height:100%;}
.sectionPadding {width:94%; height:94%; padding:0 3% 3% 3%;}
/*.pMainMenu {text-align:center;}*/
/*#paForOptions {margin:1.8em;}*/
.header {width:106.4%; position:relative; top:0; left:-3.2%; margin:0 0 1em 0; background-color:#fff;}
.logo {width:12em; height:6em; padding:0em 0 0em 0; display:block; text-align:center !important; margin:0 auto !important;}
.tag {border-radius:.4em; margin:.5em; padding: .4em;}
.selected {background-color:#4f4 !important;}
#homeImg {border-radius:1em;border:thick #008 solid;}
p, h3, #tGuided {font-size:1.4em;}
.say {text-align:center;}
.button {border-radius:.4em; border:#000 thin solid; margin:.4em; padding: .4em; background-color:#fff; color:#000; text-decoration: none;}
h2 p {font-size:1em;font-weight:normal;}
.pMainMenu {font-size:1.3em; display:block; position:fixed; top:0; left:0;}
.paForVoice, #paForOptions, #paForArmsVideo, #paForHandsVideo {font-size:1.3em; display:block; position:fixed; top:0; right:0;}
.lowerLink {top: 2.4em !important;}
.pMainMenu a, .paForVoice a, #paForOptions a, #paForArmsVideo a, #paForHandsVideo a {box-shadow: .2em -.2em .2em rgba(0, 0, 0, 0.5);}
a:hover {background-color:#ffc;}
a {color:#000;}
a#aEmail {color:#888;}
.divAns {text-align:center;margin:auto;}
.ans {line-height:2.2;}
.lfont {font-size:1.3em;}

.center {text-align: center;}

.blackBody {color:#fff; background-color:#040;}
.whiteBody {color:#5B0DA2; background-color:#ffd;}
.blackAnchor {color:#0ff;}
.blackTable {border:thin #fff solid;}
/*.Clickable {border:thin #000 solid !important; opacity:0%;}*/
/*#me {background-color:#000; opacity:20%; position:absolute; top:25%; left:25%;}*/
.intro {margin:0;padding:20px 20px 20px; -webkit-text-size-adjust:none; line-height: 1.4;}

#goal {margin:20px; padding:20px; border:thin solid; text-align:center;}
h1, h2, h3 {text-align: center; margin:0;padding:0 0 .2em 0;}
caption, table, tr, td {border:thin #000 solid; border-radius:.4em; padding:10px;margin:10px;text-align:center;}
table {margin:0 auto;}
.trOptMode {background-color:RGBA(50,128,50,.5);}
video {display:block; margin:0 auto; text-align:center;}
#mainDiv { width:100%; height:100%; display:block;}
#FourSquares {background-color:#fff; border:thick #fff solid; position:relative;text-align: center;margin:auto; overflow:hidden;}
.round {border-radius:50%; overflow: hidden;}
.sittingImg {height:100%; width:50%; position:absolute; left:25%;}
.standingImg {height:100%; width:100%; position:absolute; left:0; top:0;}
.organImg, .regionImg {height:100%; width:100%; position:absolute; left:0; top:0;}
#me {position:relative; top:25%; left:25%; opacity:.7;}
#me img {width:100%; height:100%;}
.Square {width:50%; height:50%; opacity:.25;}
.Color1 {background-color:#0f0;}
.Color2 {background-color:#f88;}
.Color3 {background-color:#4ff;}
.Color4 {background-color:#ff0;}
.Square1 {position: absolute;top:0;left:0;}
.Square2 {position: absolute;top:0;left:50%;}
.Square3 {position: absolute;top:50%;left:0;}
.Square4 {position: absolute;top:50%;left:50%;}
.Square0 {position: absolute;top:37.5%;left:37.5%; width:25%; height:25%;}
.Clickable {}
#pTime {text-align:center;}
.whiteShadow { box-shadow: .2em -.2em .2em rgba(255, 255, 255, 0.5);}
.blackShadow { box-shadow: .2em -.2em .2em rgba(0, 0, 0, 0.3);}
.whiteShadowLarge { box-shadow: .4em -.4em .5em rgba(255, 255, 255, 0.4); border:thick solid #fff !important;}
.blackShadowLarge { box-shadow: .4em -.4em .4em rgba(0, 0, 0, 0.3); border:thick solid #5B0DA2 !important;}