<!DOCTYPE html>
<html>
  <head>
    <title>Contact Beit Shalom</title>
    <link rel="icon" type="image/png" id="logo" href="Images/Logo.png"/>
    <meta name="description" content="Submit a contact request to Beit Shalom">
    <meta name="keywords" content="Contact Beit Shalom, Contact Marcus Lander">
    <style>
.containerBox {
    position: relative;
    display: inline-block; 
    font-family: "Arial";
    font-size: 25px
}
.transbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    height: 600px;
    width: 800px;
    text-align: center;  
    font-family: "Arial";
    background-color: #ffffff;
    background:rgb(255,255,255);/* old browsers */
    background:rgba(255,255,255, 0.6);
    color: #000000;
    <!--opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */-->
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}

#logo {
    bottom: 0;
    
}

#navbar{
    z-index:1000;
    position:relative;
}

#nav_menu{
    border:1px solid #000000;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding: 0px;
    text-align:center;
}

#nav_menu ul {
    list-style-type: none;
    position:relative;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

#nav_menu li{
    display:inline;
    position:relative;
    font-family: "Arial";
    background-color: white;
    color: #ff0000;
    text-decoration: none;
}

#nav_menu ul a{
    display:inline-block;
    padding:10px;
}

#nav_menu li a {
    display: inline-block;
    text-decoration: none;
}

#nav_menu li a:hover {
    background-color: #ff0000;
    color: white;
}

#nav_menu ul ul {
    display:none;
    position:absolute;
    top:150%;
    left:0;
    background:#fff;
    padding:0
    text-align:left;
}

#nav_menu ul li:hover > ul
{
    display: block;
}

input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 30px;
  line-height: 30px; font-size: 25px; font-family: "Arial";
  border: 1px solid #bbb;
}

textarea {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 300px;
  line-height: 30px; font-size: 25px; font-family: "Arial";
  border: 1px solid #bbb;
}

input[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

    </style>
  </head>
  <body text="#000000" link="#470c0c" vlink="#ff3c00" alink="#ff1600">
    <div>
      <center><img src="Images/BeitShalomLogoWithText.bmp" alt="Beit Shalom Logo"></center>
    </div>
    <div id="navbar">
      <nav id="nav_menu">
        <ul>
          <li><a class="active" href="index.html">Home</a></li>
          <li><a href="#">About</a>
            <ul>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </li>
          <li><a href="#">Poems</a>
            <ul>
              <li><a href="poems.html">Poems</a></li>
	      <li><a href="http://genuineartyfacts.wordpress.com">Wordpress</a></li>
            </ul>
          </li>
          <li><a href="#">Hebrew</a>
            <ul>
              <li><a href="Resources/HebrewCalendar5784.pdf">Hebrew Calendar</a></li>
              <li><a href="Resources/TorahReadings5784.pdf">Torah Cycle</a></li>
	      <li><a href="torahreadings.html">Torah Readings</a></li>
              <li><a href="hebrew_resources.html">Hebrew Resources</a></li>
              <li><a href="hebrew_lessons.html">Hebrew Lessons</a></li>
	      <li><a href="hebrew_songbook.html">Songs</a></li>
	      <li><a href="hebrew_prayers.html">Prayers</a></li>
	      <li><a href="hebrew_links.html">Links</a></li>
	      <li><a href="hebrew_blog.html">Israel Blog</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
    <div class="containerBox">
      <br>
      For any queries you may have, please fill in this form.<br>
      Required fields are indicated by an asterisk (*).
      <br><br>
      <form action="contact_form.php" method="post">
        <table border="0">
          <tr>
            <td><label for="contact_name">Name: *</label></td>
            <td><input type="text" name="Name" size="50" id="contact_name" /></td>
          </tr>
          <tr>
            <td><label for="contact_email">Email Address: *</label></td>
            <td><input type="text" name="Email" size="50" id="contact_email" /></td>
          </tr>
          <tr>
            <td><label for="contact_subject">Subject: *</label></td>
            <td><input type="text" name="Subject" size="50" id="contact_subject" /></td>
          </tr>
          <tr>
            <td><label for="contact_message">Message: *</label></td>
	    <td><textarea name="Message" rows="6" cols="38" id="contact_message"></textarea></td>
          </tr>
	  <tr>
            <td></td>
	    <td align="right"><input type="submit" value="Submit" /></td>
          </tr>
        </table>
      </form>
      Click the "Submit" button to post your message.</p>
    </div>
  </body>
</html>