A:link {
	font-family: Verdana;
	text-decoration: none;
	font-size: 1em;
	color: #63789a;
	
}


A:visited {
	font-family: Verdana;
	text-decoration: none;
	font-size: 1em;
	color: #636a9a;
	
}

A:hover {
	font-family: Verdana;
	text-decoration: none;
	font-size: 1em;
	color: #636a9a;
	
}


A:active {
	font-family: Verdana;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
	
}


body {
	
	font-weight: 700;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	font-size: 80%;
}


div#wonder {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}


/* put comments here */




div#galaxy
{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#tent
{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}

div#content
{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #000000;
}



div#coccoon
{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	text-align: left;

}

div#ceegar
{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #000000;

}



div#full
{
	width: 100%;

	display: block;
	clear: both;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;

}

div#fullup
{
	width: 100%;

	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;

}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	
  }

.pink {
	font-family: Verdana;
	color: #FFC0CB;
}

.blk {
	font-family: Verdana;
	color: #000000;
	background-color: #FFFFFF;
}

.jet {
	font-family: Verdana;
	color: #000000;
	
}


.yellow {
	font-family: Verdana;
	color: #FFFF00;
}

.crimson {
	font-family: Verdana;
	color: #F40B45;
}

.green {
	font-family: Verdana;
	color: #006400;
}

.ornj {
	font-family: Verdana;
	color: #FFA500;
}



.cyan {
	font-family: Verdana;
	color: #40E0D0;
}
	
.grey {
	font-family: Verdana;
	color: #C0C0C0;
}

.purp {
	font-family: Verdana;
	color: #8008FF;
}

.blue {
	font-family: Verdana;
	color: #0000FF;
}

.deep {
	font-family: Verdana;
	color: #8A2BE2;
}

.floatleft {
	float: left;
	margin: 5px 5px 5px 5px;
}

.floatright {
	float: right;
	margin: 5px 5px 5px 5px;
}

h1 {
	font-family: Verdana;
	font-size: 3em;
	color: #000000;
	background-color: #BEEDA9;
	text-align: center;

}

h2 {
	font-family: Verdana;
	font-weight: 900;
	font-size: 2.5em;
	color: #000000;
	background-color: #8282D2;
	text-align: center;

}

h3 {
	font-family: Verdana;
	font-weight: 900;
	font-size: 2em;
	color: #BEEDA9;
	text-align: center;

}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #8282D2;
	text-align: center;

}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #8282D2;
	text-align: center;

}


h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #BEADA9;
	text-align: center;
}


hr {
	font-weight: 700;
	color: #BEEDA9;
	
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 1em;
	
	
}


table {
	width: 100%;
	border-color: black;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-spacing: 0;

	border-collapse: collapse;
}

th {
	border-color: black;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-spacing: 0;

	border-collapse: collapse;

	font-family: Verdana;
	font-weight: 700;
	font-size: 1.2em;
	color: #00FF00;
	padding: 5px;
	
}

td {
	border-color: black;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-spacing: 0;

	border-collapse: collapse;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 1em;
	padding: 5px;
	
}


b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 900;
	color: #EE82EE;
}


nav {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #BEEDA9;

} 

nav ul {
	margin: 0 auto;
	width: 750px;
}

nav ul li {
	float: left;
	list-style-image: url("FourSq.jpg");
}

nav ul li a {
	display: block;
	
	width: 250px;
	text-align: center;
}

td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.embed-container {
position: relative;
height: 0;
overflow: hidden;
background-color:black;
}

.ratio-2-1{
padding-bottom:50%; /* 1/2*100 */
}

.ratio-4-3{
padding-bottom:75%; /* 3/4*100 */
}

.ratio-2-3{
padding-bottom:150%; /* 3/2*100 */
}


.ratio-3-4{
padding-bottom:133%; /* 4/3*100 */
}

.ratio-3-2{
padding-bottom:67%; /* 3/2*100 */
}

.ratio-1-1{
padding-bottom:100%; /* … */
}

.embed-container img{
position: absolute;
top: 0;
left: 0;
width:100%;
}

