<?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>Gallery</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Gallery_files/Gallery.css" /><script type="text/javascript" src="SlideShow_assets/openSlideShowWindow.js"></script><script type="text/javascript" src="Gallery_files/Gallery.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(Gallery_files/navbar_separator_0.png) no-repeat scroll center; height: 29px; left: 184px; position: absolute; top: 10px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_separator_1.png) no-repeat scroll center; height: 29px; left: 415px; position: absolute; top: 10px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_separator_2.png) no-repeat scroll center; height: 29px; left: 492px; position: absolute; top: 10px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_separator_3.png) no-repeat scroll center; height: 29px; left: 586px; position: absolute; top: 10px; width: 10px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_separator_4.png) no-repeat scroll center; height: 29px; left: 270px; position: absolute; top: 39px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_separator_5.png) no-repeat scroll center; height: 29px; left: 391px; position: absolute; top: 39px; width: 11px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_active.png) no-repeat scroll center; height: 36px; left: 422px; position: absolute; top: 7px; width: 73px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/navbar_0_normal.png) no-repeat scroll center; height: 36px; left: 44px; position: absolute; top: 7px; width: 143px; z-index: 1; " id="navbar_0_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_0_rollover.png) no-repeat scroll center; height: 36px; left: 44px; position: absolute; top: 7px; visibility: hidden; width: 143px; z-index: 1; " id="navbar_0_rollover"></div>
            <a style="display: block; height: 29px; left: 47px; position: absolute; top: 10px; width: 137px; z-index: 2; " onmouseout="NBmouseout('0');" href="Easter%20Egg%20Hunt.html" onmouseover="NBmouseover('0');"></a>
            <div style="background: transparent url(Gallery_files/navbar_1_normal.png) no-repeat scroll center; height: 36px; left: 191px; position: absolute; top: 7px; width: 227px; z-index: 1; " id="navbar_1_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_1_rollover.png) no-repeat scroll center; height: 36px; left: 191px; position: absolute; top: 7px; visibility: hidden; width: 227px; z-index: 1; " id="navbar_1_rollover"></div>
            <a style="display: block; height: 29px; left: 194px; position: absolute; top: 10px; width: 221px; z-index: 2; " onmouseout="NBmouseout('1');" href="Information%20Super%20Highway/Information%20Super%20Highway.html" onmouseover="NBmouseover('1');"></a>
            <div style="background: transparent url(Gallery_files/navbar_2_normal.png) no-repeat scroll center; height: 36px; left: 499px; position: absolute; top: 7px; width: 90px; z-index: 1; " id="navbar_2_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_2_rollover.png) no-repeat scroll center; height: 36px; left: 499px; position: absolute; top: 7px; visibility: hidden; width: 90px; z-index: 1; " id="navbar_2_rollover"></div>
            <a style="display: block; height: 29px; left: 502px; position: absolute; top: 10px; width: 84px; z-index: 2; " onmouseout="NBmouseout('2');" href="About%20Us.html" onmouseover="NBmouseover('2');"></a>
            <div style="background: transparent url(Gallery_files/navbar_3_normal.png) no-repeat scroll center; height: 36px; left: 593px; position: absolute; top: 7px; width: 63px; z-index: 1; " id="navbar_3_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_3_rollover.png) no-repeat scroll center; height: 36px; left: 593px; position: absolute; top: 7px; visibility: hidden; width: 63px; z-index: 1; " id="navbar_3_rollover"></div>
            <a style="display: block; height: 29px; left: 596px; position: absolute; top: 10px; width: 57px; z-index: 2; " onmouseout="NBmouseout('3');" href="Game.html" onmouseover="NBmouseover('3');"></a>
            <div style="background: transparent url(Gallery_files/navbar_4_normal.png) no-repeat scroll center; height: 36px; left: 219px; position: absolute; top: 36px; width: 55px; z-index: 1; " id="navbar_4_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_4_rollover.png) no-repeat scroll center; height: 36px; left: 219px; position: absolute; top: 36px; visibility: hidden; width: 55px; z-index: 1; " id="navbar_4_rollover"></div>
            <a style="display: block; height: 29px; left: 223px; position: absolute; top: 39px; width: 48px; z-index: 2; " onmouseout="NBmouseout('4');" href="Quiz.html" onmouseover="NBmouseover('4');"></a>
            <div style="background: transparent url(Gallery_files/navbar_5_normal.png) no-repeat scroll center; height: 36px; left: 277px; position: absolute; top: 36px; width: 118px; z-index: 1; " id="navbar_5_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_5_rollover.png) no-repeat scroll center; height: 36px; left: 277px; position: absolute; top: 36px; visibility: hidden; width: 118px; z-index: 1; " id="navbar_5_rollover"></div>
            <a style="display: block; height: 29px; left: 281px; position: absolute; top: 39px; width: 111px; z-index: 2; " onmouseout="NBmouseout('5');" href="Bibliography.html" onmouseover="NBmouseover('5');"></a>
            <div style="background: transparent url(Gallery_files/navbar_6_normal.png) no-repeat scroll center; height: 36px; left: 398px; position: absolute; top: 36px; width: 83px; z-index: 1; " id="navbar_6_normal"></div>
            <div style="background: transparent url(Gallery_files/navbar_6_rollover.png) no-repeat scroll center; height: 36px; left: 398px; position: absolute; top: 36px; visibility: hidden; width: 83px; z-index: 1; " id="navbar_6_rollover"></div>
            <a style="display: block; height: 29px; left: 402px; position: absolute; top: 39px; width: 76px; z-index: 2; " onmouseout="NBmouseout('6');" href="Site%20Info.html" onmouseover="NBmouseover('6');"></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: 146px; margin-top: 116px; position: relative; width: 519px; z-index: 1; ">
            <div>
              <div style="padding: 4px; " class="Normal">
                <div class="paragraph Body" style="line-height: 20px; padding-bottom: 0pt; padding-top: 0pt; ">Here we wanted to improve our site by adding a small gallery of all the photos we could find. We also decided to add a slideshow butten by clicking it you can view our photos in a wonderful slideshow. </div>
              </div>
            </div>
          </div>
          


          <div class="graphic_generic_title_textbox_style_default" style="height: 55px; left: 258px; position: absolute; top: 32px; width: 184px; z-index: 1; " id="id1">
            <div>
              <div class="graphic_shape_layout_style_default">
                <div class="paragraph Title" style="line-height: 42px; padding-bottom: 0pt; padding-top: 0pt; ">Gallery</div>
              </div>
            </div>
          </div>
          

<img src="Gallery_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 35px; position: absolute; top: 1px; width: 630px; z-index: 1; " />


          <div style="height: 988px; left: 6px; position: absolute; top: 212px; width: 690px; z-index: 1; ">
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/b14andresg003_1.jpg) no-repeat scroll center; height: 109px; left: 39px; position: absolute; top: 68px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(0, 'en');" style="display: block; height: 109px; left: 39px; position: absolute; top: 68px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 29px; position: absolute; top: 197px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Dog Sleeping </div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/b17eva741_1.jpg) no-repeat scroll center; height: 121px; left: 265px; position: absolute; top: 62px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(1, 'en');" style="display: block; height: 121px; left: 265px; position: absolute; top: 62px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 255px; position: absolute; top: 197px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Moose Sleeping</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 481px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/b20dario061_1.jpg) no-repeat scroll center; height: 121px; left: 491px; position: absolute; top: 62px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 481px; position: absolute; top: 52px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(2, 'en');" style="display: block; height: 121px; left: 491px; position: absolute; top: 62px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 481px; position: absolute; top: 197px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Lion Looking Cat Sleeping</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/b20nature_animals_land027_1.jpg) no-repeat scroll center; height: 121px; left: 39px; position: absolute; top: 306px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(3, 'en');" style="display: block; height: 121px; left: 39px; position: absolute; top: 306px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 29px; position: absolute; top: 441px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Goat Sleeping</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Dreams_1.jpg) no-repeat scroll center; height: 117px; left: 265px; position: absolute; top: 308px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(4, 'en');" style="display: block; height: 117px; left: 265px; position: absolute; top: 308px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 255px; position: absolute; top: 441px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Dreams</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 481px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/What%20it%20does%20for%20us_1.jpg) no-repeat scroll center; height: 105px; left: 491px; position: absolute; top: 314px; width: 161px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 481px; position: absolute; top: 296px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(5, 'en');" style="display: block; height: 105px; left: 491px; position: absolute; top: 314px; width: 161px; z-index: 1; "></a>
            <div style="height: 48px; left: 481px; position: absolute; top: 441px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">What it does for us</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 540px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Information%20Super%20Highway_1.jpg) no-repeat scroll center; height: 121px; left: 56px; position: absolute; top: 550px; width: 127px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 29px; position: absolute; top: 540px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(6, 'en');" style="display: block; height: 121px; left: 56px; position: absolute; top: 550px; width: 127px; z-index: 1; "></a>
            <div style="height: 48px; left: 29px; position: absolute; top: 685px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Information Super Highway</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3landscape4x3-underlay.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 540px; width: 181px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Why%20do%20we%20need%20sleep_1.jpg) no-repeat scroll center; height: 121px; left: 280px; position: absolute; top: 550px; width: 131px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3landscape4x3.png) no-repeat scroll center; height: 141px; left: 255px; position: absolute; top: 540px; width: 181px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(7, 'en');" style="display: block; height: 121px; left: 280px; position: absolute; top: 550px; width: 131px; z-index: 1; "></a>
            <div style="height: 48px; left: 255px; position: absolute; top: 685px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Why do we need sleep</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 181px; left: 501px; position: absolute; top: 500px; width: 141px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Sleep%20Sickness_1.jpg) no-repeat scroll center; height: 135px; left: 511px; position: absolute; top: 523px; width: 121px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3portrait3x4.png) no-repeat scroll center; height: 181px; left: 501px; position: absolute; top: 500px; width: 141px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(8, 'en');" style="display: block; height: 135px; left: 511px; position: absolute; top: 523px; width: 121px; z-index: 1; "></a>
            <div style="height: 48px; left: 481px; position: absolute; top: 685px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Sleep Sickness</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 181px; left: 49px; position: absolute; top: 744px; width: 141px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Stages%20of%20Sleep_1.jpg) no-repeat scroll center; height: 127px; left: 59px; position: absolute; top: 771px; width: 121px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3portrait3x4.png) no-repeat scroll center; height: 181px; left: 49px; position: absolute; top: 744px; width: 141px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(9, 'en');" style="display: block; height: 127px; left: 59px; position: absolute; top: 771px; width: 121px; z-index: 1; "></a>
            <div style="height: 48px; left: 29px; position: absolute; top: 929px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Stages of Sleep</div>
              </div>
            </div>
            <div style="background: transparent url(Gallery_files/3portrait3x4-underlay.png) no-repeat scroll center; height: 181px; left: 275px; position: absolute; top: 744px; width: 141px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/Lack%20of%20sleep_1.jpg) no-repeat scroll center; height: 131px; left: 285px; position: absolute; top: 769px; width: 121px; z-index: 1; "></div>
            <div style="background: transparent url(Gallery_files/3portrait3x4.png) no-repeat scroll center; height: 181px; left: 275px; position: absolute; top: 744px; width: 141px; z-index: 1; "></div>
            <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(10, 'en');" style="display: block; height: 131px; left: 285px; position: absolute; top: 769px; width: 121px; z-index: 1; "></a>
            <div style="height: 48px; left: 255px; position: absolute; top: 929px; width: 181px; z-index: 1; ">
              <div class="image_cluster_layout_style_default">
                <div class="paragraph Caption" style="line-height: 16px; padding-bottom: 0pt; padding-top: 0pt; ">Lack of Sleep (the guy spelled it wrong because he didn’t have enough sleep)</div>
              </div>
            </div>
          </div>
          <a href="javascript:void(0)" onfocus="this.blur();" onclick="openSlideShow2(0, 'en');">
<img src="Gallery_files/image.png" alt="" id="id2" style="border: none; height: 36px; left: 338px; position: absolute; top: 191px; width: 119px; z-index: 1; " />
</a>
          <img src="Gallery_files/Egg%20For%20Easter%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21%21.jpg" alt="" style="border: none; height: 51px; left: 397px; opacity: 1.00; position: absolute; top: 832px; width: 39px; z-index: 1; " />
          <div style="height: 197px; left: 16px; position: absolute; top: 2px; width: 128px; z-index: 1; ">
            <img style="height: 181px; width: 128px; " src="Images/Music.jpg" /><script type="text/javascript"><!--
writeMovie1();
--></script>
          </div>
          


          <div style="height: 1015px; line-height: 1015px; " 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="Gallery_files/image_1.png" alt="" id="id4" style="border: none; height: 50px; left: 280px; position: absolute; top: 87px; 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>


