@import url(/stylesheets/reset.css);

body { 
  margin: 30px;
  font: 62.5%/1.25 Arial, Helvetica, sans-serif;
}

#wrapper { 
  width: 522px;
  background: #FFF;
}

#content {
  background: url(/images/families_logo.png) no-repeat 0 100%;
  float: left;
  min-height: 250px;
}

#logos {
  width: 115px;
  float: left;
}

#signup {
  float: left;
  width: 407px;
}

#signup p, #signup .form h3, h1 {
  color: #7070A0;
  font-weight: bold;
  font-size: 120%;
  padding: 0 0 10px 0;
}

h1 { font-size: 160%; }

#signup p { padding: 10px 0; }

#signup .form {
  background: #E6E0F3 url(/images/bottom_cap.png) no-repeat bottom left;
  color: #000;
}

#signup .form h3 { 

}

#signup .form label {
  float: left;
  width: 100px;
  font-size: 110%;
  line-height: 20px;
}

#signup .form p { 
  font-size: 110%;
  color: #444;
  font-weight: normal;
}

#signup .form input { 
  float: left;
  width: 270px;
}

#signup .form input#delivery_submit {
  width: auto;
  float: none;
}

#signup .form textarea { 
  float: left;
  width: 270px;
  height: 120px;
}

#signup p#sent {
  margin-top: 45px;
}

ul { list-style-type: circle; padding-left: 30px; padding-bottom: 15px; }

#errorExplanation h2 { font-weight: bold;  font-size: 120%; }
.fieldWithErrors { clear: both; float: left;}

.clear { float: left; clear: both; padding: 5px 0; }
.pad { padding: 0 15px 15px 15px; }