

<!--
ENCRYPTED SOURCE FILE = "&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJC
MNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JI
EI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIO
SIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(
ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#
**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%(
)$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@"&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@
$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSH
WEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDL
G)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$
&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR(%
#)_@$)(!(#)@KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPI"
-->











































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
        <meta charset="utf-8">
		<title>Hiram Lodge No. 23's 145th Annual Dinner Dance</title>
        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="This is an example layout with carousel that uses the Bootstrap 3 RC styles. " />
       <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
        
        <!--[if lt IE 9]>
          <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        


        <!-- CSS code from Bootply.com editor -->
        
        <style type="text/css">
            /* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 40px;
  color: #46ABDF;
}

body {
    background-image: url("img/blues&g.png");
    background-repeat: repeat;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.clockfont {
color:red;
font-size: 40px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color:#0099ff;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 400px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

        </style>
    </head>
    
    <!-- HTML code from Bootply.com editor -->
    
    <body  >
        
        <div class="navbar-wrapper">
  <div class="container">
    <div class="navbar navbar-inverse navbar-static-top">
         <div class="navbar-header">
	    <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	    </a>
		<a class="navbar-brand" href="https://www.hiram23.org/">Home</a>
		<a class="navbar-brand" href="https://www.hiram23.org/elected">2018 Elected Officers</a>
        <a class="navbar-brand" href="https://www.hiram23.org/events/146thdinnerdance">146th Annual Dinner Dance</a>
		<a class="navbar-brand" href="https://www.hiram23.org/events/annualdues.php">Pay Annual Dues Here</a>
		<a class="navbar-brand" href="https://www.hiram23.org/events/challengecoin.php"target='_blank'>Order Your Challenge Coin Here</a>
		<a class="navbar-brand" href="http://www.princehallny.org" target='_blank'>MWPHGLNY</a>
		<a class="navbar-brand" href="http://www.hiram23.org/events/145thdinnerdance/145th.php" target='_blank'>145th Pictures</a>
        </div>    </div>
  </div><!-- /container -->
</div><!-- /navbar wrapper -->
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img src="" style="width:100%" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Hiram Lodge No. 23 Study Club Presents:</h1>
          <p></p>
          <!-- <p><a class="btn btn-lg btn-primary" href="http://www.hiram23.org/145thdinnerdance/pastmasters.php">Past Masters</a>-->
        </p>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="" class="img-responsive">
      <div class="container">
	  
        <div class="carousel-caption">
          <h1>145th Annual Dinner Dance</h1>
          <p></p>
          <!-- <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p> -->
        </div>
      </div>
    </div>
    <div class="item">
      <img src="" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Journal Ad</h1>
          <p></p>
          <!-- <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p> -->
        </div>
      </div>
    </div>
  </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="icon-next"></span>
  </a>  
</div>
<!-- /.carousel -->

<!-- PICTURES-->
 <div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Tina & Keisha Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Tina & Keisha Blue.png" alt="Tina & Keisha" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Hendersons Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Hendersons Blue.png" alt="The Henderson's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Gonzalez's Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Gonzalez's Blue.png" alt="The Gonzalez's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>

<!-- Row 2-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Smalls Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Smalls Blue.png" alt="The Smalls" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Nelson's Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Nelson's Blue.png" alt="The Nelson's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Cruz's Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Cruz's Blue.png" alt="The Cruz's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 2-->

<!-- Row 3-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/The Kearn's Blue.png">
        <img src="/events/145thdinnerdance/img/145th/The Kearn's Blue.png" alt="The Kearn's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Me & Baby Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Me & Baby Blue.png" alt="The Rivera Bey's" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Isaiah & Terrence Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Isaiah & Terrence Blue.png" alt="Isaiah & Terrence" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 3-->

<!-- Row 4-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Terrence & Cruz Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Terrence & Cruz Blue.png" alt="Terrence & Cruz" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Travis & Antionette Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Travis & Antionette Blue.png" alt="Travis & Antionette" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Victoria 45 2 Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Victoria 45 2 Blue.png" alt="Victoria 45" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 4-->

<!-- Row 5-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Jean & Luther Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Jean & Luther Blue.png" alt="Jean & Luther" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Hiram Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Hiram Blue.png" alt="Hiram" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Gregory Henderson Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Gregory Henderson Blue.png" alt="Gregory Henderson" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 5-->

<!-- Row 6-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Isaiah Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Isaiah Blue.png" alt="Isaiah" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Kenyell Smalls Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Kenyell Smalls Blue.png" alt="Kenyell Smalls" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Michael J Nelson Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Michael J Nelson Blue.png" alt="Michael J Nelson" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 6-->

<!-- Row 7-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Uncle Eddie Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Uncle Eddie Blue.png" alt="Uncle Eddie" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Smalls Girls 2 Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Smalls Girls 2 Blue.png" alt="Smalls Girls 2" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Smalls Guys Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Smalls Guys Blue.png" alt="Smalls Guys" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 7-->

<!-- Row 8-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Small & Girls Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Smalls & Girls Blue.png" alt="Smalls & Girls" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Small & Girls 2 Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Smalls & Girls 2 Blue.png" alt="Small & Girls 2" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/Smalls & Girls 3 Blue.png">
        <img src="/events/145thdinnerdance/img/145th/Smalls & Girls 3 Blue.png" alt="Small & Girls 3" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 8-->

<!-- Row 9-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5811.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5811.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5810.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5810.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5765.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5765.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 9-->

<!-- Row 10-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5778.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5778.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5803.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5803.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5772.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5772.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 10-->

<!-- Row 11-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5774.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5774.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5775.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5775.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5777.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5777.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 11-->

<!-- Row 12-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5779.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5779.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5780.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5780.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5782.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5782.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 12-->

<!-- Row 13-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5783.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5783.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5785.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5785.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5786.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5786.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 13-->

<!-- Row 14-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5787.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5787.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5789.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5789.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5790.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5790.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 14-->

<!-- Row 15-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5791.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5791.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5793.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5793.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5797.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5797.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 15-->

<!-- Row 16-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5806.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5806.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5807.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5807.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5813.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5813.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 16-->

<!-- Row 17-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5815.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5815.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5816.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5816.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5817.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5817.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 17-->

<!-- Row 18-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5818.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5818.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5819.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5819.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5820.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5820.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 18-->

<!-- Row 19-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5822.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5822.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5824.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5824.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5825.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5825.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 19-->

<!-- Row 20-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5826.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5826.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5827.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5827.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5828.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5828.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 20-->

<!-- Row 21-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5829.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5829.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5830.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5830.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5831.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5831.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 21-->

<!-- Row 22-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5832.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5832.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5833.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5833.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5834.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5834.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 22-->

<!-- Row 23-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5835.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5835.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5836.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5836.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5842.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5842.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 23-->

<!-- Row 24-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5850.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5850.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5853.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5853.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5854.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5854.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 24-->

<!-- Row 25-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5855.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5855.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5856.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5856.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5857.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5857.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 25-->

<!-- Row 26-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5858.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5858.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5859.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5859.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5860.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5860.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 26-->

<!-- Row 27-->
<div class="row">
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5863.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5863.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5865.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5865.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <a href="/events/145thdinnerdance/img/145th/IMG_5866.jpg">
        <img src="/events/145thdinnerdance/img/145th/IMG_5866.jpg" alt="" style="width:100%">
        <div class="caption">
          
        </div>
      </a>
    </div>
  </div>
</div>
<!-- End Row 27-->
<!-- END PICTURES-->



<div class="container marketing">

  <!-- FOOTER -->
  <footer>
    <p class="pull-right"><a href="#"></a></p>
	<br></br>
	<br></br>
	<br></br>
	<br></br>
	<center>
    <p>COPYRIGHT 2018 Hiram Lodge No. 23 Study Club · ALL RIGHTS RESERVED <a href="#"></a></p>
	</center>
  </footer>

</div><!-- /.container -->
        
        <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


        <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>






        
        <!-- JavaScript jQuery code from Bootply.com editor  -->
        
        <script type='text/javascript'>
        
        $(document).ready(function() {
        
            
        
        });
        
        </script>
        
        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
          ga('create', 'UA-40413119-1', 'bootply.com');
          ga('send', 'pageview');
        </script>
        
        
        <style>
            .ad {
              position: absolute;
              bottom: 70px;
              right: 48px;
              z-index: 992;
              background-color:#f3f3f3;
              position: fixed;
              width: 155px;
              padding:1px;
            }
            
            .ad-btn-hide {
              position: absolute;
              top: -10px;
              left: -12px;
              background: #fefefe;
              background: rgba(240,240,240,0.9);
              border: 0;
              border-radius: 26px;
              cursor: pointer;
              padding: 2px;
              height: 25px;
              width: 25px;
              font-size: 14px;
              vertical-align:top;
              outline: 0;
            }
            
            .carbon-img {
              float:left;
              padding: 10px;
            }
            
            .carbon-text {
              color: #888;
              display: inline-block;
              font-family: Verdana;
              font-size: 11px;
              font-weight: 400;
              height: 60px;
              margin-left: 9px;
              width: 142px;
              padding-top: 10px;
            }
            
            .carbon-text:hover {
              color: #666;
            }
            
            .carbon-poweredby {
              color: #6A6A6A;
              float: left;
              font-family: Verdana;
              font-size: 11px;
              font-weight: 400;
              margin-left: 10px;
              margin-top: 13px;
              text-align: center;
            }
        </style>

    </body>
</html>

	 <style type="text/css">
	</style>
  </head>
  <body>
    
   <style>
	.tickets {
      top: 799;
      left: 780;
      position: absolute;
      z-index: 1;
      visibility: show;
	  }
	.journalad {
      top: 799;
      left: 980;
      position: absolute;
      z-index: 10;
      visibility: show;
	}
	
	/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
	  </style> 

</div>

<!--div-->

</div>
</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>