html {
  background-color: #ffffff;
  padding: 0;
  color: #ffffff;
  text-align: justify;
}

body {
  background-color: #011c26;
  margin: 0;
  width: 480px;
  min-height: 500px;
  color: #ffffff;
  font-family: Calibri, Arial;
  font-size: 16px;
  padding: 10px 10px 10px 210px;
}

body#tinymce {
  margin-top: 39px;
}

a {
  text-decoration: none;
  color: #588c8c;
}

a:hover {
  text-decoration: underline;
}

h1 {font-size: 24px;} h2 {font-size: 20px;} h3 {font-size: 16px;} h4 {font-size: 16px;font-style: italic;} h5 {font-size: 16px;font-weight: normal;} h6 {font-size: 16px;font-weight: normal;font-style: italic;}

#content .wrapper {
  margin-left: 200px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6 {
  font-family: Corbel !important;
  color: #f4cb89 !important;
  margin: 0;
  margin-bottom: -10px;
}

#content h1 {
  font-size: 24px;
  margin-bottom: 20px;
}

#content h1, #content img, #content ul, #content ol, #content table, #content form, #tinymce h1, #tinymce img, #tinymce ul, #tinymce ol, #tinymce table, #tinymce form {
  margin-left: -200px !important;
}

#content img, #tinymce img {
  float: left;
  clear: left;
  margin-bottom: 10px;
  max-width: 190px;
  height: auto;
}

#tinymce > p:first-of-type > img:first-of-type {
  margin-top: -16px;
}

#content .mceEditor h1, #content .mceEditor img, #content .mceEditort ul, #content .mceEditor ol, #content .mceEditor table, #content .mceEditor form {
  margin-left: 0 !important;
}