body { background-color: #000; color: #fff; text-decoration: none; text-align: center; }
IMG { border-style: none; }
.hiddenPic {display:none;}

.container-body {
	background-color: #333;
	color: #fff;
	background-image: url(../Images/head-gradient.jpg);
	background-repeat: no-repeat;
	width: 860px;
	height: auto;
	margin: 60px auto;
	border: outset 4px #222;
	padding-bottom: 20px;
}

.clear { clear: both; }

/* Clearfix extends containers to enclose the float box */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

/* for mac IE */
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p { background-color: transparent; color: #fff; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; letter-spacing: 0.1em; text-align: left; line-height: 16px; margin: 10px 60px 20px 60px; }
H1 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #89e1f8; font-style: italic; font-weight: bold; font-size: 22px; line-height: 30px; letter-spacing: 0.1em; text-align: center; margin-top: 40px; margin-bottom: 30px; }
H2 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #00c0f3; font-style: italic; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: 0.1em; text-align: center; margin: 20px 0 20px; }
H3 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #00c0f3; font-style: italic; font-weight: bold; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-align: left; margin-top: 40px; margin-left: 40px; margin-right: 20px;}
H4 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #00c0f3; font-style: italic; font-weight: bold; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; text-align: left; margin-top: 40px; margin-left: 60px; margin-right: 10px;}
H5 { font-family: Arial, Helvetica, Geneva, sans-serif; color: #ffffff; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-left: 10px; margin-right: 10px;}

.note { font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: normal; background-color: transparent; color: #00c0f3; font-size: 12px; letter-spacing: 0.1em; text-align: center; margin-right: 10%; margin-left: 10%; }
.note-mini { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; font-size: 10px; letter-spacing: 0.1em; text-align: center; margin-right: 10%; margin-left: 10%; }
.noteleft { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; font-size: 12px; letter-spacing: 0.1em; text-align: left; margin-right: 10%; margin-left: 10%; }
.noteleft2 { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; font-size: 12px; letter-spacing: 0.1em; text-align: left; margin-right: 0px; margin-left: 10px; }
.pic { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; text-align: center; letter-spacing: 0.1em; margin-right: 0%; margin-left: 0%; }
.copyright { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; font-size: 11px; letter-spacing: 0.1em; text-align: center; margin-right: 10%; margin-left: 10%; }

.notewhite { color: #fff; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }
.left { text-align: left; margin-left: 5%; }
.center { text-align: center; margin-right: auto; margin-left: auto; }
.leftindent { text-align: left; margin-left: 10%; margin-right: 10%; }
.leftindentmore { text-align: left; margin-right: 20%; margin-left: 20%; }
.white { color: #fff; }
.magenta { color: #f0f; }
.cyan { color: #00c0f3; }
.blue { color: #1e90ff }
.ltblue { color: #89e1f8 }
.yellow { color: #ff0; }

a:link { color: #7cffff; text-decoration: none; }
a:visited { color: #7cffff; text-decoration: none; }
a:hover { color: #ffffff; background-color: #0a5085; }
a:active { color: #ffffff; background-color: #1070b0; }
/* Use as a div-class for links on asteroid page or others needing a wider box */
.container-links-400 { background-color: #111111; margin: 30px auto; padding-top: 6px; padding-bottom: 4px; width: 400px; height: auto; border: outset 3px #696969; 
font-family: Arial, Helvetica, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
font-size: 12px; letter-spacing: 0.1em; text-decoration: none; text-align: center; line-height: 20px; }
.container-links-400 a:link {  color: #1e90ff; }
.container-links-400 a:visited { color: #1e90ff; }
.container-links-400 a:hover { color: #d0a010; }
.container-links-400 a:active { color: #ffffff; }
