/* Typography */
a { color: #cc0d2b; text-decoration: none; }
a:focus, a:hover { color: #5996b2; outline: none; text-decoration: none; }

h1 { font-size: 34px; line-height: 38px; color: #5996b2; font-weight: 400; }
h2 { font-size: 30px; color: #5996b2; margin-bottom: 0.50em; line-height: 34px; }
h3 { font-size: 18px; color: #cc0d2b; font-weight: 400; margin-bottom: 0em;}
h4 { font-size: 16px; color: #5996b2; font-weight: 600; line-height: 22px;  }
h5 { font-size: 12px; color: #cc0d2b; margin-bottom: -1.0em; }
h6 { font-size: 9px; color: #cc0d2b; }

#content h1, #content #h2, #content h3, #content h4 a { color: #5996b2; }

.page > h1:first-child { margin-bottom: 0.533em; }

p { margin: 0 0 1em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

ul { margin: 0 0 1em 15px; }
ol { margin: 0 0 1em 30px; }

hr { background: url(assets/img/hr.png) repeat-x center top; margin: 18px 0; height: 2px; border: none; overflow: hidden; }

blockquote { margin: 1em 2.5em; }
blockquote cite { display: block; margin: 0 0 1em; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}