Add logos

app/views/welcome/index.html.erb

@@ -1,15 +1,18 @@
 <div id="map_canvas">
 </div>
 <div id="sidebar">
+  <img id="boston-logo" src="images/boston-logo.png">
+  <img id="cert-logo" src="images/cert-logo.png">
+  <img id="cfa-logo" src="images/cfa-logo.png">
   <h1>Adopt a Hydrant</h1>
   <p>
-    Claim responsibility for shoveling out a fire hydrant after it snows.
+    Take responsibility for shoveling out a fire hydrant after it snows.
   </p>
   <form>
     <label for="address">
       Street address
     </label>
-    <input type="text" id="address" name="address" value="" tabindex="1" />
+    <input id="address" name="address" type="text" value="" tabindex="1" />
     <label for="city">
       City
     </label>
@@ -24,5 +27,5 @@
     </select>
     <button tabindex="4">Locate Orphan Fire Hydrants</button>
   </form>
-  <img src="images/hydrant-in-snow.jpg">
+  <img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg"">
 </div>

public/stylesheets/main.css

@@ -12,27 +12,31 @@ body {
 #map_canvas {
   float: left;
   height: 100%;
-  width: 75%;
+  width: 70%;
 }
 
 #sidebar {
   float: left;
   height: 100%;
   text-align: center;
-  width: 25%;
+  width: 30%;
   overflow: hidden;
 }
 
+#sidebar img {
+  padding: 10px 5px 0 5px;
+}
+
+#sidebar img#hydrant-in-snow {
+  width: 100%;
+}
+
 p, form {
   margin: auto;
   width: 80%;
   margin-top: 20px;
 }
 
-#sidebar img {
-  width: 100%;
-}
-
 input, select, option, button {
   margin-bottom: 20px;
   text-align: center;