/* Styles for index.html */
body {
	background-color: #ffffff;
	font-family: "Times New Roman";
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

/* Centering wrapper, a div, for centering tables and such */
#centeringdiv {
	text-align: center;
}

/* Normal div */
#normaldiv {
	font-family: "Times New Roman";
	background-color: #000000;
	width: 100%;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 700px;
}
#normaldivtwo {
	font-family: "Times New Roman";
	background-color: #000000;
/*	background: #000000 url("stars.gif"); */
	width: 100%;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 700px;
}

p {
	margin: 3px;
	text-align: center;
}
a { text-decoration: none }
a:link { color: #0000ff}
a:visited { color: #500050}
a:active { color: #00ff00}
a:hover {
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
}
a.fancyhoverborder:hover {
	border-left: 1px solid #ff0000;
	border-top: 1px solid #ff8000;
	border-right: 1px solid #e00000;
	border-bottom: 1px solid #800000;
}
a.lightfancyhoverborder:link { color: #50ff50}
a.lightfancyhoverborder:visited { color: #70ffff}
a.lightfancyhoverborder:active { color: #ffff00}
a.lightfancyhoverborder:hover {
	border-top: 1px solid #a0ffff;
	border-left: 1px solid #80ffff;
	border-right: 1px solid #00a0ff;
	border-bottom: 1px solid #0000ff;
}

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

h1 {
	color: #F90000;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
h2 {
	color: #F00000;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: left;
}
h3 {
	color: #407000;
	font-size: 20px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
h4 {
	color: #00ff00;
	font-size: 20px;
	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;
}
.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;
}

#magenta {
	color: #E00090;
}

/* BEGIN DIV FOR SOUNDS-OF-SURF */
/* For the sounds-of-surf ad div */
#surfdiv {
	font-family: "Times New Roman";
	background: #fffde4 url("over2sea.gif");
	text-align: center;
	width: 100%;
	height: 550px;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 700px;
}
/* Below, for paragraph ID title for above */
#title {
	font-family: "Times New Roman", Arial Narrow;
	font-weight: bold;
	font-style: italic;
	font-size: 47px;
	color: #000070;
	text-align: center;
}
/* Below, ID white-title, used with paragraph, above */
#white-title {
	color: #ffffff;
}

.surf-sounds-red {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #e00000;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	white-space: nowrap;
}

/* Below, produces a border around a certain anchor */
#surfborderthis {
	font-size: 28px;
	border-left: 5px solid #ff0000;
	border-top: 5px solid #ff7030;
	border-right: 5px solid #c00000;
	border-bottom: 5px solid #900050;
}

/* Shell Table (for the Sounds Of Surf link) */
#shell {
	width: 700px;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #007000;
	text-align: center;
	white-space: nowrap;
	border: none;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}
/* END DIV FOR SOUNDS-OF-SURF */

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

/* Below, for paragraph id nopopup */
#nopopup {
	font-family: "Times New Roman";
	font-size: 14px;
	color: #000000;
	text-align: center;
	margin-right: 1px;
	margin-left: 10px;
	margin-right: 10px;
}
/* Below, for paragraph id green */
#green {
	font-family: "Times New Roman";
	font-size: 20px;
	color: #009000;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 4px;
}
/* Below, for paragraph id preamble */
#preamble {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #800000;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
}

/* TIMES NEW ROMAN TYPES */
/* BLACK LETTERS */
/* Below, for paragraph class left */
.left {

	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* 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;
}
/* Below, for paragraph class center */
.center {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
/* WHITE LETTERS */
/* Below, for paragraph class left white letters */
.whiteleft {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* Below, for paragraph class right white letters */
.whiteright {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
}
.whitecenter {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
/* END TIMES NEW ROMAN TYPES */

/* COMIC SANS TYPES */
/* BLACK LETTERS */
/* 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;
}
/* WHITE LETTERS */
/* Below, for paragraph class left white letters */
.whiteleftcomicsans {
	font-family: "Comic Sans MS", Times New Roman;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* Below, for paragraph class right white letters */
.whiterightcomicsans {
	font-family: "Comic Sans MS", Times New Roman;
	font-size: 18px;
	color: #ffffff;
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
}
.whitecentercomicsans {
	font-family: "Comic Sans MS", Times New Roman;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
/* END COMIC SANS TYPES */


/* BEGIN TABLES TYPES */
#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;
}

/* BEGIN TABLES TYPES */
.generaltable {
	background: #ffffff;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #000000;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#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 id enter */
#enter {
	background: #000000;
	border: 8px solid;
	border-top-color: #ff5000;
	border-left-color: #e00000;
	border-right-color: #b00000;
	border-bottom-color: #800040;
	margin-left: auto;
	margin-right: auto;
}
#entertd {
	background: #000000;
	text-align: center;
}

/* Below, for the table id curse */
#curse {
	background: #000000;
	border: solid #ffe000;
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ff0000;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#cursetd {
	background: #000000;
	font-size: 18px;
	color: #ff0000;
	text-align: left;
}
#cursetr {
	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, for the table id lefttable */
#lefttable {
	width: 28%;
	font-size: 18px;
	color: #ffffff;
	text-align: right;
	float: left;
	border: none;
	border-spacing: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/* Below, for the table id righttable */
#righttable {
	width: 28%;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	float: right;
	border: none;
	border-spacing: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/* END TABLES TYPES */

/* Below, for the intro to the privacy and terms statements */
#privacyterms {
	font-family: "Times New Roman";
	font-size: 14px;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* achor id terms */
#terms {
	font-family: "Times New Roman";
	font-size: 16px;
	color: #ffffff;
}

/* achor id privacy */
#privacy {
	font-family: "Times New Roman";
	font-size: 16px;
	color: #000000;
}


/* Below, for paragraph id surfone */
#surfone {
	font-family: "Times New Roman";
	font-size: 22px;
	color: #000000;
	text-align: center;
	margin-right: 1px;
}

/* Below, for paragraph id surftwo */
#surftwo {
	font-family: "Times New Roman";
	font-size: 26px;
	color: #e00000;
	text-align: center;
	margin-right: 1px;
}

/* achor id surflink */
#surflink {
	font-family: "Arial";
	font-size: 30px;
	color: #0050a0;
}

.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: 1px solid #00ffff;
	color: #ff0000;
	width: 700px;
	height: 5px;
}
.bluebarredborder { /* for the 700 px long blue with red border hr */
	background: #0000ff;
	border: 1px solid #ff0000;
	width: 700px;
	height: 5px;
}
.redbar { /* for the red hr */
	border: 3px solid #f00000;
	width: 90%;
	height: 5px;
}
.whitebar { /* for the white hr */
	border: 3px solid #ffffff;
	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;
}
.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;
}