body {
  background: #e9f0f5;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  color: #333333;
  margin: -10px 0;
  padding: 0;
  border: 0;
  line-height: 1.5em; }

p, h1, form {
  text-align: left; }

p {
  padding: 0; }

h1 {
  padding: 1em 0 0 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #226699;
  font-size: 150%; }

header {
  background: white;
  padding: 0;
  border-bottom: 2px solid black;
  width: 100%; }
  header p {
    font-size: 120%;
    color: #999999;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0.5em 20px 0.5em 20px; }
  header p#skyline {
    padding: 0;
    margin-bottom: 0;
    line-height: 0; }
    header p#skyline img {
      width: 100%; }

section {
  padding: 0;
  width: 100%; }

#content {
  padding: 0;
  margin: 0;
  width: 100%; }

#main {
  width: 50%;
  border-right: white 1px dotted; }

#sub {
  width: 21%; }

#main, #sub {
  float: left;
  display: block;
  padding-right: 20px;
  padding-left: 20px; }

iframe {
  background: white;
  padding: 5px;
  border: 1px solid #999999; }

a, a:visited {
  color: #990000; }

@media all and (min-width: 600px) {
  body {
    font-size: 1.1em; }

  header p {
    margin: 0.5em 35px 0.5em 35px; }

  #main, #sub {
    padding-left: 35px;
    padding-right: 35px; } }

@media all and (max-width: 862px) {
  #main, #sub {
    width: 87%;
    border-right: 0; } }

@media all and (min-width: 970px) {
  body {
    font-size: 1.2em; }

  p {
    line-height: 1.8em; }

  header p {
    margin: 0.5em 50px 0.5em 50px; }

  #main, #sub {
    padding-left: 50px;
    padding-right: 50px; } }