body {
	background:
	url(..//images/beach.jpg);
	font-family: arial,verdana, helvetica, sans-serif;
		font-size: 100%;
	}
	
h1 {
	 font-size 175%;
	 color: #08088A;
	font-family: arial,verdana, helvetica, sans-serif;
	align: center;
	 }
	 
	 
h2{
	color: #045FB4;
	font-family: arial,verdana, helvetica, sans-serif;
	font-size: 120%;
	}	
h3	{
		color: #04B4AE;
	font-family: arial,verdana, helvetica, sans-serif;
	font-size: 100%;
	}	
p {
	color:  #08088A;
	font-family: verdana, helvetica,arial, sans-serif;
	}
#masthead {
					text-align: center;
					}
#title  {
 			text-align: center;
			font-size:  75%;
			}					
					
#welcome {
					text-align: center;
					font-style:  italic;
					
					}		

#perhaps {
				 color: #006600;
				 font-weight: bold;
				 line-height:   14px;
				 }
#homecontent {
					font-size: 90%;
					width:   40%;
					}			 
#content {
					text-align: left;
					font-size: 95%;
					width:   90%;
					}
					
	<!--you said it would be ok to put HR embedded as it would not work in CSS when we tried it on 5/04/09 -->							 				 
#footer{
				text-align: left;
				margin: 15px;
				font-size: 80%;
				width: 90%;
				line-size:  9px;
				color: #0041C2;
				hr 
				border-top: 1px dashed #99ccFF;
				}			 
#howre {
				width: 85%;
				color: #0B615E;
				text-align: left;
				}

						
#channing  {
				font-size: 110%;
				color:   #0A2A29; 
				text-align: center;
				font-weight: bold;
				font-variant: small-caps;
				}
#bottom {
					text-align: center;	
					font-size: 90%;
					font-weight: bold;
					}
#wed   {
				text-align: left;
				margin: 10px;
				width: 85%;
				}
#wedform	{
						align: center;
						text-align: left;
						margin:  0px 120px 0px 120px;
						width: 65%;
  border: 4px solid #99ccFF;
  border-right-color: #99ccFF;
  border-bottom-color: #99ccFF;
  padding: 20px;
						}

#title {
            align: center;
            }
#prelude {
            
            }

#opening{
            
            }

#chalice {
            
            }
#prayer  {
            
            }
#joy{
            
            }
#story{
            
            }
#first{
            
            }
#second{
            
            }
#discuss{
            
            }
#closing{
            
            }



	
				
	<style>#cgrw2 h2#cgrwh, #cgrw2 p#cgrwp, #cgrw2 form, #cgrw2 input, #cgrw2 img {text-align: left; text-decoration:none; padding: 0; margin: 0; font-style: normal; vertical-align: baseline; background: none; border: 0; outline: 0;}
#cgrw2 p#cgrwp, #cgrw2 input {font: 12px/12px Verdana, Arial, Helvetica, sans-serif;}
#cgrw2 h2#cgrwh a span {visibility: hidden; }            
#cgrw2 {position: relative; width: 180px; height: 150px; background-color: #fff;}
#cgrw2 h2#cgrwh {position: absolute; top: 11px; left: 10px;}
#cgrw2 h2#cgrwh a {display: block; width: 160px; height: 53px; background: url(http://www.citygoround.org/images/widgets/support-open-transit-data.gif) 0 0 no-repeat;text-decoration: none;}
#cgrw2 p#cgrwp {position: absolute; top: 79px; left: 10px; color: #555;}
#cgrw2 form {position: absolute; top: 97px; left: 10px; width: 160px; height: 23px;}
#cgrw2 #cgr-loc2 {position: absolute; top: 0; left: 0; color: #888; width: 122px; height: 21px; border: 1px solid #999; text-indent: 8px;}
#cgrw2 #cgr-search {position: absolute; top: 0px; right: 0; width: 25px; height: 21px; border: 1px solid #c2c2c2;}
#cgrw2 #cgr-logo {position: absolute; top: 127px; left: 46px; border: 0;}
</style>
<div id="cgrw2">
<h2 id="cgrwh"><a target="_blank" href="http://www.citygoround.org?utm_medium=support-open-data-widget&utm_campaign=title-link" title="Support Open Data on CityGoRound.org"><span>Support open data on City-Go-Round.org</span></a></h2>
<p id="cgrwp">Does your city have it?</p>
<form onsubmit='var url="http://www.citygoround.org/apps/nearby/?q=" + document.getElementById("cgr-loc2").value + "&utm_medium=support-open-data-widget&utm_campaign=form-submit"; window.open(url, "CityGoRound"); return false;'>
<input id="cgr-loc2" name="loc" type="text" value="Type a City or ZIP" onfocus ="if (this.value=='Type a City or ZIP') { this.value=''; this.style.color = '#444';}" onblur = "if (this.value=='') { this.value='Type a City or ZIP'; this.style.color = '#888';}" />
<input id="cgr-search" name="search" type="image" src="http://www.citygoround.org/images/widgets/go-button-small.gif" />
</form>
<a target="_blank" id="cgr-logo" href="http://www.citygoround.org?utm_medium=support-open-data-widget&utm_campaign=footer-logo-link" title="CityGoRound.org"><img src="http://www.citygoround.org/images/widgets/city-go-round-logo-small.gif" alt="CityGoRound.org logo" /></a>
</div>