<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <meta name="Generator" content="iWeb 1.1.2" />
    <title>Eclipses </title>
    <link rel="stylesheet" type="text/css" media="screen" href="Eclipses%20_files/Eclipses%20.css" /><script type="text/javascript" src="Eclipses%20_files/Eclipses%20.js"></script>
  </head>
  <body style="background: #000000; margin: 0pt; " onload="onPageLoad();"><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: #000000; text-align: left; width: 700px; " id="body_content">
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </div>
        <div style="height: 75px; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <div style="height: 75px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; " class="graphic_navigationbar_style_default">
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_0.png) no-repeat scroll center; height: 29px; left: 168px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_1.png) no-repeat scroll center; height: 29px; left: 262px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_2.png) no-repeat scroll center; height: 29px; left: 339px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_3.png) no-repeat scroll center; height: 29px; left: 455px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_4.png) no-repeat scroll center; height: 29px; left: 522px; position: absolute; top: 10px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_5.png) no-repeat scroll center; height: 29px; left: 294px; position: absolute; top: 39px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_separator_6.png) no-repeat scroll center; height: 29px; left: 455px; position: absolute; top: 39px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_active.png) no-repeat scroll center; height: 36px; left: 529px; position: absolute; top: 7px; width: 89px; z-index: 1; "></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_0_normal.png) no-repeat scroll center; height: 36px; left: 82px; position: absolute; top: 7px; width: 90px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_0_rollover.png) no-repeat scroll center; height: 36px; left: 82px; position: absolute; top: 7px; visibility: hidden; width: 90px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 29px; left: 86px; position: absolute; top: 10px; width: 83px; z-index: 2; " onmouseout="NBmouseout('0');" href="Welcome.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_1_normal.png) no-repeat scroll center; height: 36px; left: 175px; position: absolute; top: 7px; width: 91px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_1_rollover.png) no-repeat scroll center; height: 36px; left: 175px; position: absolute; top: 7px; visibility: hidden; width: 91px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 29px; left: 179px; position: absolute; top: 10px; width: 84px; z-index: 2; " onmouseout="NBmouseout('1');" href="About%20Us.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_2_normal.png) no-repeat scroll center; height: 36px; left: 269px; position: absolute; top: 7px; width: 74px; z-index: 1; " id="navbar_2_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_2_rollover.png) no-repeat scroll center; height: 36px; left: 269px; position: absolute; top: 7px; visibility: hidden; width: 74px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 29px; left: 273px; position: absolute; top: 10px; width: 67px; z-index: 2; " onmouseout="NBmouseout('2');" href="Photos.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_3_normal.png) no-repeat scroll center; height: 36px; left: 346px; position: absolute; top: 7px; width: 113px; z-index: 1; " id="navbar_3_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_3_rollover.png) no-repeat scroll center; height: 36px; left: 346px; position: absolute; top: 7px; visibility: hidden; width: 113px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 29px; left: 350px; position: absolute; top: 10px; width: 106px; z-index: 2; " onmouseout="NBmouseout('3');" href="Black%20holes%20.html" onmouseover="NBmouseover('3');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_4_normal.png) no-repeat scroll center; height: 36px; left: 462px; position: absolute; top: 7px; width: 64px; z-index: 1; " id="navbar_4_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_4_rollover.png) no-repeat scroll center; height: 36px; left: 462px; position: absolute; top: 7px; visibility: hidden; width: 64px; z-index: 1; " id="navbar_4_rollover"></div>
            <a style="display: block; height: 29px; left: 466px; position: absolute; top: 10px; width: 57px; z-index: 2; " onmouseout="NBmouseout('4');" href="Stars%20.html" onmouseover="NBmouseover('4');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_5_normal.png) no-repeat scroll center; height: 36px; left: 117px; position: absolute; top: 36px; width: 180px; z-index: 1; " id="navbar_5_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_5_rollover.png) no-repeat scroll center; height: 36px; left: 117px; position: absolute; top: 36px; visibility: hidden; width: 180px; z-index: 1; " id="navbar_5_rollover"></div>
            <a style="display: block; height: 29px; left: 120px; position: absolute; top: 39px; width: 174px; z-index: 2; " onmouseout="NBmouseout('5');" href="The%20Big%20Bang%20theory%20.html" onmouseover="NBmouseover('5');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_6_normal.png) no-repeat scroll center; height: 36px; left: 301px; position: absolute; top: 36px; width: 157px; z-index: 1; " id="navbar_6_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_6_rollover.png) no-repeat scroll center; height: 36px; left: 301px; position: absolute; top: 36px; visibility: hidden; width: 157px; z-index: 1; " id="navbar_6_rollover"></div>
            <a style="display: block; height: 29px; left: 304px; position: absolute; top: 39px; width: 151px; z-index: 2; " onmouseout="NBmouseout('6');" href="The%20Inner%20Planets%20.html" onmouseover="NBmouseover('6');"></a>
            <div style="background: transparent url(Eclipses%20_files/navbar_7_normal.png) no-repeat scroll center; height: 36px; left: 462px; position: absolute; top: 36px; width: 121px; z-index: 1; " id="navbar_7_normal"></div>
            <div style="background: transparent url(Eclipses%20_files/navbar_7_rollover.png) no-repeat scroll center; height: 36px; left: 462px; position: absolute; top: 36px; visibility: hidden; width: 121px; z-index: 1; " id="navbar_7_rollover"></div>
            <a style="display: block; height: 29px; left: 465px; position: absolute; top: 39px; width: 115px; z-index: 2; " onmouseout="NBmouseout('7');" href="Bibliography%20.html" onmouseover="NBmouseover('7');"></a>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
          <img src="Eclipses%20_files/shapeimage_1.png" alt="A lunar eclipse is when the earths shadow covers up the moon.  And it happens about twice a year.  The moon gets put between the sun and the earth to create a shadow.  We have found clay tablets from a very long time ago with drawings of eclipses. &#10;&#10;There are four types of movements of eclipses, such as:&#10;&#10;•&#9;A total eclipse is when the sun is completely covered by the moon&#10;•&#9;A partial eclipse is when the moon just barley covered the sun&#10;•&#9;An annular is when the moon is lined up exactly with the sun and you can only see a ring around the moon of the sun &#10;•&#9;A hybrid eclipse is between a partial and total eclipse.  Unlike other eclipses, hybrid eclipses are very rare.   &#10;&#10;&#10;A solar eclipse is when the moon is between the earth and the sun. From the moon a shadow is cast upon the earth. It will make a circle of shadow on part if the earth. The spot if the shadow is called the path of totality. It can cross any part of the earth. The path of totality only makes a very narrow path. About every 357 years, two paths of totality will occur in the same place.&#10;&#9;Eclipses are very short lasting a couple minuets.&#10;" title="" id="id1" style="height: 537px; margin-left: 194px; margin-top: 370px; position: relative; width: 311px; z-index: 1; " />


          <div class="graphic_generic_title_textbox_style_default" style="height: 49px; left: 35px; position: absolute; top: 22px; width: 630px; z-index: 1; " id="id2">
            <div>
              <div class="graphic_shape_layout_style_default">
                <div class="paragraph Title" style="line-height: 42px; padding-bottom: 0pt; padding-top: 0pt; ">Solar and Lunar Eclipses</div>
              </div>
            </div>
          </div>
          

<img src="Eclipses%20_files/shapeimage_2.jpg" alt="" style="height: 1px; left: 35px; position: absolute; top: 1px; width: 630px; z-index: 1; " />

<img src="Eclipses%20_files/609px-Solar_eclips_1999_4.jpg" alt="" style="border: none; height: 296px; left: 191px; opacity: 1.00; position: absolute; top: 72px; width: 300px; z-index: 1; " />
          <div style="height: 27px; line-height: 27px; " class="tinyText"> </div>
        </div>
        <div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <a href="http://www.mac.com" title="http://www.mac.com">
<img src="Eclipses%20_files/image.png" alt="" id="id3" style="border: none; height: 50px; left: 280px; position: absolute; top: 80px; width: 139px; z-index: 1; " />
</a>
        </div>
      </div>
    </div>
  <!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>


