<?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>Costumes</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Costumes_files/Costumes.css" /><script type="text/javascript" src="Costumes_files/Costumes.js"></script>
  </head>
  <body style="background: #f5f3f4; 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: transparent url(Costumes_files/backgroundimage_1.png) no-repeat scroll center; 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: 50px; 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: 50px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; " class="graphic_navigationbar_style_default">
            <div style="background: transparent url(Costumes_files/navbar_separator_0.png) no-repeat scroll center; height: 29px; left: 115px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_separator_1.png) no-repeat scroll center; height: 29px; left: 186px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_separator_2.png) no-repeat scroll center; height: 29px; left: 263px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_separator_3.png) no-repeat scroll center; height: 29px; left: 354px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_separator_4.png) no-repeat scroll center; height: 29px; left: 439px; position: absolute; top: 20px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_active.png) no-repeat scroll center; height: 35px; left: 270px; position: absolute; top: 17px; width: 87px; z-index: 1; "></div>
            <div style="background: transparent url(Costumes_files/navbar_0_normal.png) no-repeat scroll center; height: 35px; left: 37px; position: absolute; top: 17px; width: 81px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Costumes_files/navbar_0_rollover.png) no-repeat scroll center; height: 35px; left: 37px; position: absolute; top: 17px; visibility: hidden; width: 81px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 29px; left: 40px; position: absolute; top: 20px; width: 75px; z-index: 2; " onmouseout="NBmouseout('0');" href="Welcome.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Costumes_files/navbar_1_normal.png) no-repeat scroll center; height: 35px; left: 122px; position: absolute; top: 17px; width: 67px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Costumes_files/navbar_1_rollover.png) no-repeat scroll center; height: 35px; left: 122px; position: absolute; top: 17px; visibility: hidden; width: 67px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 29px; left: 125px; position: absolute; top: 20px; width: 61px; z-index: 2; " onmouseout="NBmouseout('1');" href="History.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(Costumes_files/navbar_2_normal.png) no-repeat scroll center; height: 35px; left: 193px; position: absolute; top: 17px; width: 73px; z-index: 1; " id="navbar_2_normal"></div>
            <div style="background: transparent url(Costumes_files/navbar_2_rollover.png) no-repeat scroll center; height: 35px; left: 193px; position: absolute; top: 17px; visibility: hidden; width: 73px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 29px; left: 196px; position: absolute; top: 20px; width: 67px; z-index: 2; " onmouseout="NBmouseout('2');" href="Religion.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(Costumes_files/navbar_3_normal.png) no-repeat scroll center; height: 35px; left: 361px; position: absolute; top: 17px; width: 81px; z-index: 1; " id="navbar_3_normal"></div>
            <div style="background: transparent url(Costumes_files/navbar_3_rollover.png) no-repeat scroll center; height: 35px; left: 361px; position: absolute; top: 17px; visibility: hidden; width: 81px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 29px; left: 364px; position: absolute; top: 20px; width: 75px; z-index: 2; " onmouseout="NBmouseout('3');" href="About%20Us.html" onmouseover="NBmouseover('3');"></a>
            <div style="background: transparent url(Costumes_files/navbar_4_normal.png) no-repeat scroll center; height: 35px; left: 446px; position: absolute; top: 17px; width: 103px; z-index: 1; " id="navbar_4_normal"></div>
            <div style="background: transparent url(Costumes_files/navbar_4_rollover.png) no-repeat scroll center; height: 35px; left: 446px; position: absolute; top: 17px; visibility: hidden; width: 103px; z-index: 1; " id="navbar_4_rollover"></div>
            <a style="display: block; height: 29px; left: 449px; position: absolute; top: 20px; width: 97px; z-index: 2; " onmouseout="NBmouseout('4');" href="Bibliography.html" onmouseover="NBmouseover('4');"></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>
          <div class="graphic_generic_body_textbox_style_default" style="margin-left: 112px; margin-top: 466px; position: relative; width: 384px; z-index: 1; ">
            <div style="height: 147px; line-height: 147px; " class="tinyText"> </div>
          </div>
          

<img src="Costumes_files/CIMG0381.png" alt="" id="id1" style="border: none; height: 121px; left: -3px; position: absolute; top: 0px; width: 706px; z-index: 1; " />

<img src="Costumes_files/shapeimage_1.png" alt="Costumes and Implements" title="" id="id2" style="height: 72px; left: 320px; position: absolute; top: 48px; width: 342px; z-index: 1; " />

<img src="Costumes_files/shapeimage_2.png" alt="Costumes adorned by hula dancers were, and still are, an important component for the performance and general effect upon the audience. Traditionally, the costume which a dancer wore could be affiliated with what social rank they assumed. &#10;" title="" id="id3" style="height: 85px; left: 208px; position: absolute; top: 149px; width: 459px; z-index: 1; " />

<img src="Costumes_files/lady.png" alt="" id="id4" style="border: none; height: 310px; left: 9px; position: absolute; top: 149px; width: 191px; z-index: 1; " />


          <div class="graphic_textbox_style_default" style="height: 173px; left: 15px; position: absolute; top: 467px; width: 350px; z-index: 1; " id="id5">
            <div>
              <div class="graphic_textbox_layout_style_default">
                <div class="paragraph Body" style="line-height: 23px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; color: #076005; font-family: 'BigCaslon-Medium', 'Big Caslon', 'Times New Roman', 'serif'; font-size: 16px; font-weight: normal; line-height: 23px; opacity: 1.00;">Flowers constituted a large part of the dancers’ costumes.  Blossoms of ilima, lehua, maile, ieie, and like were used to add color and fragrance.  Flowers were intwined to make lei, which was worn on head and shoulders.  Bracelets and anklets that dancers wore were called küpe‘e.  These were made of whale teeth, bone, shell-work, dog-teeth and fiber-stuffs.</div>
              </div>
            </div>
          </div>
          

<img src="Costumes_files/imageEffectsBelow_Photo.png" alt="" id="id6" style="border: none; height: 210px; left: 924px; opacity: 1.00; position: absolute; top: 825px; width: 310px; z-index: 1; " />

<img src="Costumes_files/Photo.jpg" alt="" style="border: none; height: 201px; left: 928px; opacity: 1.00; position: absolute; top: 829px; width: 300px; z-index: 1; " />

<img src="Costumes_files/imageEffectsAbove_Photo.png" alt="" id="id7" style="border: none; height: 210px; left: 924px; opacity: 1.00; position: absolute; top: 825px; width: 310px; z-index: 1; " />

<img src="Costumes_files/imageEffectsBelow_main.png" alt="" id="id8" style="border: none; height: 210px; left: 369px; opacity: 1.00; position: absolute; top: 469px; width: 310px; z-index: 1; " />

<img src="Costumes_files/main.phpg2_view%3Dcore.jpg" alt="" style="border: none; height: 201px; left: 373px; opacity: 1.00; position: absolute; top: 473px; width: 300px; z-index: 1; " />

<img src="Costumes_files/imageEffectsAbove_main.png" alt="" id="id9" style="border: none; height: 210px; left: 369px; opacity: 1.00; position: absolute; top: 469px; width: 310px; z-index: 1; " />


          <div style="height: 75px; left: 364px; position: absolute; top: 679px; width: 317px; z-index: 1; " id="id10">
            <img usemap="#map1" id="shapeimage_3" src="Costumes_files/shapeimage_3.png" style="border: none; height: 75px; left: 0px; position: absolute; top: 0px; width: 317px; z-index: 1; " alt="http://gallery.ksbe.edu/kapalama/main.php/v/kauila/album943/album1161/album1162/abm.jpg.html" title="" /><map name="map1" id="map1"><area href="http://gallery.ksbe.edu/kapalama/main.php/v/kauila/album943/album1161/album1162/abm.jpg.html" title="http://gallery.ksbe.edu/kapalama/main.php/v/kauila/album943/album1161/album1162/abm.jpg.html" shape="rect" alt="http://gallery.ksbe.edu/kapalama/main.php/v/kauila/album943/album1161/album1162/abm.jpg.html" onload="IMpreload('Costumes_files', 'shapeimage_3', '0');" onmouseover="IMmouseover('shapeimage_3', '0');" onmouseout="IMmouseout('shapeimage_3', '0');" coords="8, 8, 301, 47" /></map><img style="height: 39px; left: 8px; position: absolute; top: 8px; width: 293px; " id="shapeimage_3_link_0" alt="shapeimage_3_link_0" src="Costumes_files/shapeimage_3_link_0.png" />
          </div>
          

<img src="Costumes_files/shapeimage_4.png" alt="The skirt used while performing, known as the pä‘ü, was worn by both men and women.  For women, the pä‘ü was added to the garments they wore throughout the day.  For men, their pä‘ü was worn outside of their malo.  A woman’s pä‘ü was made of different materials, but retained the similar style.  Ribbons of hau (hibiscus), ti leaf, or banana fiber were strung around the waist.  An ornate pä‘ü was comprised of fine tapa, usually several yards long, and was painted with stamped figures.  This outer tapa was coined the term, the kilohana.  As was usual custom to give names to inanimate objects, Hawaiians named the ends of the pä‘ü Kukapu‘ulakalani and Leleamahu‘i.  " title="" id="id11" style="height: 199px; left: 206px; position: absolute; top: 254px; width: 491px; z-index: 1; " />
          <div style="height: 129px; line-height: 129px; " class="tinyText"> </div>
        </div>
        <div style="height: 100px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
        </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>


