/* This is one way to have a footer section that stays at the bottom of the
 * page.  Everything adds up to the height of the page, exactly, and the footer
 * is pushed off the bottom of the page by the top margin of the footer, then
 * "brought back" the exact same amount by the equal negative margin.
 */

/* =============== Start of essential parts =========== */

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
}
#main {
  min-height: 100%;
}
#footer {
  background-image: url(/img/arp_grad_ft.png);
  clear: both;
  height: 50px;
  margin-top: -50px;
}

/* =============== End of essential parts =========== */

/*
 * The following are necessary in the case of this particular template.  The H1
 * in Branding comes first on the page, so the top margin must be zero.
 * Otherwise, the pixel count for the Main division would be raised, and an
 * adjustment would have to be made in the formula "(footer height) + (footer
 * margin) in order to offset the increased height of the Main division, which
 * isn't worth it. Similarly, within the Footer division, there must be no
 * element with a top margin, or else the Footer division parameters would have
 * to be adjusted. The padding at the bottom of the content division (part of
 * the upper division) is necessary to provide a little white space between the
 * text and the footer.
 */

#branding h1 {
  margin-top: 0;
}
#footer p {
  margin-top: 0;
}
#content {
  padding-bottom: 0px; /* This is adjustable to suit the designer */
}

/************************************************************************************/

#border-top {
  height: 2px;
  background: #7D414E;
  background: #1B87B6;
  background: #554fff;
}
#main-nav {
  border-top: 1px solid #5853df;
  border-bottom: 1px solid #5853df;
  font-size: 115%;
  margin: 6px auto 0;
  padding: 6px;
  text-align: center;
}
#main-nav a {
  color: navy;
  font-family: sans-serif;
  margin-right: 30px;
  text-decoration: none;
}
#main-nav a:hover {
  text-decoration: underline;
}
#main-nav a.sel {
  color: #777;
  text-decoration: none;
  cursor: default;
}

body {
  color: #222;
}
#content {
  background-color: #E0E0FF;
  border: 1px solid navy;
  margin: 20px auto 0;
  width: 80%;
  background-color: #ffffe0;
  background-color: #ffffa3;
  background-color: #ffffa3;
  background-color: #fff;
}
#content h1 + p {
  margin-top: 0;
}
#address {
  background-image: url("/img/clubhouse.jpg");
  background-image: url("/img/ARPApril07.jpg");
  background-image: url("/img/AARPinterior01.jpg");
  background-image: url("/img/ARPApril07cropped350.jpg");
  background-repeat: no-repeat;

  border: 1px solid #554fff;
  border: 1px solid #5853df;
  border: none;
  float: left;
  margin-top: 1em;
  width: 29%;
  padding: 200px 3% 0 2%;
}
#address h1 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
#pitch {
  min-height: 550px;
  float: left;
  border: 1px solid black;
  border: 1px solid #5853df;
  border: none;
  padding: 0 2% 0 2%;
  width: 60%;
}
#credit {
  /*
  border-top: 1px solid black;
  */
  text-align: right;
  padding: 8px 10% 0;
}
#credit a {
  color: #222;
  font-family: sans-serif;
  font-size: 80%;
  font-style: italic;
  text-decoration: none;
}
#credit a:hover {
  text-decoration: underline;
}
.disclaimer {
  font-style: italic;
}

#branding {
  padding-top: 10px;
  height: 100%;
}
#branding h1 {
  color: #1B87B6;
  color: #746fff;
  color: #554fff;
  color: #5853df;
  font-size: 280%;
  font-weight: 300;
  font-weight: bold;
  margin-bottom: 0;
}
#branding h2 {
  color: #1B87B6;
  color: #554fff;
  color: #5853df;
  font-size: 200%;
  font-weight: 300;
  margin: 0 0 0 10px;
}
#branding h3 {
  font-size: 100%;
  font-weight: 300;
  margin: 0 0 0 10px;
}

#map iframe {
  height: 400px;
  width: 600px;
}
#pitch h1 {
  font-family: sans-serif;
  color: #585eea;
  font-size: 150%;
  text-align: left;
  margin-bottom: 0;
}
#pitch.activities h1 {
  font-family: sans-serif;
  color: #585eea;
  font-size: 150%;
  text-align: left;
  margin-bottom: 0;
}
#pitch.activities h2 {
  color: #585eea;
}
#pitch.activities  h2, h3 {
  font-family: sans-serif;
  font-size: 100%;
  text-align: left;
}
#pitch.activities p, h2, h3 {
  margin: 0 0 0 2%;
}

#pitch.rental table {
  font-size: 110%;
  margin: 0 auto;
}
#pitch.rental th {
  color: #585eea;
}
#pitch.rental td {
  width: 150px;
  text-align: center;
}
#pitch.rental h1 {
  font-family: sans-serif;
  font-size: 150%;
  color: #585eea;
  text-align: center;
  margin-bottom: 10px;
}
#pitch.rental h2 {
  color: navy;
  font-size: 120%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#pitch.rental  h2, h3 {
  font-family: sans-serif;
}
#rental_nav {
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  background-color: #aaFFFF;
  font-size: 100%;
}
#rental_nav td {
  padding: 0 10px;
}
#branding {
  height: 100%;
  margin: 0 auto;
}
#branding h1, h2 {
  text-align: center;
}
#main {
  background-color: #FAFAFA;
  background-color: #F9F9FF;
  background-color: #ffffa3;
  background-color: #ffffe0;
  background-color: #fff;
}
p.letterhead {
  font-size: 160%;
  text-align: center;
}
.clear {
  clear: both;
}