body {
  background: #000066;
  color: #fff;
  }
#contain {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  }
.head{
  display:block;
  }
.head *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#2F4DA4}
.head1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #142180;
  border-right:1px solid #142180;
  background:#233994}
.head2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #04076c;
  border-right:1px solid #04076c;
  background:#263e98}
.head3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #263e98;
  border-right:1px solid #263e98;}
.head4{
  border-left:1px solid #142180;
  border-right:1px solid #142180}
.head5{
  border-left:1px solid #233994;
  border-right:1px solid #233994}
.headfg{
  width: 100%;
  height: 126px;
  background:#2F4DA4 url(waves.gif) no-repeat bottom center;
  }
.headfg h1 {
  background: transparent url(images/delraybeach_welcome.gif) no-repeat bottom left;
  float: left;
  width: 400px;
  height: 50px;
  margin: 0 0 0 20px;
  padding: 40px 0 0 0;
  }
.headfg h1 span {
  display: none;
  }
#logo_holder {
  float: right;
  width: 160px;
  margin: 10px 10px 0 0;
  }

#nav {
  background: #fff;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  }

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 23px;
}

#nav a {
	display: block;
	width: 200px;
	text-decoration: none;
	color: #009;
    text-align: center;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 14px;
}

#nav a:hover {
    color: #c00;
	}


#nav li { /* all list items */
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul ul li {
	border: 1px solid #ccc;
	}
  
#MainPhoto {
  width: 100%;
  height: 250px;
  background: #3D68BB;
  margin: 0;
  padding: 0;
  }
#MainPhoto H1 {
  width: 100%;
  height: 250px;
  background: transparent url(images/delraybeach_main1.jpg) no-repeat top center;
  margin: 0;
  padding: 0;
  }
#MainPhoto H1 span {
  display: none;
  }
.body {background: #3D68BB;}
.tail{display:block}
.tail *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#3D68BB}
.tail1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #1a2c8a;
  border-right:1px solid #1a2c8a;
  background:#2d4ea5}
.tail2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #060a6e;
  border-right:1px solid #060a6e;
  background:#3154aa}
.tail3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #3154aa;
  border-right:1px solid #3154aa;}
.tail4{
  border-left:1px solid #1a2c8a;
  border-right:1px solid #1a2c8a}
.tail5{
  border-left:1px solid #2d4ea5;
  border-right:1px solid #2d4ea5}
.tailfg{
  background:#3D68BB;
  margin: 0;
  padding: 0;
  border: 1px solid #3D68BB;
  }
.logos{display:block;}
.logos *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.logos1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8899cb;
  border-right:1px solid #8899cb;
  background:#cbd2e8}
.logos2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #435ead;
  border-right:1px solid #435ead;
  background:#d7dded}
.logos3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d7dded;
  border-right:1px solid #d7dded;}
.logos4{
  border-left:1px solid #8899cb;
  border-right:1px solid #8899cb}
.logos5{
  border-left:1px solid #cbd2e8;
  border-right:1px solid #cbd2e8}
.logosfg{
  background:#FFFFFF;
  width: 160px;
  }
.logosfg img {
  margin: 3px 5px 3px 5px;
  }
.boxes{display:block}
.boxes *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ECF0F8}
.boxes1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8093c8;
  border-right:1px solid #8093c8;
  background:#bcc7e3}
.boxes2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #415dac;
  border-right:1px solid #415dac;
  background:#c8d1e8}
.boxes3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c8d1e8;
  border-right:1px solid #c8d1e8;}
.boxes4{
  border-left:1px solid #8093c8;
  border-right:1px solid #8093c8}
.boxes5{
  border-left:1px solid #bcc7e3;
  border-right:1px solid #bcc7e3}
.boxesfg{
  background:#ECF0F8}
#calendar {
  float: left;
  margin: 15px 0px 6px 20px;
  width: 225px;
  height: 182px;
  background: #3D68BB;
  }
#calendar h2 {
  margin: 0;
  padding: 0;
  width: 225px;
  height: 38px;
  background: #060A6E url(images/eventscalendar.gif) no-repeat top left;
  }
#calendar h2 span {
  display: none;
  }
.calendarfg{
  background: #ECF0F8;
  width: 225px;
  color: #000066;
  }
iframe {
  margin: 0 0 0 20px;
  }
#photo {
  float: left;
  margin: 15px 0 6px 20px;
  width: 175px;
  }
#news {
  float: left;
  margin: 15px 0 6px 20px;
  padding: 0;
  width: 285px;
  height: 182px;
  background: #3D68BB;
  }
.newsfg{
  background: #ECF0F8;
  width: 285px;
  height: 140px;
  color: #000066;
  padding: 0;
  margin: 0;
  }
#news h2 {
  margin: 0;
  padding: 0;
  width: 285px;
  height: 38px;
  background: #060A6E url(images/delraynews.gif) no-repeat top left;
  }
#news h2 span {
  display: none;
  }
#news p {
  margin: 0px 10px 12px 10px;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  }
#news p:first-letter {
  font-size: 150%;
  font-family: "Times New Roman", Georgia, Times;
  float: left;
  padding-right: 0.05em;
  font-weight: 600;
  margin-left: 3px;
  }
#news a {
  text-decoration: none;
  color: #00f;
  border-bottom: 1px dashed #00c;
  }
#news a:hover {
  text-decoration: none;
  color: #c00;
  border-bottom: 1px dashed #c00;
  }