body {
   background-color: #aaa;
   padding: 0px;
   margin: 20px auto 20px auto;
}
p, h1, h2, h3, li {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: transparent;
}
a, a:visited {
   text-decoration: none;
}
.left {
   float: left;
}
.right {
   float: right;
}
hr {
   height: 1px; color: #fff; background-color: #fff; border: 0;
}
#body {
   background-color: #720d18;
   width: 750px;
}
#logobar {
   padding: 15px 0px 5px 0px;
   width: 95%;
}
#logobar h1 {
   color: #fff;
   font-size: 170%;
   font-weight: normal;
   text-align: center;
   margin: 0px;
}
#logobar img {
   margin: 10px;
}
#main {
}
#content {
   width: 90%;
   position: relative;
   padding: 15px 0px 15px 0px;
}
#content p {
   color: #fff;
   font-size: 100%;
   line-height: 150%;
   margin-top: 0px;
   margin-bottom: 15px;
   text-align: left;
}
#content a, #content a:visited {
   color: #fff;
   text-decoration: underline;
}
#content a:hover {
   color: #000;
   text-decoration: none;
}
#content h1 {
   color: #fff;
   font-size: 150%;
   font-weight: normal;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 20px;
}
#content h2 {
   color: #fff;
   font-size: 130%;
   font-weight: normal;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 10px;
}
#content h3 {
   color: #fff;
   font-size: 110%;
   margin-top: 15px;
   margin-bottom: 10px;
}
#content ul {
   margin-top: 0px;
   margin-bottom: 10px;
   list-style-type: disc;
}
#content ol {
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 20px;
}
#content li {
   color: #fff;
   font-size: 110%;
   line-height: 150%;
   margin: 8px;
}
#content .small {
   font-size: 90%;
}
#content .large {
   font-size: 110%;
   text-align: center;
}

#footer {
   padding-bottom: 20px;
}
#footer p {
   padding: 15px 10px 11px 10px;
   font-size: 70%;
   font-weight: bold;
   color: #555;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: center;
}
#footer a, #footer a:visited {
   color: #555;
   text-decoration: none;
}
#footer a:hover {
   color: #000;
   text-decoration: underline;
}

@media (max-width: 770px) {
   #body {
      width: 98%;
   }
}
@media (max-width: 560px) {
   #logobar h1 {
      font-size: 130%;
   }
   #content p {
      font-size: 100%;
   }
   #content img {
      width: 90%;
      height: auto;
   }
}