/* Styles for genie.html */
body {
	background: #fffde4 url("paper.jpg");
	font-family: "Times New Roman";
	text-align: center;
	margin-left: 3px;
	margin-right: 2px;
}

/* Div for sections with night skies */
.night {
	background: #000000 url("starrynightback.gif");
	font-family: "Times New Roman";
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
.blackdiv {
	background-color: #000000;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

p {
	margin: 5px;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: left;
}

a {text-decoration: none;}
a:link { color: #0000ff}
a:visited { color: #500050;}
a:hover { color: #ff5000;}
a:active { color: #00ff00}

.linkimg {
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

h1 {
	font-family: "Arriba Arriba LET", Comic Sans Ms, Times New Roman;
	color: #ff0000;
	font-size: 50px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
/* This is a font-style that is being stored for possible later use-  Lucida Handwriting */
h2 {
	font-family: "Arriba Arriba LET", Comic Sans Ms, Times New Roman;
	color: #d000ff;
	font-size: 60px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
h3 {
	font-family: "Futura Bk BT", Comic Sans Ms, Times New Roman;
	color: #0050e0;
	font-size: 40px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
h4 {
	font-family: "Kids", Comic Sans Ms, Times New Roman;
	color: #00b000;
	font-size: 50px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
h5 {
	font-family: "Papyrus LET", Comic Sans Ms, Times New Roman;
	color: #7000c0;
	font-size: 50px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}

/* TO REPLACE NOBR */
.nobr {
	white-space: nowrap;
	font-weight: normal;
	font-style: normal;
}

/* For Aligning or Floating Stuff Right */
.rightthis {
	float: right;
}
/* For Aligning or Floating Stuff Left */
.leftthis {
	float: left;
}
/* For Aligning or Floating Stuff Right without borders for use in links */
.linkrightthis {
	float: right;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}
/* For Aligning or Floating Stuff Right without borders for use in links */
.linkleftthis {
	float: left;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}
/* REPLACES BR CLEAR ALL */
.clearthis {
	clear: both;
}
/* For Aligning To Top of an Image */
.aligntop {
vertical-align: top;
}
/* For Aligning To Middle of an Image */
.alignmiddle {
vertical-align: middle;
}
/* For Aligning To Middle of an Image, no border, when used in a link */
.linkalignmiddle {
	vertical-align: middle;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.bold {
	font-weight: bold;
	font-style: normal;
}
.ital {
	font-style: italic;
}
.boldital {
	font-weight: bold;
	font-style: italic;
}
.bigbold {
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}
.bigboldital {
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.red {
	font-weight: normal;
	font-style: normal;
	color: #c80000;
}
.blue {
	font-weight: normal;
	font-style: normal;
	color: #000070;
}
.magenta {
	font-weight: normal;
	font-style: normal;
	color: #e800c0;
}
.parksignbrown {
	font-weight: normal;
	font-style: normal;
	color: #700000;
}
.forestgreennorm {
	font-weight: normal;
	font-style: normal;
	color: #007000;
}
.springgreennorm {
	font-weight: normal;
	font-style: normal;
	color: #50a000;
}
.whitenorm {
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
}
.whitebold {
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
}
.bigwhitebold {
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
}
.getouttext {
	font-style: normal;
	font-size: 22px;
	color: #407000;
}
.getouttextbig {
	font-weight: bold;
	font-style: normal;
	font-size: 30px;
	color: #407000;
}
.getouttextred {
	font-style: normal;
	font-size: 28px;
	color: #f00000;
}
.enterone {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-style: italic;
	font-size: 19px;
	color: #ffffff;
}

.entertwo {
	font-family: "Arial Black";
	font-style: normal;
	font-size: 30px;
	color: #00ff00;
}

.roseletter {
	font-family: "Comic Sans MS", Times New Roman;
	color: #ff4040;
	font-weight: normal;
	font-style: normal;
}

.nomarginp {
	color: #000000;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
}

/* Below, for paragraph class goldscript */
.goldscript {
	font-family: "Brush Script BT", VivaldiD, ShelleyVolante BT, ShelleyAllegro BT, Freestyle Script, CommercialScript BT, Helvetica;
	font-size: 50px;
	color: gold;
	text-align: center;
	margin-right: 2px;
}

/* REALLY special script */
.specialspecial {
	font-family: "ShelleyAllegro BT", VivaldiD, ShelleyVolante BT, Brush Script BT, Freestyle Script, CommercialScript BT, Helvetica, Arriba Arriba LET, Comic Sans Ms, Times New Roman;
	font-size: 99px;
	color: #ff00ff;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}

/* Below, for paragraph class commentone */
.commentone {
	font-family: "Times New Roman";
	font-size: 20px;
	color: #700000;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}

/* Below, for paragraph class commenttwo */
.commenttwo {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #700000;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}

/* TIMES NEW ROMAN TYPES */
/* Below, for paragraph class leftrose */
.leftrose {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ff4040;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class leftblue */
.leftblue {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #0000b0;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class leftnightblue */
.leftnightblue {
	font-family: "Century Gothic", Times New Roman;
	font-size: 18px;
	color: #404070;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class leftgreen */
.leftgreen {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #20a000;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class leftmagenta */
.leftmagenta {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #e00090;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class centermagenta */
.centermagenta {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #e00090;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}

/* Below, for paragraph class centergreen */
.centergreen {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #20a000;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}
/* Below, for paragraph class center */
.center {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class superbig */
.superbig {
	font-family: "Times New Roman";
	font-size: 35px;
	color: #000000;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class superbigrose */
.superbigrose {
	font-family: "Times New Roman";
	font-size: 35px;
	color: #ff4040;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class centeryellow */
.centeryellow {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #ffff00;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class centerblue */
.centerblue {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #000070;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class centerwhite */
.centerwhite {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class leftwhite */
.leftwhite {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #ffffff;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}
/* Below, for paragraph class right */
.right {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
}
/* END TIMES NEW ROMAN TYPES */

/* COMIC SANS TYPES */
/* Below, for paragraph class left comic sans */
.leftcomicsans {
	font-family: "Comic Sans MS", Times New Roman;
	font-size: 18px;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* Below, for paragraph class right comic sans */
.rightcomicsans {
	font-family: "Comic Sans MS", Times New Roman;
	font-size: 18px;
	color: #000000;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
}
/* END COMIC SANS TYPES */

/* BEGIN FUN STUFF TYPES */
/* Below, for paragraph class experimentone */
.experimentone {
	font-family: "Animals 1", Times New Roman;
	font-size: 70px;
	color: #ff4040;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
/* Below, for paragraph class experimenttwo */
.experimenttwo {
	font-family: "DF Diversities LET", Times New Roman;
	font-size: 70px;
	color: #0000e0;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
/* Below, for paragraph class experimentthree */
.experimentthree {
	font-family: "Webdings", Times New Roman;
	font-size: 70px;
	color: #008000;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
/* Below, for paragraph class experimentthree */
.experimentfour {
	font-family: "Wingdings", Times New Roman;
	font-size: 70px;
	color: #008080;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}
/* Below, for paragraph class experimentthree */
.experimentfive {
	font-family: "Wingdings 2", Times New Roman;
	font-size: 70px;
	color: #a00090;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

/* END FUN STUFF TYPES */


/* BEGIN TABLES TYPES - Tables are a headache! */
#chinese {
	width: 320px;
	white-space: nowrap;
	background: #ffffff;
	border: solid #ffff00;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#eartable {
background: #ffeecc;
border: solid #ff00ff;
}

#privacytable {
	background: #000000;
	border: solid #008000;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-spacing: 0px;
}
#privacytableleft {
	background: #000000;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}
#privacytableright {
	background: #ffffff;
	font-size: 18px;
	color: #000000;
	text-align: center;
}

/* Below, for the table class display */
.displayblue {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #8888a0;
	border: 8px solid;
	border-top-color: #a0d0ff;
	border-left-color: #80b0ff;
	border-right-color: #5097ff;
	border-bottom-color: #0070f0;
	border-spacing: 2px;
	margin-left: auto;
	margin-right: auto;
}
.displaygreen {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #8888a0;
	border: 8px solid;
	border-top-color: #80ff00;
	border-left-color: #00f900;
	border-right-color: #00e000;
	border-bottom-color: #00d070;
	border-spacing: 2px;
	margin-left: auto;
	margin-right: auto;
}
.displayred {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #8888a0;
	border: 8px solid;
	border-top-color: #ff5000;
	border-left-color: #e00000;
	border-right-color: #b00000;
	border-bottom-color: #800040;
	border-spacing: 2px;
	margin-left: auto;
	margin-right: auto;
}
.displaytdone {
	background: #000000;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}
.displaytdtwo {
	background: #ffffff;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: center;
}
.displaytdleft {
	background: #fffde4;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: left;
}
.displaytdright {
	background: #fffde4;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: right;
}

/* Below, for the table id fire (black background, red border) */
#fire {
	background: #000000;
	border: solid #ffe000;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ff0000;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#firetd {
	background: #000000;
	font-size: 18px;
	color: #ff0000;
	text-align: left;
}
#firetr {
	background: #000000;
	font-size: 18px;
	color: #ff0000;
	text-align: left;
}
/* Mini Comic Table (the one for the splash-page version) */
#minicomic {
	width: 100%;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	border: none;
	border-spacing: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#minicomictdleft {
	width: 28%;
	font-size: 18px;
	color: #ffffff;
	text-align: right;
}
#minicomictdright {
	width: 28%;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
}

/* Below, right sidebars table */
.rightsidebar {
	width: 100px;
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
	border: 3px solid;
	border-top-color: #d0b040;
	border-left-color: #c08030;
	border-right-color: #a07030;
	border-bottom-color: #805030;
	float: right;
	border-spacing: 2px;
}
.rightsidebartdone {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
}
.rightsidebartdtwo {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: right;
	color: #000000;
}

/* Below, left sidebars table */
.leftsidebar {
	width: 100px;
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
	border: 3px solid;
	border-top-color: #d0b040;
	border-left-color: #c08030;
	border-right-color: #a07030;
	border-bottom-color: #805030;
	float: left;
	border-spacing: 2px;
}
.leftsidebartdone {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
}
.leftsidebartdtwo {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: left;
	color: #000000;
}
/* ================ */
/* Below, left table that uses percentage for width */
.lefttable {
	width: 28px;
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
	border: 3px solid;
	border-top-color: #d0b040;
	border-left-color: #c08030;
	border-right-color: #a07030;
	border-bottom-color: #805030;
	float: left;
	border-spacing: 2px;
}
.lefttabletdone {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
}
.lefttabletdtwo {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: left;
	color: #000000;
}
/* Below, right table that uses percentage for width */
.righttable {
	width: 28px;
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
	border: 3px solid;
	border-top-color: #d0b040;
	border-left-color: #c08030;
	border-right-color: #a07030;
	border-bottom-color: #805030;
	float: right;
	border-spacing: 2px;
}
.righttabletdone {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: center;
	color: #000000;
}
.righttabletdtwo {
	font-family: "Times New Roman";
	font-size: 18px;
	text-align: right;
	color: #000000;
}
/* END TABLES TYPES */

/* BEGIN GENERAL BORDERING or FRAMING */

.darkframe {
	border: 13px solid;
	border-top-color: #000040;
	border-left-color: #000055;
	border-right-color: #000090;
	border-bottom-color: #0030a5;
}
.darkframetable {
	background: #b00000;
	text-align: center;
	border: 13px solid;
	border-top-color: #000040;
	border-left-color: #000055;
	border-right-color: #000090;
	border-bottom-color: #0030a5;
	border-spacing: 2px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
simplered {
	border: 2px solid b00000;
}
.redframeleft {
	border: 13px solid;
	border-top-color: #700000;
	border-left-color: #800000;
	border-right-color: #f00000;
	border-bottom-color: #ff3000;
	float: left;
}
.redframeright {
	border: 13px solid;
	border-top-color: #700000;
	border-left-color: #800000;
	border-right-color: #f00000;
	border-bottom-color: #ff3000;
	float: right;
}

.grayframe {
	border: 13px solid;
	border-top-color: #000000;
	border-left-color: #202030;
	border-right-color: #404050;
	border-bottom-color: #505070;
}
.grayframeleft {
	border: 13px solid;
	border-top-color: #000000;
	border-left-color: #202030;
	border-right-color: #404050;
	border-bottom-color: #505070;
	float: left;
}
.grayframeright {
	border: 13px solid;
	border-top-color: #000000;
	border-left-color: #202030;
	border-right-color: #404050;
	border-bottom-color: #505070;
	float: right;
}

/* END GENERAL BORDERING or FRAMING */

.blackbar { /* for the black hr */
	border: 3px solid #000000;
	width: 90%;
	height: 5px;
}
.blackbar700h5 { /* for the 700 px long black hr */
	background: #000000;
	border: none;
	width: 700px;
	height: 5px;
}
.blackbar700h1 { /* for the 700 px long black hr */
	background: #000000;
	border: none;
	width: 700px;
	height: 1px;
}
.redbarcyanborder { /* for the 700 px long red with cyan border hr */
	background: #ff0000;
	border: 2px solid #00ffff;
	color: #ff0000;
	width: 700px;
	height: 8px;
}
.bluebarredborder { /* for the 700 px long blue with red border hr */
	background: #0000ff;
	border: 2px solid #ff0000;
	width: 700px;
	height: 8px;
}
.bluebarredbordersoft { /* for the 100 percent long blue with red border hr */
	background: #0000ff;
	border: 2px solid #ff0000;
	width: 100%;
	height: 8px;
}
.redbar { /* for the red hr */
	border: 3px solid #f00000;
	width: 90%;
	height: 5px;
}

.greenbar { /* for the green hr */
	border: 3px solid #00e000;
	width: 90%;
	height: 5px;
}
.bluebar { /* for the blue hr */
	border: 3px solid #0000f0;
	width: 90%;
	height: 5px;
}
.magentabar { /* for the blue hr */
	border: 3px solid #e000ff;
	width: 90%;
	height: 5px;
}
.yellowbar { /* for the yellow hr */
	border: 3px solid #ffff00;
	width: 90%;
	height: 5px;
}
.whitebar { /* for the white hr */
	border: 3px solid #ffffff;
	width: 90%;
	height: 5px;
}
.yellowbar700 {  /* for the 700 px long yellow hr */
	border: 3px solid #ffff00;
	width: 700px;
	height: 5px;
}

li {
	margin-bottom: .5em;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
}
li.para {
	list-style-type: none;
}
pre {
	font-size: 10px;
	margin-left: 10px;
}
tt {
	font-family: "Courier New", Courier, mono;
}


/* KEEP BELOW FOR REFERENCE Not used for index-html */
/* main text body specs */ 
#main {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
}

#main p {
	margin-bottom: 1em;
}
#main dt {
	font-weight: bold;
	margin-bottom: 1em;
	color: #999999;
}
#main dd {
	margin-bottom: 1em;
}

/* bottom footer */ 
#footer {
	font-size: smaller;
	color: #555555;
	text-align: center;
	margin-right: 1px;
}