/*  Common CSS Stylesheet  */

* {
	margin: 0;
	padding: 0;
	}
body {
	color: black;
	background-color: white;
	font-family: "Times New Roman", serif;
	font-size: 1.2em;
	}
#container {
	width: 932px;
	border-width: 1px;
	margin: 0 auto;
	}
header {
	width: 910px;
	margin: 0 0 10px 0;
	padding: 10px;
	}
img {
	vertical-align: middle;
	}
.title {
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	color: maroon;
	padding: 50px;
	font-size: 2.0em;
	font-weight: bold;
	}
.center {
	text-align: center;
		}
nav {
	width: 910px;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	padding: 10px;
	text-align: center;
	color: black;
	background-color: lightblue;
	}
nav ul {
	list-style-type: none;
	padding: 5px 0;
	}
nav li {
	display: inline;
	list-style-type: none;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 20px;
	}
nav ul li a {
	text-decoration: none;
	}
nav ul li a:link {
	color: purple;
	}
nav ul li a:visited {
	color: darkblue;
	}
nav ul li a:hover {
	color: green;
	text-decoration: none;
	}
#main, #main1, #main2, #main3, #main4, #main5, #main6, #main7, #main8,
#main9, #main10, #main11, #main12, #main13, #main14, #main15, #lukewarm {
	width: 910px;
	padding: 0 10px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	}
#gematria, #gematria-1 {
	width: 930px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: justify;
	padding-bottom: 0.5em;
	}
#signal-mast {
	position: absolute;
	top: 0px;
	width: 930px;
	height: 500px;
	}
#gate-area {
	position: absolute;
	top: 0px;
	width: 930px;
	height: 500px;
	background-color: azure;
	display: block;
	}
#gate-area-print {
	position: absolute;
	top: 0px;
	width: 930px;
	height: 500px;
	display: none;
	}
#wisdom-track {
	position: absolute;
	top: 500px;
	width: 930px;
	padding-top: 20px;
	}
#alphabet {
	width: 930px;
	font-family: "Times New Roman", serif;
	}
#alphabet table {
	border: solid 2px white;
	border-collapse: collapse;
	}
#alphabet caption {
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 5px;
	}
#where {
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	color: midnightblue;
	background: rgb(235,235,235);
	padding: 10px 0 20px 30px;
	}
#top-of-page {
	width: 910px;
	margin: 0 0 20px 0;
	padding: 10px;
	}
#index-icon {
	width: 600px;
	width: 150px;
	margin: 20px 0;
	}
#heaven {
	width: 930px;
	height: 100px;
	background-color: lightcyan;
	}
#earth {
	width: 930px;
	height: 365px;
	background-color: lightgreen;
	}
#gospel {
	width: 930px;
	height: 15px;
	}
#logos {
	width: 910px;
	height: 70px;
	padding: 10px 10px 10px 10px;
	}
#study-topics {
	width: 930px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	padding-top: 50px;
	}
#left1, #left2, #left3, #left4, #left5, #left6,
#left7, #left8, #left9, #left10, #left11 {
	width: 110px;
	padding-top: 15px;
	float: left;
	}
#right1, #right2, #right3, #right4, #right5, #right6,
#right7, #right8, #right9, #right10, #right11 {
	width: 790px;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: justify;
	padding-top: 15px;
	float: right;
	}
#gift-1, #gift-2, #gift-3 {
	width: 300px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	padding: 10px 0 0 10px;
	float: left;
	}
#writers-block ul {
	list-style-type: disc;
	padding-left: 3em;
	}
.writers-message {
	width: 780px;
	font-family: "Times New Roman", serif;
	color: rgb(127,0,0);
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: justify;
	padding: 0 0 0 147px;
	}
#thanks {
	position: absolute;
	top: 0px;
	width: 400px;
	padding-top: 10px;
	font-family: "Times New Roman", serif;
	font-size: 1.2em;
	}
#thanks p {
	color: darkblue;
	line-height: 1.3em;
	padding-left: 50px;
	}
#foolish-five {
	width: 930px;
	height: 550px;	
	}
#tools-icon {
	width: 930px;
	height: 360px;	
	}
#parable {
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	color: midnightblue;
	position: absolute;
	top: 370px;
	padding-bottom: 50px;
	}
#section-1, #section-2, #section-3, #section-4 {
	width: 585px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	padding-left: 40px;
	float: left;
	}
#section-4 ul {
	list-style-type: disc;
	padding: 0.5em 0 0 2em;
	}
#youth {
	width: 830px;
	padding: 15px 50px 0 50px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: justify;
	}
#ocean-waves{
	width: 930px;
	padding-top: 10px;
	}
#cry1, #cry2, #cry3, #cry4, #cry5, #cry6, #cry7,
#cry8, #cry9, #cry10, #cry11, #cry12, #cry13, #cry14 {
	width: 910px;
	padding: 0 10px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	}
#notepad1, #notepad2 {
	width: 730px;
	background-image: url(spiralbound.jpg);
	background-attachment: scroll;
	background-color: gainsboro;
	background-position: top left;
	background-repeat: repeat-y;
	color: black;
	padding: 50px 50px 50px 150px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	}
#one-crying {
	width: 530px;
	padding: 10px 0 0 400px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	}
footer {
	background-color: lightblue;
	color: black;
	padding: 20px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 1.1em;
	display: block;
	}
#puzzle {
	width: 930px;
	height: 350px;
	background-color: lightcyan;
	}
#maze-runner {
	width: 880px;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	padding: 30px 25px;
	background-color: lemonchiffon;
	color: black;
	}
#comments {
	width: 930px;
	background-color: white;
	color: black;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	padding: 30px 0 50px 0;
	display: block;
	}
#comments fieldset {
	background-color: azure;
	display: block;
	padding: 10px 0 15px 15px;
	}
#comments legend {
	color: black;
	font-size: 1.1em;
	font-weight: 500;
	}
#comments textarea {
	border: solid 2px blue;
	color: black;
	background-color: ivory;
	font-size: 1.1em;
	display: block;
	}
#comments textarea:hover {
	border: solid 2px brown;
	}
#comments input.button-1 {
	font-weight: bold;
	padding: 8px;
	color: black;
	background-color: palegreen;
	border: 1px solid green;
	border-radius: 5px;
	display: inline;
	}
#comments input.button-2 {
	font-weight: bold;
	padding: 8px;
	color: black;
	background-color: pink;
	border: 1px solid red;
	border-radius: 5px;
	display: inline;
	}
#comments p {
	padding-top: 10px;
	}
#content {
	width: 300px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.1em;
	border: thin blue solid;
	margin-top: 25px;;
	float: left;
	}
#content p {
	color: blue;
	text-decoration: underline;
	padding: 10px 0 0 100px;
	}
#content ul {
	color: magenta;
	list-style-type: none;
	padding: 0 20px 10px 40px;
	}
#content li a, p a {
	color: blue;
	text-decoration: none;
	}
#content li a:hover, p a:hover {
	color: darkblue;
	text-decoration: underline;
	}
#reference {
	width: 930px;
	color: darkblue;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	padding: 30px 0;
	}
#signpost {
	width: 410px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.1em;
	border: thin blue solid;
	margin-top: 0px;
	margin-left:40px;
	float: left;
	}
#keyword {
	width: 380px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.1em;
	border: thin red solid;
	margin-top: 0px;
	margin-left: 50px;
	float: left;
	}			
#signpost p {
	color: blue;
	text-decoration: underline;
	text-align: center;
	padding: 10px 0 5px 0;
	}
#signpost ul {
	color: magenta;
	list-style-type: none;
	padding: 0 20px 10px 40px;
	}
#signpost li a, #keyword table a {
	color: blue;
	text-decoration: none;
	}
#signpost li a:hover, #keyword table a:hover {
	color: darkblue;
	text-decoration: underline;
	}
#keyword table {
	border: solid 1px white;
	width: 350px;
	color: blue;
	padding-left: 60px;
	padding-bottom: 10px;
	font-size: 1.1em;
	}
#keyword table caption {
	text-align: center;
	font-size: 0.9em;
	text-decoration: underline;
	padding: 10px 0 5px 0;
	}
#keyword table tr {
	width: 60em;
	height: 1.0em;
	font-size: 0.9em;
	text-align: left;
	}
#pen-pic, #lightning-pic {
	position: relative;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 30px;
	}
#synthetic, #synthetic-1 {
	width: 930px;
	height: 50px;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	color: maroon;
	padding-top: 20px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: lightcyan;
	}
#plant {
	width: 930px;
	height: 230px;
	background-color: lightcyan;
	margin-bottom: 20px;
	}
#world {
	width: 930px;
	height: 430px;
	background-color: rgb(85,170,255);
	margin-bottom: 10px;
	}			
#dna {
	width: 930px;
	height: 300px;
	background-color: whitesmoke ;
	margin: 20px 0;
	}
#compiler {
	width: 930px;
	height: 580px;
	background-color: rgb(255,238,221);
	margin-bottom: 20px;
	}
#verilog {
	width: 600px;
	padding: 0 10px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	float: right;
	}
#cello {
	width: 740px;
	padding: 0 10px;
	font-family: "Times New Roman", serif;
	font-size: 1.0em;
	line-height: 1.2em;
	float: right;
	}
.pen-text {
	position: absolute;
	top: 50px;
	left: 290px;
	color: yellow;
	}
.lightning-text {
	position: absolute;
	top: 40px;
	left: 140px;
	color: yellow;
	}
.heading {
	font-weight: bold;
	text-decoration: underline;
	padding-top: 0.5em;
	}
.earmark {
	font-size: 1.3em;
	font-weight: bold;
	color: darkblue;
	text-transform: capitalize;
	text-decoration: none;
	padding-top: 1.0em;
	padding-bottom: 0.5em;
	}
.textual {
	font-family: "Times New Roman", serif;
	font-size: 0.9em;
	font-weight: bold;
	color: midnightblue;
	position: absolute;
	top: 505px;
	padding-left: 70px;
	text-align: center;
	}
.verse {
	font-family: "Times New Roman", serif;
	font-size: 0.9em;
	font-weight: bold;
	}
#main4 p, #lukewarm p {
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: justify;
	}	
.intro {
	font-size: 1.0em;
	text-indent: 2em;
	line-height: 1.2em;
	text-align: justify;
	}
.design {
	font-size: 1.0em;
	text-indent: 2em;
	line-height: 1.2em;
	text-align: left;
	}
.testamony {
	font-size: 1.0em;
	text-indent: 2em;
	line-height: 1.2em;
	padding-left: 2em;
	text-align: justify;
	}
.paragraph {
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: justify;
	padding-top: 7px;
	}
.intro-plus {
	font-size: 1.0em;
	font-weight: bold;
	text-indent: 4em;
	line-height: 1.2em;
	}
.underline {
	text-decoration: underline;
	}
.no-decoration {
	text-decoration: none;
	}	
.through-line {
	text-decoration: line-through;
	}
.over-line {
	text-decoration: overline;
	}
.headroom {
	padding-top: 0.5em;
	}
.quarter-line {
	padding-top: 0.25em;
	}
.three-bits{
	padding-top: 0.75em;
	}
.tab {
	word-spacing: 1em;
	}
.tabc {
	word-spacing: 1em;
	color: rgb(0,55,0);
	}
.show {
	visibility: visible;
	}
.hidden, .no-show {
	visibility: hidden;
	}
.clear {
	clear: both;
	}
.subscript {
	font-size: small;
	}
.normal {
	font-weight: normal;
	color: black;
	}
.blatant {
	color: rgb(60,0,60);
	font-weight: 700;
	}
#main ul {
	list-style-type: disc;
	padding: 0.5em 0 0 3em;
	}
#main1 ul, #main3 ul, #main4 ul {
	list-style-type: none;
	padding: 0.5em 0 0.5em 3em;
	}
.tooltip {
	position: relative;
	display: inline;
	color: darkblue;
	border-bottom: thin dotted darkblue;
	}
.tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 400px;
	top: 200%;
	left: 50%;
	margin-left: -200px;
	background-color: lightblue;
	color: black;
	text-indent: 0;
	text-align: left;
	font-weight: normal;
	padding: 10px 20px;
	border-radius: 6px;
	z-index: 1;
	}
.tooltip:hover .tooltiptext {
	visibility: visible;
	}
.parser {
	position: relative;
	display: inline;
	color: rgb(64,0,0);
	border-bottom: thin dotted darkred;
	}
.parser .parsertext {
	visibility: hidden;
	position: absolute;
	width: 300px;
	top: 200%;
	left: 50%;
	margin-left: -150px;
	background-color: lightblue;
	color: black;
	text-indent: 0;
	text-align: left;
	padding: 10px 20px;
	border-radius: 6px;
	z-index: 1;
	}
.parser:hover .parsertext {
	visibility: visible;
	}
#flipSlide, #flipSlide1, #flipSlide2, #flipSlide3, #flipSlide4 {
	color: darkblue;
	background-color: azure;
	border: 0em solid white;
	padding: 0 0.2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	display: inline;
	}
#flipSlide:hover, #flipSlide1:hover, #flipSlide2:hover, #flipSlide3:hover, #flipSlide4:hover {
	color: purple;
	background-color: whitesmoke;
	text-decoration: underline;
	}
#flipout {
	width: 900px;
	height: 600px;
	margin: 0 0 0 200px;
	padding: 30px 50px;
	background-color: whitesmoke;
	position: fixed;
	top: 0;
	left: 0;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	transform: translate3d(-200vw, 0, 0);
	transition: transform 0.5s cubic-bezier(0, 0.52, 0, 1);
	overflow: hidden;
	z-index: 1000;
	}
#flipout.show {
	transform: translate3d(0vw, 0, 0);
	}
#flipout ul {
	list-style-type: none;
	}
.slidingText {
	width: 0;
	position: fixed;
	top: 0;
	left: 25%;
	padding: 35px 0;
	background-color: azure;
	overflow: hidden;
	z-index: 1;
	}
.exit-sliding {
	position: absolute;
	top: 10px;
	right: 50px;
	font-size: 25px;
	text-decoration: none;
	cursor: pointer;
	}
#slideout p, #culminate p, #wisdomWord p, #timetravel p, #spiritual p, #bio p, #brother p {
	padding: 0 100px 0 50px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	text-indent: 2em;
	text-align: justify;
	}
#watermark p, #mit p {
	padding-left: 50px;
	padding-right: 100px;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	text-align: justify;
	}	
.bold-padding {
	font-weight: bold;
	text-indent: 1em;
	}
.bold-offset {
	font-weight: bold;
	text-indent: 2em;
	}
.indent-25 {
	text-indent: 2.5em;
	}	
.one-digit, .indent-2 {
	text-indent: 2em;
	}
.two-digit, .indent-15 {
	text-indent: 1.5em;
	}
.three-digit, .indent-1 {
	text-indent: 1em;
	}
.four-digit {
	text-indent: 0.5em;
	}
.bold-some, .accent {
	font-weight: 700;
	color: rgb(37,69,69);
	}
.hi-liter {
	color: darkred;
	font-weight: bold;
	}
.italic {
	font-style:  italic;
	color: rgb(24,40,40);
	font-weight: 600;
	}
.sura {
	font-weight: 600;
	color: brown;
	}
.click {
	padding-top: 2em;
	font-size: 0.8em;
	text-align: right;
	color: darkgreen;
	}
.enlarger {
	font-weight: bold;
	font-size: 1.2em;
	}
.red {
	color: red;
	}
.darkred {
	color: darkred;
	}
.darker-red {
	color: rgb(100,0,0);
	}
.maroon {
	color: maroon;
	}
.crimson {
	color: rgb(220,20,60);
	}
.firebrick {
	color: firebrick;
	}
.blue {
	color: blue;
	}
.darkblue {
	color: darkblue;
	}
.darkerblue {
	color: rgb(0,0,70);
	}	
.green {
	color: green;
	}
.darkgreen {
	color: darkgreen;
	}
.darkergreen {
	color: rgb(0,55,0);
	}
.darkercyan {
	color:  rgb(0,70,70);
	}
.hi-light {
	color: purple;
	}
.orange {
	color: orange;
	}
.darkorange {
	color: darkorange;
	}
.teal {
	color: teal;
	}
.slategray {
	color: slategray;
	}
.darkslategray {
	color: darkslategray;
	}
.dodgerblue {
	color: dodgerblue;
	}