* {
	position: relative;
	padding:0;
	margin:0;
}

body {
	font-family: arial;
	font-size: 1.5em;
	min-width:300px;	/* Andrew made this 800px */
	////min-width: 1000px;
	//margin: 0;
	//padding: 0;
	////text-align: justify;
}

.BodyContent {
	background-image: url("images/GalaxyNGC5457.jpg");
	/*background-image: url("atomBackground2.png");*/	/*Andrews*/
	background-repeat: no-repeat;
	background-attachment: fixed;	/* Andrew commented out this line. */
	background-position: center top;
	/*background-color:#cccccc; */
	position:relative;
	/*left:50%;
	//margin-left:-640px;
	//width:1280px;
	//min-width:1280px;  */
}

.FirstPageBody {
	background-color:#000000;
	font-family: arial;
	font-size: 1.5em;
	//max-width: 1200px;
	//min-width: 1000px;
	//text-align: justify;
}

.OtherPagesBody {
	font-family: arial;
	font-size: 1.5em;
	max-width: 1200px;
}

#wrapper {

}

.width26px { width: 26px;  }

.width71px { width: 71px;  }

.width141px { width: 141px;  }

.height31px { height: 31px; }

.margin3pct {
	margin: 3%;
}

.fit { 
	max-width:100%; 
	max-height: 100%; 
}

.center {
	display: block;
	margin: auto;
}

.backgroundWhite {
	background-color:#ffffff;
}

.background888888 {
	background-color:#888888;
}

.backgroundcccc88 {
	background-color:#cccc88;
}

.backgroundaaaacc {
	background-color:#aaaacc;
}

.colorBlack { color:#000000; }

.titleBackground {
	color:#ffffff;
	background:rgba(0,0,0,0.3);
}

.transparent {
	opacity: 0.1;
}

.whiteOnSemitransparent {
	color:#ffffff;
	background:rgba(0,0,0,0.2);
}

.transparentBackground {
	background:rgba(0,0,0,0.1);
}
.semitransparentBackground {
	background:rgba(0,0,0,0.2);
}

#header {
	/*background: url(BannerWithTitle_24.jpg) no-repeat;*/
	vertical-align: middle;
	width: 1200px;    /* necessary */
	height: 120px;    /* necessary */
}

/* 
#header_text {
	//text-align:right;
	font-family:Calibri;
	font-size:40px;
	vertical-align:top;
	color:#ffffff;
	//font-weight: bold;
}
*/

img {
	text-decoration: none;
}

.banner {
	margin: 0px auto;
	padding:0;
	height:10%;
	width:100%;
	overflow:hidden;
}

.floatLeft {
	float: left;
}

.floatLeft10 {
	float: left;
	margin-right: 10px;
}

.floatLeft20 {
	float: left;
	margin-right: 20px;
}

.floatLeft40 {
	float: left;
	margin-right: 40px;
}

.floatRight {
	float: right;
	/* margin-left: 40px; */
	/* margin-right: 20px; */
}

.float10Right20 {
	float: right;
	margin-left: 10px;
	margin-right: 20px;
}

.float20Right20 {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}

.float40Right20 {
	float: right;
	margin-left: 40px;
	margin-right: 20px;
}

.floatRight20 {
	float: right;
	margin-left: 40px;
	margin-right: 20px;
}

.floatRight123 {
	float: right;
	margin-left: 40px;
	margin-right: 123px;
}

#form {
	background-color: #cccc88;
	padding: 10px;
}
#container { 
	width: 1000px;
	height: 80px;
	text-align: center;
	background:cyan;
}

#container .centered {
	display: inline-block;
	width: 200px;
	height: 100%;
	margin: auto;
	background: magenta;
	border: 1px solid red;
	box-sizing: border-box;
}

#container-2 {
	width: 400px;
	height: 80px;
	padding: 0 20px;
	text-align: center;
	background: green;
}

#container-2 .centered {
	float: left;
	width: 200px;
	height: 100%;
	margin: auto;
	background: magenta;
	border: 1px solid red;
	box-sizing: border-box;
}

.stickToCeiling {
	vertical-align: top
}

.pageBreak {
	clear: both;
	width: 1000px;
	height: 50px;
	vertical-align: top;
}

.pageBreakShort {
	clear: both;
	width: 1000px;
	height: 20px;
	vertical-align: top;
}

/*
.centered {
	horizontal-align: center;
	//left: 25%;
	//margin-left: -600px;
}
*/

/* DID NOT WORK . . . */
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.doWrap {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* DID NOT WORK for Star-studded panel of Scientists and Intellectuals */
.wordWrap { word-wrap: break-word; }

/* DID NOT WORK for Chrome, IE, or Firefox */
.wordWrapBreakAll { word-wrap: break-all; }

.verticalAlignTop { vertical-align: top; }

.textAlignCenter { text-align: center; }

.textAlignLeft { text-align: left; }

.textAlignRight { text-align: right; }

.pageWidth { width: 1000px; }

.pageMargin {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 50px;
	padding-bottom: 100px;
}

.rounded {
    border-radius: 10px;
	-mos-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

.roundedThin {
    border-radius: 5px;
	-mos-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.shadow {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0);
	-mos-box-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0);
	-o-box-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0);
}

.box {
	background-color:#ffffff;
}

.bigNumber {
	width: 470px;
	margin-top: 10px;
	padding: 10px;
}

.smallPad {
	margin-top: 10px;
	padding: 10px;
}

.thinEdge{
	border-width: 10px;
	border-style: solid;
	//border-color: #ffddaa;
	//border-color: #ffeedd;
	border-color: #82bcef;
}

p {
	text-align:justify;
	word-wrap: break-word;
}

figure { text-align: center; }

#thumbs {
	//width:840px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
}

.fontItalic { font-style:italic; }

.fontWeightLighter { font-weight:lighter; }

.fontWeightNormal { font-weight:normal; }

.fontWeightBold { font-weight:bold; }

.fontSize8 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:40px;
	//margin: auto;
	//margin:0;
	//border:0;
	//vspace:0;
	//padding:0;
	//padding-top:0;
}
.fontSize7 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:30px;
}
.fontSize6 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:24px;
}
.fontSize5 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:20px;
}
.fontSize4 { 
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:16px; }

.fontSize3 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:14px; }

.fontSize2 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:12px; }

.fontSize1 {
	font-family:Calibri, Arial, Helvetica, sans-serif, Verdana; 
	font-size:10px; }


/* Some combination of the following in a BODY tag or high level DIV
   was preventing the normal text wrapping in DIVs, PREs, and Ps
   from working.
*/




/* ADAM KHOURY'S CODE - SOCIAL NETWORK SECTION */

bodyAK { margin: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; }

#pageTop {
	background:url(headerSliver.png) repeat-x;
	height: 90px;
}
#pageTop > #pageTopWrap {
	width: 1000px;
	margin: 0px auto;
	height: 90px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
	float: left;
	height: 90px;
	width: 108px;
}
#pageTop > #pageTopWrap > #pageTopRest {
	float: left;
	height: 90px;
	width: 892px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 {
	height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
	margin-top: 8px;
	padding: 4px;
	text-align:right;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a {
	color: #CCC;
	text-decoration: none;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover {
	color: #C0E73D;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 {
	height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
	margin-top: 2px;
	padding: 4px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a {
	display: block;
	float: left;
	color:#CCC;
	text-decoration: none;
	margin: 0px 16px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover {
	color: #C0E73D;
}
#pageMiddle{
	width: 1000px;
	margin: 0px auto;
	height: 900px;
}
#pageBottom{
	background: #654;
	padding: 24px;
	font-size: 12px;
	color: #CCC;
	text-align: center;
}
#ball{
	background: url(ball_bounce.png);
	width: 50px;
	height: 50px;
}
@keyframes ball-bounce {
	from { background-position: 0px; }
	to { background-position: -300px; }
}
@-webkit-keyframes ball-bounce {
	from { background-position: 0px; }
	to { background-position: -300px; }
}




















