/*
/*  engage.css
*/

body {
  font: 13px/20px "Lucida Grande", "Verdana", sans-serif;
  color: #333;
  min-width: 980px;
  margin: 0;
  padding: 0;
  background: #eaf0cc url("/images/background.png") repeat-x 50% 0;
}

h1, h2, h3, h4 { margin: 0; }
p              { margin: 0 0 20px; }
a              { color: inherit; text-decoration: none; }
ul, ol, dl     { margin: 0 0 20px; }
ul             { list-style: none; padding: 0; }
dl dt, dl dd   { margin: 0; padding: 0; }

.-clear { clear: both; }

#header {
  width: 964px;
  margin: 0 auto;
}

#header h1, #header h2 {
  height: 130px;
  text-indent: -9999px;
  float: left;
  margin: 0;
  background: no-repeat 0 40px;
}

#header h1 {
  width: 353px;
  background-image: url("/images/engage.png");
}

#header h1 a {
  display: block;
  width: 100%; height: 100%;
}

#header h2.your-world {
  width: 597px;
  background-image: url("/images/your-world.png");
}

#nav {
  height: 40px;
  margin: 0 0 20px;
  padding: 10px 0 20px;
  background: url("/images/nav.png") repeat-x;
}

#nav ul {
  width: 960px;
  margin: 0 auto;
}

#nav ul li {
  float: left;
  margin-right: 20px;
}

#nav ul li a {
  font: 24px/30px "Georgia", serif;
  color: #fff;
  text-transform: lowercase;
  display: block;
  padding: 5px 10px;
}

#nav ul li a:hover {
  color: #eaf0cc;
}

#nav ul li.current {
  padding-bottom: 40px;
  margin-bottom: -40px;
  background: url("/images/nav-arrow.png") no-repeat 50% 100%;
}

#content {
  width: 880px;
  margin: 0 auto 20px;
  padding: 39px;
  background: #fff;
  border: 1px solid #aeb398;
}

#content p {
  color: #7c806c;
}

#content a       { color: #cc6d29; }
#content a:hover { color: #59b3b3; }

#content ul,
#content ol { font: 15px/20px "Georgia", serif; }

#content ol { padding: 0 30px; }

#content ul li,
#content ol li { margin: 0 0 10px; }

#content ul li {
  padding: 0 20px;
  background: url("/images/li.png") no-repeat 4px 6px;
}

#content ul.banners li {
  width: 260px; height: 40px;
  padding: 10px 15px;
  background: url("/images/banner-green.png") no-repeat;
}

#content ul.banners li h3 {
  font: 15px/20px "Georgia", serif;
  margin: 0;
}

#content ul.banners li a       { color: #eaf0cc; }
#content ul.banners li a:hover { color: #fff; }

#content ul.banners li p {
  font: 11px/20px "Lucida Grande", "Verdana", sans-serif;
  color: #fff;
}

#content hr {
  margin: 40px 0;
  border: none;
}

#content .header {
  width: 880px; height: 60px;
  padding: 20px 40px;
  margin: -40px -40px 0;
}

#content .header h1 {
  font: 24px/30px "Georgia", serif;
  color: #fff;
}

#content .header p {
  font: 18px/30px "Georgia", serif;
  color: #fff;
}

.home #slides {
  width: 960px; height: 360px;
  margin: -40px -40px 0;
}

.home #main {
  width: 550px;
  float: left;
  padding-top: 20px;
  border-top: 10px solid #cc6d29;
}

.home #sub {
  width: 290px;
  float: right;
  padding-top: 20px;
  border-top: 10px solid #59b3b3;
}

.home #content h2 {
  font: 15px/20px "Georgia", serif;
  padding-bottom: 9px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.home #main h2 { color: #cc6d29; }
.home #sub  h2 { color: #59b3b3; }

.home #content h3 {
  font: 18px/25px "Georgia", serif;
  margin: 0 0 10px;
}

.home #content p {
  margin: 0 0 10px;
}

.home #main img {
  float: left;
  border: 1px solid #e6e6e6;
  margin: 0 20px 20px 0;
}

.home #main h3 img {
  position: relative;
  top: 5px;
}

.home #main h2 { margin: 0 0 20px; }

.home #main .note h2 { margin-bottom: 10px; }
.home #main .note p  { font-size: 11px; }

.home #sub h2 { margin: 0 0 10px; }
.home #sub p  { font-size: 11px; }

.home #sub .sig {
  color: #333;
  padding: 5px 0;
  margin: 0;
}

.home #sub .sig img {
  float: left;
  margin: -5px 14px -5px 0;
  border: 1px solid #e6e6e6;
}

.home #content ul.banners li.signup {
  background-image: url("/images/banner-orange.png");
}

.home #content ul.banners li.locations {
  background-image: url("/images/banner-teal.png");
}

.home #content ul.banners li.colleges {
  background-image: url("/images/banner-green.png");
}

.locations #content .header,
.colleges #content .header,
.ministries #content .header {
  background: url("/images/header-teal.png");
}

.locations #content #sub,
.colleges #content #sub {
  width: 360px;
  float: left;
  border-top: 10px solid #cc6d29;
  padding-top: 20px;
}

.locations #content #main,
.colleges #content #main {
  width: 480px;
  float: right;
  border-top: 10px solid #8fcc52;
  padding-top: 20px;
}

.locations #content #sub p,
.colleges #content #sub p {
  font: 18px/25px "Georgia", serif;
}

.locations #content {
  padding: 39px 39px 300px;
  background: #fff url("/images/locations/multitude.png") no-repeat 0 100%;
}

.locations #content #main li {
  font: 18px/25px "Georgia", serif;
  margin: 0;
  background-position: 0 8px;
}

.colleges #colleges {
  font: 11px/20px "Lucida Grande", "Verdana", sans-serif;
  color: #7f7f7f;
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 20px;
}

.colleges #colleges td {
  border: solid #e6e6e6;
  border-width: 1px 1px 1px 0;
  padding: 20px;
}

.colleges #colleges td.logo {
  padding: 10px 0 10px 20px;
  border-width: 1px 0 1px 1px;
  text-align: center;
}

.colleges #content #main h3 { font: 18px/25px "Georgia", serif; }
.colleges #content #main h4 { color: #333; }
.colleges #content #main p  { margin: 0; }

.ministries #content #main {
  width: 480px;
  float: left;
  border-top: 10px solid #8fcc52;
  padding-top: 20px;
}

.ministries #content #main p {
  font: 18px/25px "Georgia", serif;
}

.ministries #content #main .locations p {
  font: 13px/20px "Lucida Grande", "Verdana", sans-serif;
}

.ministries #content #main .locations h3 {
  font: 15px/20px "Georgia", serif;
  color: #cc6d29;
}

.ministries #content #main .locations h3 em {
  margin-left: 10px;
  color: #999;
}

.ministries #content #sub {
  width: 360px;
  float: right;
  border-top: 10px solid #cc6d29;
}

.ministries #content ul.photos li {
  padding: 0;
  margin: 0;
  background: 0;
  border-bottom: 1px solid #e6e6e6;
}

.ministries #content ul.photos li img {
  display: block;
}

.signup #content .header {
  background: url("/images/header-orange.png");
}

.signup #content #main {
  width: 640px;
  margin: 0 auto;
  padding: 20px 0 0;
  border-top: 10px solid #59b3b3;
}

.signup #content #main table {
  width: 100%;
  margin: 0 0 30px;
  border-collapse: collapse;
}

.signup #content #main table td {
  padding: 10px 0;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6;
}

.signup #content #main table td.label {
  text-align: right;
  padding-right: 20px;
  width: 200px;
}

.signup #content #main table .div td {
  border-top: 10px solid #e6e6e6;
}

.signup #content #main input.text {
  font: 13px "Lucida Grande", "Verdana", sans-serif;
  display: block;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.signup #content #main input.city,
.signup #content #main input.state,
.signup #content #main input.zip {
  float: left;
  margin-right: 10px;
}

.signup #content #main input.state,
.signup #content #main input.zip { text-align: center; }

.signup #content #main input.city  { width: 220px; }
.signup #content #main input.state { width: 70px; }
.signup #content #main input.zip   { width: 110px; margin: 0; }

.signup #content #main h2 {
  font: 15px/20px "Georgia", serif;
  color: #cc6d29;
  padding-bottom: 9px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.signup #content #main .sites { margin: 0 0 30px; }

.signup #content #main .sites li {
  width: 240px;
  float: left;
}

.signup #content #main .sites li.-clear { float: none; }

.signup #content #main .sites li input {
  font-size: 16px;
  margin-right: 10px;
}

.signup #content #main .comments {
  margin: 0 0 30px;
}

.signup #content #main .comments textarea {
  font: 13px "Lucida Grande", "Verdana", sans-serif;
  display: block;
  width: 100%; max-width: 100%; height: 100px;
  resize: none;
  border: 1px solid #ccc;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.signup #content div.submit {
  border-top: 10px solid #e6e6e6;
  padding: 20px 0;
}

.signup #content div.submit input {
  display: block;
  margin: 0;
}

.finished #content {
  padding-top: 80px;
  padding-bottom: 60px;
  text-align: center;
}

.finished #content h1 {
  font: 24px/30px "Georgia", serif;
  margin: 0 0 10px;
}

#footer {
  width: 960px;
  margin: 0 auto 40px;
}

#footer h2 {
  width: 184px; height: 50px;
  text-indent: -9999px;
  margin: 0 0 10px;
  background: url("/images/engage-footer.png");
}

#footer h2 a {
  display: block;
  width: 100%; height: 100%;
  overflow: hidden;
}

#footer p {
  color: #aeb398;
  margin: 0;
}