body {
background-color: #000000;
}

#ML {
margin: 0px auto 0px auto; 
width: 750px;
padding-bottom: 60px;
}

.table1 {
width: 100%;
height: 550px;
border: 1px solid #ffffff; }

#navMenu {
width: 220px;
vertical-align: top;
padding: 0px;
background-color: #666666; 
border-right: 1px solid #FFFFFF;
}

#navMenu a {
font: bold 10px Verdana;
color: #FFFFFF;
text-decoration: none;
margin: 5px 5px 5px 5px;
}

.navButton, .navButtonBottom, .navButtonTop, .hover, .hoverTop {
font: 10px Verdana;
background-color: #666666;
border-top: 1px solid #FFFFFF; 
padding: 10px 10px 10px 10px;
}

.navButtonTop {
border-top: 0px;
}

.navButtonBottom { 
text-align: center;
padding: 20px 10px 20px 10px;  }

.hover {
background-color: #145c7d; }

.hoverTop {
background-color: #145c7d; 
border-top: 0px; }

#moonPhaseBox {
width: 80%;
margin: 20px auto 20px auto;
padding: 10px 0px 10px 0px;
background-color: #000000;
color: #FFFFFF;
border: 1px solid #ffffff;
text-align: center;
}

#content {
color: #FFFFFF;
vertical-align: top;
background: url('images/asteroid.jpg') no-repeat;
padding: 20px;
 }

#content2 {
color: #FFFFFF;
vertical-align: top;
background: url('images/asteroid2.jpg') no-repeat;
padding: 20px 20px 20px 20px;
}

#content3 {
color: #FFFFFF;
vertical-align: top;
background: url('images/ast.gif') no-repeat;
padding: 20px 20px 20px 20px;
}

#content6 {
color: #FFFFFF;
vertical-align: top;
background: url('images/star.gif');
padding: 20px 20px 20px 20px;
}

#content7 {
color: #FFFFFF;
vertical-align: top;
background: url('neo/neo.gif');
padding: 20px 20px 20px 20px;
}


#content h1 {
color: #FFFFFF;
font: bold 22px Arial;
margin: 0px;
padding: 0px;
 }

#content p {
color: #FFFFFF;
font: 12px Arial;
margin: 10px 0px 10px 0px;
padding: 0px; }
 

#content a {
font: bold 12px Arial;
color: #FFFFFF;
text-decoration: none; }

#content a:hover {
font: bold 12px Arial;
color: #818181;
text-decoration: underline; }