/* ——————————	GENERAL PAGE CSS	————————————	*/

body		{ background-color: #000; font-family: arial; font-size: 10pt; margin: 10px 0 1400px; }
div		{ position: absolute; border-radius: 50%; }

.TitleBar	{ left: 212px; width: 520px; background-color: #503; background-image: linear-gradient(to bottom, #834, #301);
		background-repeat: no-repeat; border: 2px solid #d79; border-radius: 24px; padding: 2px 8px 8px; color: #fff; text-align: center; 
		font-family: verdana; font-weight: bold; text-shadow: 4px 4px 2px #000; }
.TitleBar2	{ position: relative; text-align: center; font-size: 24pt; color: #fa6; margin-bottom: 7px; }
.HmLink		{ border: 1px solid #7fc; border-radius: 11px; background-color: #476; padding: 2px 15px; color: #fff; text-decoration: none; 
		font-size: 12pt; text-shadow: 2px 2px 2px #000; }
.HmLink:hover	{ background-color: #fff; color: #000; border-color: #000; }

.Caption	{ background-color: #053; border: 1px solid #fff; border-radius: 10px; padding: 4px 8px 12px; color: #fff; width: 240px; margin: 0 0 0 15px; }
.Caption2	{ height: 110px; overflow: hidden; top: 90px; width: 150px; background-color: #430; }
.Caption2:hover	{ height: auto; overflow: visible; z-index: 2; width: 350px; }
.SeeMore	{ left: 23px; top: 197px; width: 150px; box-shadow: 0 -6px 8px #430; background-color: #430; border-radius: 0; color: #fc7; text-align: right; 
		padding-bottom: 4px; }
.SeeMore:hover	{ z-index: -1; cursor: pointer; }
.ParaBuff	{ position: relative; height: 12px; }

.NoBr		{ white-space: nowrap; }
.Hilite01	{ color: #ff4; }
.Footer		{ position: fixed; bottom: 0; border-radius: 0; background-color: #333; width: 100%; text-align: center; padding: 11px 0; 
		color: #bbb; font-family: verdana; font-size: 8pt; }
.Footer a	{ color: #eee; background-color: #777; padding: 2px 6px; border-radius: 7px; box-shadow: 0 0 8px #999; margin: 0 3px;
		text-decoration: none; }
.Footer a:hover	{ color: #fc0; box-shadow: 0 0 15px #999; }



	/* ——————————	SUN		diam: 865,370 mi	———————————————	*/

#Sun		{ left: 50px; top: 130px; width: 865px; height: 865px; background-color: #fff; box-shadow: 0 0 80px #ff0; }



	/* ——————————	MERCURY:	88 days, diam: 3,032 mi		———————————	*/

#Mercury	{ left: 220px; top: 1117px; width: 3px; height: 3px; background-color: #b84; }



	/* ——————————	VENUS:		225 days, diam: 7,521 mi	—————————————	*/

#Venus		{ left: 243px; top: 1113px; width: 7px; height: 7px; background-color: #a98; }



	/* ——————————	EARTH:		1 year, diam: 7,918 mi		—————————————	*/

#Earth		{ left: 270px; top: 1112px; width: 8px; height: 8px; background-color: #049; }



	/* ——————————	MARS:		687 days, diam: 4,212 mi	———————————————	*/

#Mars		{ left: 299px; top: 1116px; width: 4px; height: 4px; background-color: #843; }



	/* ——————————	JUPITER:	11.86 yrs., diam: 86,881 mi	————————————	*/

#Jupiter	{ left: 310px; top: 1033px; width: 87px; height: 87px; background-color: #b95; }



	/* ——————————	SATURN:		29.45 yrs., diam: 72,367 mi	—————————————	*/

#Saturn		{ left: 450px; top: 1048px; width: 72px; height: 72px; background-color: #db7; }

#SatRing1	{ left: 426px; top: 1024px; width: 100px; height: 100px; border: 10px solid #a98; box-shadow: inset 0 0 12px #a98; opacity: 0.75; }

#SatRing2	{ left: 415px; top: 1013px; width: 130px; height: 130px; border: 6px solid #876; box-shadow: 0 0 12px #876; opacity: 0.75; }



	/* ——————————	URANUS:		84.0 yrs., diam: 31,518 mi	—————————————	*/

#Uranus		{ left: 590px; top: 1088px; width: 32px; height: 32px; background-color: #69a; }

#UraRing1	{ left: 583px; top: 1081px; width: 44px; height: 44px; border: 1px solid #69a; box-shadow: inset 0 0 4px #a98; opacity: 0.45; }

#UraRing2	{ left: 579px; top: 1077px; width: 52px; height: 52px; border: 1px solid #69a; box-shadow: 0 0 4px #69a; opacity: 0.65; }

#UraRing3	{ left: 575px; top: 1073px; width: 60px; height: 60px; border: 1px solid #7ac; opacity: 0.85; }



	/* ——————————	NEPTUNE:	164.8 yrs., diam: 30,599 mi	————————————	*/

#Neptune	{ left: 660px; top: 1089px; width: 31px; height: 31px; background-color: #56b; }



	/* ——————————	PLUTO:		247.94 yrs., diam: 1,477 mi	————————————	*/

#Pluto		{ left: 724px; top: 1118px; width: 2px; height: 2px; background-color: #fc7; }



	/* ——————————	SUN & PLANET MARKERS	————————————	*/

#SMark	{ left: 460px; top: 530px; }

#MMark, #VMark, #EMark, #MarMark, #JMark, 
#SatMark, #UMark, #NMark, #PMark		{ background-color: #046; border: 1px solid #fff; border-radius: 10px; padding: 2px 8px; color: #fff; }

#MLine, #VLine, #ELine, #MarLine, #JLine, 
#SLine, #ULine, #NLine, #PLine			{ border-bottom: 1px solid #55a; }

#MMark		{ left: 20px; top: 1200px; }
#MLine		{ transform: rotate(-26deg); left: 54px; top: 1158px; width: 175px; }

#VMark		{ left: 120px; top: 1200px; }
#VLine		{ transform: rotate(-43deg); left: 146px; top: 1158px; width: 114px; }

#EMark		{ left: 220px; top: 1200px; }
#ELine		{ transform: rotate(-82deg); left: 229px; top: 1158px; width: 78px; }

#MarMark	{ left: 320px; top: 1200px; }
#MarLine	{ transform: rotate(-129deg); left: 282px; top: 1159px; width: 100px; }

#JMark		{ left: 420px; top: 1200px; }
#JLine		{ transform: rotate(-132deg); left: 364px; top: 1155px; width: 122px; }

#SatMark	{ left: 520px; top: 1200px; }
#SLine		{ transform: rotate(-126deg); left: 483px; top: 1155px; width: 102px; }

#UMark		{ left: 620px; top: 1200px; }
#ULine		{ transform: rotate(-122deg); left: 593px; top: 1157px; width: 92px; }

#NMark		{ left: 720px; top: 1200px; }
#NLine		{ transform: rotate(-134deg); left: 665px; top: 1162px; width: 125px; }

#PMark		{ left: 820px; top: 1200px; }
#PLine		{ transform: rotate(-150deg); left: 715px; top: 1158px; width: 154px; }