<?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>Home</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Home_files/Home.css" /><script type="text/javascript" src="Home_files/Home.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: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; overflow: hidden; position: relative;  background: transparent url(Home_files/backgroundimage_1.png) no-repeat scroll center; text-align: left; width: 700px; " id="body_content">
        <div style="height: 70px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <img src="Images/Typesetter%20Header3.jpg" alt="" style="border: none; height: 59px; left: 0px; opacity: 1.00; position: absolute; top: 0px; width: 700px; z-index: 1; " />


          <div class="graphic_generic_header_textbox_style_default" style="height: 51px; left: 150px; position: absolute; top: 12px; width: 400px; z-index: 1; " id="id1">
            <div>
              <div class="Normal">
                <div class="paragraph Header" style="line-height: 41px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #9f1400; font-size: 34px; line-height: 41px; opacity: 1.00;">Myths and Legends of Pele</div>
              </div>
            </div>
          </div>
        </div>
        <div style="height: 48px; 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="background: url(Home_files/navbar_background.png); height: 48px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; ">
            <div style="background: transparent url(Home_files/navbar_separator_0.png) no-repeat scroll center; height: 24px; left: 103px; position: absolute; top: 0px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_separator_1.png) no-repeat scroll center; height: 24px; left: 352px; position: absolute; top: 0px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_separator_2.png) no-repeat scroll center; height: 24px; left: 578px; position: absolute; top: 0px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_separator_3.png) no-repeat scroll center; height: 24px; left: 250px; position: absolute; top: 24px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_separator_4.png) no-repeat scroll center; height: 24px; left: 420px; position: absolute; top: 24px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_active.png) no-repeat scroll center; height: 26px; left: 52px; position: absolute; top: -1px; width: 52px; z-index: 1; "></div>
            <div style="background: transparent url(Home_files/navbar_0_normal.png) no-repeat scroll center; height: 26px; left: 112px; position: absolute; top: -1px; width: 241px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Home_files/navbar_0_rollover.png) no-repeat scroll center; height: 26px; left: 112px; position: absolute; top: -1px; visibility: hidden; width: 241px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 24px; left: 113px; position: absolute; top: 0px; width: 239px; z-index: 2; " onmouseout="NBmouseout('0');" href="2F29780C-ACC1-487A-BE23-DAA9A8909707.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Home_files/navbar_1_normal.png) no-repeat scroll center; height: 26px; left: 361px; position: absolute; top: -1px; width: 218px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Home_files/navbar_1_rollover.png) no-repeat scroll center; height: 26px; left: 361px; position: absolute; top: -1px; visibility: hidden; width: 218px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 24px; left: 362px; position: absolute; top: 0px; width: 216px; z-index: 2; " onmouseout="NBmouseout('1');" href="The%20Legend%20of%20Pele%20and%20Lohiau.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(Home_files/navbar_2_normal.png) no-repeat scroll center; height: 26px; left: 587px; position: absolute; top: -1px; width: 61px; z-index: 1; " id="navbar_2_normal"></div>
            <div style="background: transparent url(Home_files/navbar_2_rollover.png) no-repeat scroll center; height: 26px; left: 587px; position: absolute; top: -1px; visibility: hidden; width: 61px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 24px; left: 588px; position: absolute; top: 0px; width: 59px; z-index: 2; " onmouseout="NBmouseout('2');" href="Images.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(Home_files/navbar_3_normal.png) no-repeat scroll center; height: 26px; left: 178px; position: absolute; top: 23px; width: 73px; z-index: 1; " id="navbar_3_normal"></div>
            <div style="background: transparent url(Home_files/navbar_3_rollover.png) no-repeat scroll center; height: 26px; left: 178px; position: absolute; top: 23px; visibility: hidden; width: 73px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 24px; left: 179px; position: absolute; top: 24px; width: 71px; z-index: 2; " onmouseout="NBmouseout('3');" href="About%20Us.html" onmouseover="NBmouseover('3');"></a>
            <div style="background: transparent url(Home_files/navbar_4_normal.png) no-repeat scroll center; height: 26px; left: 259px; position: absolute; top: 23px; width: 162px; z-index: 1; " id="navbar_4_normal"></div>
            <div style="background: transparent url(Home_files/navbar_4_rollover.png) no-repeat scroll center; height: 26px; left: 259px; position: absolute; top: 23px; visibility: hidden; width: 162px; z-index: 1; " id="navbar_4_rollover"></div>
            <a style="display: block; height: 24px; left: 260px; position: absolute; top: 24px; width: 160px; z-index: 2; " onmouseout="NBmouseout('4');" href="About%20the%20Instructor.html" onmouseover="NBmouseover('4');"></a>
            <div style="background: transparent url(Home_files/navbar_5_normal.png) no-repeat scroll center; height: 26px; left: 429px; position: absolute; top: 23px; width: 93px; z-index: 1; " id="navbar_5_normal"></div>
            <div style="background: transparent url(Home_files/navbar_5_rollover.png) no-repeat scroll center; height: 26px; left: 429px; position: absolute; top: 23px; visibility: hidden; width: 93px; z-index: 1; " id="navbar_5_rollover"></div>
            <a style="display: block; height: 24px; left: 430px; position: absolute; top: 24px; width: 91px; z-index: 2; " onmouseout="NBmouseout('5');" href="References.html" onmouseover="NBmouseover('5');"></a>
          </div>
          <img src="Images/Seperator%203-1.jpg" alt="" style="border: none; height: 146px; left: 0px; opacity: 1.00; position: absolute; top: -146px; width: 699px; z-index: 1; " />
        </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="Home_files/shapeimage_1.png" alt="Pele is from the island of Kahiki.  She moved to Hawai‘i with her brother, Kamohoali‘i, and many of her sisters, known as the Hi‘iaka sisters, including Hi‘iakaikapoliopele, meaning “Hi‘iaka in the bosom of Pele.”  Her uncle, Lonomakua, taught her how to keep, use, and control fire, but she could not create it, however, since culture dictated that women were not allowed to do so at the time.  She traveled to Hawai‘i to escape the wrath of her sister, Nämakaokaha‘i, who had the power to control water. But Nämakaokaha‘i followed her and the two battled savagely until Pele was destroyed on the island of Maui at a place known as Näiwiopele, or “The Bones of Pele.”  Because of her power, Pele’s spirit lived on and she became the fire goddess of Hawai‘i, choosing Kïlauea as her home.  On occasion, she travels to Mauna Kea and Mauna Loa, coaxing the fires within the mountains.  Pele’s wrath can still be experienced today as Kïlauea erupts and spreads its fiery contents across the island.&#10;" title="" id="id2" style="height: 342px; margin-left: 63px; margin-top: 318px; position: relative; width: 537px; z-index: 1; " />

<img src="Home_files/shapeimage_2.png" alt="" id="id3" style="height: 4px; left: 22px; position: absolute; top: -1px; width: 655px; z-index: 1; " />

<img src="Home_files/vol7.png" alt="" id="id4" style="border: none; height: 110px; left: 355px; position: absolute; top: 10px; width: 144px; z-index: 1; " />

<img src="Home_files/vol11.png" alt="" id="id5" style="border: none; height: 110px; left: 355px; position: absolute; top: 124px; width: 144px; z-index: 1; " />

<img src="Home_files/vol9.png" alt="" id="id6" style="border: none; height: 224px; left: 503px; position: absolute; top: 10px; width: 139px; z-index: 1; " />

<img src="Home_files/pele2.png" alt="" id="id7" style="border: none; height: 227px; left: 41px; position: absolute; top: 9px; width: 298px; z-index: 1; " />


          <div class="graphic_generic_body_textbox_style_default" style="height: 44px; left: 58px; position: absolute; top: 684px; width: 578px; z-index: 1; " id="id8">
            <div>
              <div class="Normal">
                <div class="paragraph Free_Form" style="line-height: 13px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0pt; color: #ae6700; font-family: 'Times-Roman', 'Times', 'Times New Roman', 'serif'; font-size: 14px; line-height: 18px; opacity: 1.00;">Images: Left--©Herb Kawainui Kane</div>
                <div class="paragraph Free_Form" style="line-height: 13px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; color: #ae6700; font-family: 'Times-Roman', 'Times', 'Times New Roman', 'serif'; font-size: 14px; line-height: 18px; opacity: 1.00;">              Top Middle--© G. Brad Lewis; Bottom Middle--© G. Brad Lewis; Right--© G. Brad Lewis</div>
              </div>
            </div>
          </div>
          


          <div class="graphic_generic_title_textbox_style_default" style="height: 44px; left: 58px; position: absolute; top: 249px; width: 582px; z-index: 1; " id="id9">
            <div>
              <div class="Normal">
                <div class="paragraph Heading_1" style="line-height: 36px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; text-align: center; color: #a40000; font-size: 30px; line-height: 36px; opacity: 1.00;">Overview of the Hawaiian Fire Goddess</div>
              </div>
            </div>
          </div>
          <div style="height: 67px; line-height: 67px; " class="tinyText"> </div>
        </div>
        <div style="height: 120px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          <img src="Home_files/shapeimage_3.png" alt="" id="id10" style="height: 94px; left: 0px; position: absolute; top: 26px; width: 700px; z-index: 1; " />
        
        </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>


