body {
   background-color: #966cac;
   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 {
   width: 100%;
   max-width: 685px;
}
#logobar {
   padding: 5px 0px 0px 0px;
   width: 95%;
}
#logobar .logo {
   margin: 10px 0px;
}
#main {
}
#content {
   width: 95%;
   position: relative;
   padding: 15px 0px 15px 0px;
}
#content p {
   color: #fff;
   font-size: 130%;
   line-height: 140%;
   margin-top: 0px;
   margin-bottom: 12px;
}
#content a, #content a:visited {
   color: #fff;
   text-decoration: underline;
}
#content a:hover {
   color: #ceee91;
   text-decoration: none;
}
#content h1 {
   font-family: "mufferaw",sans-serif;
   font-style: normal;
   font-weight: 700;
   text-align: center;
   color: #fff;
   font-size: 250%;
   margin-top: 0px;
   margin-bottom: 30px;
}
#content h2 {
   font-family: "mufferaw",sans-serif;
   font-style: normal;
   font-weight: 700;
   color: #fff;
   font-size: 170%;
   margin-top: 15px;
   margin-bottom: 30px;
}
#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: 130%;
   line-height: 140%;
   margin: 8px;
}
#content .medium {
   font-size: 115%;
}
#content .small {
   font-size: 95%;
   text-align: justify;
}
#content .highlight {
   font-family: "mufferaw",sans-serif;
   font-style: italic;
   font-weight: 700;
   font-size: 130%;
}
#content .panel {
   background-color: #fff;
   padding: 15px 15px 10px 15px;
   margin-bottom: 20px;
}
#content .panel h2 {
   font-size: 130%;
   color: #966cac;
   margin-top: 0px;
   margin-bottom: 5px;
}
#content .panel p {
   font-size: 110%;
   color: #966cac;
   text-align: left;
   margin-bottom: 5px;
}

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

@media (max-width: 600px) {
   #logobar .logo,
   #content img {
      width: 100%;
      height: auto;
   }
   #content p {
      font-size: 110%;
   }
   #content h1 {
      font-size: 220%;
   }
   #content h2 {
      font-size: 130%;
   }
   #content li {
      font-size: 110%;
   }
   #content .medium {
      font-size: 100%;
   }
   #content .small {
      font-size: 85%;
      text-align: center;
   }
   #content .highlight {
      font-size: 120%;
   }
}