/* CSS */

body {
margin: 0px; padding: 0px; 
background-color: gainsboro;
height:100%;
}



#page {
height:; width:; ; 
}


a img {border:none;}


.banner {background-color:#000033; align:center;}




.headcolor img
{
position:absolute;
left:457px;
top:930px;
z-index:1;
}


.headcolor3 img
{
position:absolute;
left:460px;
top:630px;
z-index:1;
}


.headcolor5 img
{
position:absolute;
left:730px;
top:765px;
z-index:1;
}

.left1 img
{
float:right;
padding-right:65px;
padding-top: 20px;
}

#head h1 {
margin-top: 0; 
margin-right: 0; 
margin-bottom: 3px; 
margin-left: 0;
}

.basics img
{
position:absolute;
left:565px;
top:470px;
z-index:1;
}


.headcolor5 {font-size: 11px; width:60%; background-color:#333333; text-indent:8px; color:white; height:15px; padding-top:4px; margin-bottom:20px;}

.headcolor4 {font-size: 11px; width:100%; background-color:Maroon; text-indent:8px; color:white; height:17px; padding-top:6px;}

.headcolor3 {font-size: 11px; width:100%; background-color:#333333; text-indent:8px; color:white; height:17px; padding-top:6px;}

.headcolor2 {font-size: 11px; width:100%; background-color:#333333; text-indent:8px; color:white; height:17px; padding-top:6px;}

.headcolor {font-size: 11px; width:100%; background-color:#333333; text-indent:8px; color:white; height:17px; padding-top:6px; }


span {color:lightgrey;}


.ads {width:95%; padding-top:2%; padding-bottom:2%; text-align:center;}

#adsleft {

float:left;
font-size:12px;
padding-left:4px;

} 


#topinfo {
font: 10pt arial, helvetica, sans-serif; width:98%; 
padding-left:10px; margin-top:; line-height:18px; float:left;} 

#topinfotext {width:62%; text-align:left; float:left; 
margin-right:x; 
} 

.image {text-align:center; width:100%;}

.imageleft {float:left; margin-right:5px;}

.imageleft2 {float:left; margin-left:2px; margin-right:18px;}


.basics {width:93%; float:left; margin-right:5px; margin-top:15px; margin-bottom:15px;}

#basicsarticles {
width:98%; float:; margin-left:;
}

.basics ul {
width:98%; line-height:1.5;
list-style-type: none;
 
}

.basics li {
background-image: url(arrowred.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 12px;

} 

#left {
background-color:; width:197px; height: 100%; padding-bottom:;   
font: 10pt 'Calibri', arial, helvetica, sans-serif; float:left;  
}

#lefttitle {
width:195px; height:75px; background-image:url("moony.jpg"); border-bottom:;
border-right: 2px solid black; line-height:22px; float:left; 
}

#belowlefttitle {
width:100%; background-color:#333333; color:white; padding-left:4%; 
line-height:22px; float:left; border-top: 1px solid silver; border-bottom: 1px solid silver;
}

#lefttitleclock {
width:100%; height: 47px; background-color:; float:left; border: ; 
}

.left3 {
float:left; background-color:#333333; Font-family: Arial Black; font-size: 13px; 
width:100%; text-align: center; height:20px; color:white; border-top: 1px solid silver; border-bottom: 1px solid silver;  
 
}

.left1 {
width:98%; Font-family: Arial Black; font-size: 12px; background-color:Tomato; color: White; 
padding:6px 0 14px 14px; line-height:18px; float:left;   
}

.left2 {
width:98%; Font-family: Arial; font-size: 13px; background-color: Coral; line-height:20px; color:white; padding:0 0 0 4px; float:left;  
padding-top:2%; padding-bottom:8px; margin-bottom:25px; border-bottom: 1px solid gray;
}

.left2 ul {
width:98%; line-height:1.5;
list-style-type: none;
padding-left:7px;
margin-left:7px;
 
}

.left2 li {
background-image: url(arrowgray.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 15px;

}

#middle {
font: 13px 'helvetica'; width:640px; height:100%; float:left; border-top: 1px solid gray; padding-left:15px; padding-top:80px; 
padding-right:15px; padding-bottom:15px; background-image:url('solarsystem.png'); background-repeat:repeat-x;   
text-align:; line-height: 130%; background-color:white; border-right:1px solid silver; border-left: 1px solid silver; 
border-bottom:1px solid silver;
}

#middle2 {
font: 12px 'helvetica'; width:665px; float:left; background-image:url('solarsystem.png'); background-repeat:repeat-x; background-color:white;
border-left: 1px solid silver; border-right:1px solid silver; padding-left:4px; padding-right:1px; padding-top:80px; margin-right:5px; 
}

span.white {color:white}

#middleover {width:100%; margin-bottom:20px; }

#middledown {width:100%; float:left;}




.articleframe {
width:100%; float:left; margin-left:15px;

}

.articles {width:43%; float:left; padding-left:; margin-top:20px; margin-bottom:;}

.articles2 {width:43%; float:left; margin-left:45px; margin-top:20px; margin-bottom:;}

.imagearticles2 {text-align: right;}

.articlestop {width: 65%; padding-left:2%; padding-bottom:1%; margin-left: 90px; margin-bottom: 20px; 
margin-top: 20px; border: 1px solid black; float:left;}

.articlesbottom {border:; padding:2%; float:;}

.articlesleft {padding-top:2%; float:left; margin-right:; }

.articlesright {font-size:12px; }

.articlesright2 {font-size:12px; float:right;}

.articlesnew {width:100%; float:left; font-size:13px; }

.articlesnew3 {width:80%; float:left; font-size:13px; margin-left:}

.articlesnewpic {float:right; margin-top:5px; 
}

.articlesnew2 {width:95%; text-align:center; }

.articlessun {font-size: 11px; margin-bottom:10px; }

.articlessun td {padding-right:10px; padding-top:5px; }

#moon {width:164px; float:right; border: 1px solid Lavender; padding:2%; }

#topmain {
background-color:#990000; width: 405px; font-family:times; color:white; 
text-align:center; 
}

#main1 {
background-color:white; width: 135px; float:left;
font-family:Times; color:#333333;text-align:center;}

#main2 {
background-color:white; width: 135px; float:left;
font-family:Times; color:#333333;text-align:center;}

#main3 {
background-color:white; width: 135px; float:left;
font-family:Times; color:#333333;text-align:center;}


#watchleft {float:left; width:;}

#watchright {float:left; margin-left:150px;}

#love {float:right; margin-bottom:20px; padding-top:2%; width:183px; 
font-family:arial; border: 1px solid #333333; text-align:center;} 

#toplove {
background-color:#333333; height:18px; color: white; text-align: center;   
font-size: 14px; font-weight:bold; width:100%; margin-top:15px;
}

#lovetext {
background-color:Lavender; color: #333333; text-align:center; font-size: 12px; 
padding:4px;   
}

#lovedown {
background-color:Lavender; color: #333333; font-size: 12px; padding:4px;
text-align:left; width: 95%; float:left;   
}

#sun {float:left; width:167px; border: 1px solid Lavender; font-size:12px; padding:2%; text-align:justify; }

#right {width:160px; float:left; text-align: color:gray; font-size:13px; }

#right2 {color:; font-size:13px; padding:4px; }

.bottom {width:100%; float:left; text-align:center; margin-top:; font-size: 12px; color:; 
border-top:1px solid silver; ; margin-top:;}


table#basic {width:100%; height: 130px; 

}

tr.c1 {
	
background-color:; font-size: 12px; 

}

a:link {text-decoration:none; color:#333333; }
a:visited {text-decoration:none;color:#333333; }
a:active {text-decoration:none; }
a:hover {text-decoration:none; color:red; }


#belowlefttitle a:link {text-decoration:none;color:white; }
#belowlefttitle a:visited {text-decoration:none;color:white;}
#belowlefttitle a:active {text-decoration:none;color:white; }
#belowlefttitle a:hover {text-decoration:none; color:lightgrey;} 


.left1 a:link {text-decoration:none;color:white; }
.left1 a:visited {text-decoration:none;color:white;}
.left1 a:active {text-decoration:none;color:white; }
.left1 a:hover {text-decoration:none; color:maroon;} 

.left2 a:link {text-decoration:none;color:black; }
.left2 a:visited {text-decoration:none;color:black;}
.left2 a:active {text-decoration:none;color:black; }
.left2 a:hover {text-decoration:underline; color:lightgrey;} 

.left3 a:link {text-decoration:none;color:white; }
.left3 a:visited {text-decoration:none;color:white;}
.left3 a:active {text-decoration:none;color:white; }
.left3 a:hover {text-decoration:none; color:lightgrey;} 

#right a:link {text-decoration:none; color:blue; }
#right a:visited {text-decoration:none; color:blue; }
#right a:active {text-decoration:none; }
#right a:hover {text-decoration:none; color:red;  }

#head a:link {text-decoration:none;color:white; }
#head a:visited {text-decoration:none;color:white;}
#head a:active {text-decoration:none;color:white; }
#head a:hover {text-decoration:none; background-color:none;} 

#watchleft a:link {text-decoration:none; color:#333333; }
#watchleft a:visited {text-decoration:none; color:#333333; }
#watchleft a:active {text-decoration:none; }
#watchleft a:hover {text-decoration:none; color:lightblue; } 

#watchright a:link {text-decoration:none; color:#333333; }
#watchright a:visited {text-decoration:none; color:#333333; }
#watchright a:active {text-decoration:none; }
#watchright a:hover {text-decoration:none; color:lightblue;  }

#adsleft a:link {text-decoration:underline; color:#333333; }
#adsleft a:visited {text-decoration:underline; color:#333333; }
#adsleft a:active {text-decoration:underline; }
#adsleft a:hover {text-decoration:underline; color:#333333; }
 

</style>