html, body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* disable link underline globally */
a {
  text-decoration: none;
}

a:hover {
  color: #c00;
}

div.clear {
  clear: both;
}

/* ======================================================================== */
/* Body: identify basic type and all styling that is type specific.         */
/* ======================================================================== */

body {
  font-size: 20px;
  line-height: 150%;
  font-family: Arimo, Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #fff;
}

/* ======================================================================== */
/* Header with the banner and the menu                                      */
/* ======================================================================== */

div.header {
  width: 100%;
}

div.header img {
  width: 100%;
}

div.header div.menu {
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div.header span.menuItem {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}

a.menuLink {
  color: inherit;
}

a.menuLink:hover {
  color: #c00;
}

/* ======================================================================== */
/* Footer.                                                                  */
/* ======================================================================== */

div.footer {
  width: 100%;
  background-color: #777;
  color: #ffe;
}

div.footer-content {
  font-family: Arimo, Arial, sans-serif;
  max-width: 40em;
  margin: 0 auto;
  padding: 0.5em;
}

div.footer a {
  color: #eff;
}

div.footer a:hover {
  color: #fcc;
}

/* ======================================================================== */
/* Content.                                                                 */
/* ======================================================================== */

div.content {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

/* page title */
h2 {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

/* FAQ questions */
h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h3, b {
  color: #c00;
}

p {
  margin-bottom: 0.5em;
}

/* images */

div.full-width-image {
  margin-bottom: 0.5em;
}

div.full-width-image img {
  width: 100%;
}

div.full-width-image span.caption {
  display: block;
  color: #666;
  text-align: right;
  font-size: 75%;
  font-family: Arimo, Arial, sans-serif;
  margin-top: -0.5em;
}

div.portrait-caption {
  margin-bottom: 0.5em;
}

div.portrait-caption img {
  float: left;
  width: 30%;
  margin-right: 0.5em;
}

div.landscape-caption {
  -padding: 0 5em;
}

div.landscape-caption img {
  width: 45%;
  float: left;
  margin-right: 0.5em;
}

img.inline-logo {
  width: 2.5em;
  float: left;
  margin-right: 0.5em;
  padding-top: 0.25em;
  vertical-align: top;
}

img.centered-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 5em;
}

div.homepage {
  text-align: right;
  width: 100%;
}
div.homepage span.home-1 {
  width: 49%;
  float: left;
}
div.homepage span.home-2 {
  width: 49%;
  float: right;
}

div.homepage img {
  width: 100%;
}

div.homepage-title {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  font-size: 300%;
  line-height: 100%;
  font-weight: bold;
}

div.homepage-subtitle {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.homepage-subtitle img, div.footer-content img {
  display: inline-block;
  height: 1em;
  vertical-align: top;
  margin-right: 0.1em;
  margin-top: 0.2em;
}


span.comment {
  color: #666;
  background-color: #ff0;
  font-size: 90%;
}