body {

  background: #0B3227 url("../images/christChurchBackgroundShort.jpg") no-repeat top center;

  color: #eee;

}

#content {

  text-align: left;

  padding: 2em 2em 4em 2em;

  background-color: white;

  color: black;

  border-top: 2px solid black;

  border-bottom: 2px solid black;

}

.breadCrumb {

  float: right;

  font-size: 0.9em;

  font-family: Arial, Helvetica, sans-serif;

}

#content div.photo-left {

  float: left;

  margin: 0 2em 1em 0;

}

#content div.movie-left {

  float: left;

  margin: 1em 1em 1em 2em;

}

#content div.movie-right {

  float: right;

  margin: 1em 1em 1em 2em;

}

#content div.col-left {

  float: left;

  margin: 1em 0em 1em 1em;
  width: 45%;

}

#content div.col-right {

  float: right;

  margin: 1em 1em 1em 0em;
  width: 45%;

}

#content div.nomargin {

  margin: 0 !important;

}

#content div.photo-right {

  float: right;

  text-align: right;

  margin: 0 0 1em 1.5em;

}

#content div.photo-portraits {

  float: right;

  clear: both;

  width: 280px;

  text-align: right;

  margin: 0 0 0 1.5em;

}

#content div.photo-portraits p,

#content div.photo-left p,

#content div.photo-right p {

  font-size: 0.9em;

  font-style: italic;

}

#content div.photo-portraits img,

#content div.photo-left img,

#content div.photo-right img {

  margin: 0;

  border: 1px solid #092A21;

}

#metaphorTable {

  margin: 1em -2em 0 -2em;

}

#metaphorTable td {

  vertical-align: top;

  border-top: 1px solid #bbb;

}

#metaphorTable td.image {

  padding: 2em 0 2em 2em;

}

#metaphorTable td.text {

  padding: 2em 2em 2em 1em;

  color: black;

  background-color: transparent;

}

#metaphorTable td.text p {

  margin-top: 0;

}

#maplogos {

  text-align: center;

}

#maplogos img {

  display: inline;

}

#cdTable {

  border: 1px solid #ddd;

}

#cdTable td,

#cdTable th {

  padding: 0.5em;

  border: 1px solid #ddd;

}

#cdTable td p {

  margin: 0 0 1em 0;

  padding: 0;

}

#cdTable td {

  vertical-align: top;

  color: black;

  background-color: white;

}

#cdTable th {

  background-color: #ccc;

  color: black;

  text-align: center;

}

#cdTable td.cdNumber {

  background-color: #eee;

  color: black;

  vertical-align: middle;

  text-align: center;

  font-weight: bold;

}

#cdTable p.cdTitle {

  font-weight: bold;

  font-style: italic;

}

#cdTable ol {

  list-style-type: lower-alpha;

}

#eventsListing {

  font-family: Arial, Helvetica, sans-serif;

  margin: 1em 0;

  padding: 0;

}

#eventsListing li {

  margin: 0 0 1em 0;

  padding: 0 0 1em 0;

  border: 1px solid #ccc;

  list-style-type: none;

}

#eventsListing h3 {

  font-size: 1.2em;

  margin: 0 1em 0 2em;

  padding: 0;

}

#eventsListing h3.crane {

  font-size: 1.2em;

  margin: 0 1em 0 1em;

  padding: 0;

}

#eventsListing p.col {

  margin: 1em 0em 1em 0em;

}

#eventsListing p {

  margin: 1em 1em 1em 3em;

}

#eventsListing p.date {

  padding: 0.25em 1em;

  margin: 0 0 1em 0;

  font-weight: bold;

  font-size: 1em;

  color: black;

  background-color: #eee;

  border: collapse;

}

#vision li,

#subTab li {

  margin-bottom: 1em;

}

#subTab ul {

  margin: 0;



}

h1 {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1.6em;

  margin: 0;

  padding: 0;

}

h2,

legend {

  color: #a00;

  background-color: transparent;

  font-size: 1.2em;

}

fieldset {

  margin: 1em;

  padding: 1em;

  border: 1px solid #ccc;

}

#newsletterTable {

  color: black;

  background-color: white;

}

#newsletterTable td {

  vertical-align: top;

  padding: 0 2em 0 0;

}

ul.newsletters {

  margin-left: 0;

  padding-left: 0;

}

ul.newsletters li {

  list-style-position: inside;

}