/* 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;
  background-color: white;
}
#main {
  min-height: 100%;
  position: relative; /* UNKNOWN whether needed for safari as of early Feb 2010 */
}
#footer {
  background-image: url(/img/gradient.png);
  clear: both;
  height: 100px;
  margin-top: -100px;
  padding: 0 5%;
  position: relative; /* ESSENTIAL for safari (& who knows what else) */
}
div.clear { /* ESSENTIAL for safari (& who knows what else) */
  clear: both;
}

/* =============== 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: 80px; /* This is adjustable to suit the designer */
}

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

img {
  border: 1px solid #DDDDDD;
  width: 500px;
}
#border-top {
  height: 3px;
  background: #7D414E;
}
#main-nav {
  padding-right: 5%;
  text-align: right;
}
#main-nav a {
  color: #5B1E2D;
  font-family: sans-serif;
  margin-left: 30px;
  text-decoration: none;
}
#main-nav a:hover {
  text-decoration: underline;
}
#main-nav a.sel {
  color: #000000;
  cursor: default;
  text-decoration: none;
}
#secondary-nav a {
  padding-right: 15px;
  color: #2200cc;
  text-decoration: none;
}
#secondary-nav a:hover {
text-decoration: underline;  
}
/***********
 * Below from cm_short.css
 **********/

/*
body {
  color: #222;
}
*/

#main {
  background: url(/img/cherry_blossoms_cropped.jpg) no-repeat scroll 100% 0;
}
#content {
  padding-left: 5%;
  padding-right: 5%;
}
#content h1 {
  font-size: 1em;
  margin-bottom: 0.3em;
}
#content h1 + p {
  margin-top: 0;
}
#address {
  float: left;
  padding: 0 3% 0 2%;
  width: 25%;
  height: 100%;
}
#address h1 span {
  font-weight: normal;
}
#address a {
  text-decoration: none;
  color: #2200cc;
}
#address a:hover {
  text-decoration: underline;
}
#pitch {
  border-left: 1px solid black;
  float: left;
  padding: 0 0% 0 3%;
  width: 65%;
  height: 100%;
  /* ==== Following added late in the game to put space below vertical border bottom. ============= */
  margin-bottom: 1em;
  /* =========================================================== */
}
#pitch a {
  text-decoration: none;
  color: #2200cc;
}
#pitch a:hover {
  text-decoration: underline;
}
.disclaimer {
  font-size: 85%;
}
#credit {
  border-top: 1px solid black;
  text-align: right;
  padding-top: 10px;
  font-size: 80%;
}
#credit a {
  color: #222;
  font-family: sans-serif;
  font-style: italic;
  text-decoration: none;
}
#credit a:hover {
  text-decoration: underline;
}
#branding {
  padding: 100px 0 8px;
  margin: 0 5% 0;
  height: 100%;
  border-bottom: 1px solid black;
}
#branding h1, h2, h3 {
  display: inline;
}
#branding h1 {
  color: #905060;
  font-size: 280%;
  font-weight: 300;
  margin-bottom: 0;
}
#branding h2 {
  font-family: sans-serif;
  font-size: 120%;
  font-weight: 300;
  margin: 0 0 0 10px;
}
#branding h3 {
  font-family: Georgia, sans-serif;
  font-size: 80px;
  font-weight: bold;
  text-align: right;
}
#pitch.services li span {
  font-style: italic;
}
table td {
  vertical-align: top;
  padding: 6px;
}
#pitch tr.heading td, #pitch td.heading {
  font-weight: bold;
  padding: 0px;
}
#pitch td.position {
  font-style: italic;
}
#fees td.service, #fees td.heading {
  width: 65%; /* Does not work in Safari */
  width: 350px;
}
#password-warning {
  background-color: #FAFAD2;
  border: 1px solid #000000;
  color: #000000;
  font-family: sans-serif;
  font-size: 90%;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px;
}