<?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: #bfbfda; 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: #d8d8d8; text-align: left; width: 700px; " id="body_content">
        <div style="height: 110px; 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; " />

<img src="Images/Top%20Glyph.png" alt="" id="id1" style="border: none; height: 29px; left: 99px; opacity: 1.00; position: absolute; top: 20px; width: 48px; z-index: 1; " />

<img src="Images/Top%20Glyph%202.png" alt="" id="id2" style="border: none; height: 29px; left: 553px; opacity: 1.00; position: absolute; top: 20px; width: 48px; 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="id3">
            <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          </div>
          

<img src="HOME_files/shapeimage_1.png" alt="hawaii in multimedia" title="" id="id4" style="height: 110px; left: -34px; position: absolute; top: -4px; width: 760px; z-index: 1; " />
        </div>
        <div style="height: 24px; 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: 24px; 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: 197px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(HOME_files/navbar_separator_1.png) no-repeat scroll center; height: 24px; left: 260px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(HOME_files/navbar_separator_2.png) no-repeat scroll center; height: 24px; left: 357px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(HOME_files/navbar_separator_3.png) no-repeat scroll center; height: 24px; left: 438px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(HOME_files/navbar_active.png) no-repeat scroll center; height: 26px; left: 146px; position: absolute; top: -1px; width: 53px; z-index: 1; "></div>
            <div style="background: transparent url(HOME_files/navbar_0_normal.png) no-repeat scroll center; height: 26px; left: 206px; position: absolute; top: -1px; width: 56px; 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: 206px; position: absolute; top: -1px; visibility: hidden; width: 56px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 24px; left: 208px; position: absolute; top: 0px; width: 53px; z-index: 2; " onmouseout="NBmouseout('0');" href="MEDIA.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(HOME_files/navbar_1_normal.png) no-repeat scroll center; height: 26px; left: 269px; position: absolute; top: -1px; width: 90px; 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: 269px; position: absolute; top: -1px; visibility: hidden; width: 90px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 24px; left: 271px; position: absolute; top: 0px; width: 87px; z-index: 2; " onmouseout="NBmouseout('1');" href="OUR%20HAWAII.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(HOME_files/navbar_2_normal.png) no-repeat scroll center; height: 26px; left: 366px; position: absolute; top: -1px; width: 74px; 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: 366px; position: absolute; top: -1px; visibility: hidden; width: 74px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 24px; left: 368px; position: absolute; top: 0px; width: 71px; z-index: 2; " onmouseout="NBmouseout('2');" href="ABOUT%20US.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(HOME_files/navbar_3_normal.png) no-repeat scroll center; height: 26px; left: 447px; position: absolute; top: -1px; width: 107px; 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: 447px; position: absolute; top: -1px; visibility: hidden; width: 107px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 24px; left: 449px; position: absolute; top: 0px; width: 104px; z-index: 2; " onmouseout="NBmouseout('3');" href="BIBLIOGRAPHY.html" onmouseover="NBmouseover('3');"></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>
          <img src="HOME_files/shapeimage_2.png" alt="" id="id5" style="height: 4px; left: 22px; position: absolute; top: -1px; width: 655px; z-index: 1; " />


          <div class="graphic_textbox_style_default" style="height: 100px; left: 300px; position: absolute; top: 182px; width: 100px; z-index: 1; " id="id6">
            <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
          </div>
          

<img src="HOME_files/shapeimage_3.png" alt="    &#10;" title="" id="id7" style="height: 421px; left: 0px; position: absolute; top: 50px; width: 336px; z-index: 1; " />


          <div class="graphic_textbox_style_default" style="height: 311px; left: 24px; position: absolute; top: 112px; width: 336px; z-index: 1; " id="id8">
            <div>
              <div class="graphic_textbox_layout_style_default">
                <div class="paragraph Free_Form" style="line-height: 16px; margin-bottom: 0px; margin-right: 36px; margin-top: 0px; padding-bottom: 0px; padding-top: 0pt; "><span style="font-family: 'TimesNewRomanPSMT', 'Times New Roman', 'serif'; font-size: 13px; line-height: 16px; ">The mission of this site is to illustrate the representation of Hawaii-through various examples, in multimedia.  As Native Hawaiians, we have witnessed the “palm trees and coconut bra” representation of our islands throughout our childhood.  From </span><span style="font-family: 'TimesNewRomanPS-ItalicMT', 'Times New Roman', 'serif'; font-size: 13px; font-style: italic; line-height: 16px; ">Blue Hawaii</span><span style="font-family: 'TimesNewRomanPSMT', 'Times New Roman', 'serif'; font-size: 13px; line-height: 16px; "> with its role being the touchstone for what is “Hawaiian” in media.  To </span><span style="font-family: 'TimesNewRomanPS-ItalicMT', 'Times New Roman', 'serif'; font-size: 13px; font-style: italic; line-height: 16px; ">Lilo and Stitch</span><span style="font-family: 'TimesNewRomanPSMT', 'Times New Roman', 'serif'; font-size: 13px; line-height: 16px; "> a cartoon created by Disney depicting a presumably Hawaiian girl, in a dysfunctional family who befriends an alien.  To TV sitcoms, although unsuccessful, depicting promiscuous Caucasian teenagers who live on the island of Maui and live their lives with booze, parties and sex.  This representation of Hawaii does not always necessarily embody Native Hawaiian culture, tradition or ideals.  This site is here to epitomize how these movies have shaped our view of Hawaii and Hawaiian culture in general, to date.  </span></div>
                <div class="paragraph Body" style="line-height: 16px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; font-family: 'TimesNewRomanPSMT', 'Times New Roman', 'serif'; font-size: 13px; line-height: 16px;  text-decoration: none;"> </div>
              </div>
            </div>
          </div>
          

<img src="HOME_files/shapeimage_4.png" alt="    &#10;" title="" id="id9" style="height: 421px; left: 353px; position: absolute; top: 50px; width: 336px; z-index: 1; " />

<img src="HOME_files/webkoolau.png" alt="" id="id10" style="border: none; height: 344px; left: 394px; opacity: 1.00; position: absolute; top: 89px; width: 258px; z-index: 1; " />
          <div style="height: 480px; line-height: 480px; " 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>


