* {
      margin: 0;
      padding: 0;
    }

    body {
      background: #d2d4d5;
      color: #303030;
      font: 12pt Verdana, Tahoma, Sans-Serif;
      text-align: center;
    }

    p {
      font-size: 1em;
      margin: 0 0 16px;
    }

    p.tt {
      font-size: 10em;
      font: "Courier New", Courier, monospace;
    }

    a {
      color: #00f;
      text-decoration: none;
    }

    a:hover {
      color: #88f;
      text-decoration: underline;
    }

    h1 {
      font-size: 1.6em;
      margin: 0 0 8px;
    }

    h2 {
      font-size: 1.4em;
      margin: 0 0 8px;
    }

    h3 {
      font-size: 1.2em;
      margin: 0 0 8px;
    }

    ol {
      font-size: 1em;
      padding: 0;
      margin-left: 3em;
      margin-bottom: 1ex;
    }

    ul {
      font-size: 1em;
      padding: 0;
      margin-left: 3em;
      margin-bottom: 1ex;
    }

    code {
      font-weight: bold;
      font-size: 100%;
    }

    table {
      margin-left: 0em;
    }

    td {
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
    }

    .btt {
      font-size: 1.2em;
      font-weight: bold;
      font-family: "Courier New", Courier, monospace;
    }

    td.btt {
      font-size: 1.1em;
      font-weight: bold;
      font-family: "Courier New", Courier, monospace;
    }

    math {
      padding-top: 1em;
    }

    mtd {
      padding-left: 0.5em;
      padding-right: 0.5em;
    }

    .red {
      color: red;
    }

    .blue {
      color: blue;
    }

    .purple {
      color: purple;
    }

    pre {
      font-size: 100%;
      font-weight: bold;
      line-height: 150%;
      margin: 1em;
      padding-top: 0.2em;
      padding-bottom: 0.2em;
      padding-left: 1em;
      padding-right: 1em;
      border-style: solid;
      border-left-width: 1em;
      border-top-width: thin;
      border-right-width: thin;
      border-bottom-width: thin;
      border-color: #95ABD0;
      color: #000000;
      background-color: #FFFFFF;
    }

    #container {
      background: #fff;
      margin: 20px auto;
      padding: 10px 10px 1px;
      text-align: left;
      width: 1100px;
    }

    .header {
      background: #7B4101; /* #00BCD4; */
      clear: both;
      margin: 0 0 10px;
      padding: 10px;
	  border-radius: 5px;
    }

    .header h1 {
      font-size: 1.8em;
      letter-spacing: -1px;
      margin: 0;
      padding: 10px 0px 10px 0px;
      color: #ffffff;
    }

    .header p {
      font-size: 1.25em;
      font-weight: 700;
      margin: 0;
      padding: 0 0 10px 10px;
	  color: #ffa000;
    }

    .mainmenu {
      clear: both;
      margin: 0 0 10px;
    }

    .mainmenu ul {
      background: #f0f0f0;
      list-style: none;
      width: 100%;
    }

    .mainmenu li {
      float: left;
      list-style: none;
      margin: 0 0 10px;
    }

    .mainmenu li a {
      background: #f0f0f0;
      border-right: 10px solid #fff;
      display: block;
      float: left;
      font-size: 1.1em;
      font-weight: 700;
      padding: 6px 10px;
    }

    .mainmenu li a:hover {
      background: #f5e9d9;
      display: block;
      padding: 6px 10px;
    }

    .breadcrumbs {
      background: #f0f0f0;
      clear: both;
      font-size: 1.1em;
      font-weight: 700;
      margin: 0 0 10px;
      padding: 10px;
      text-decoration: none;
    }

    .breadcrumbs p {
      margin: 0;
    }

    .headline {
      border-left: 20px solid #d56e30;
      clear: both;
      margin: 0 0 10px;
      padding: 0 10px;
    }

    .headline h1 {
      margin: 0;
    }

    .singlecontent {
      background: #f0f0f0;
      clear: both;
      line-height: 1.4em;
      margin: 0 0 10px;
      padding: 10px 10px 1px;
	  border-radius: 5px;
    }
	.singlecontent h2{
	  border-bottom: 1px solid #9E9E9E;
	  padding-bottom: 4px;
    }
    .exercise {
      background: #ffdddd;
      clear: both;
      line-height: 1.4em;
      margin: 0 0 10px;
      padding: 10px 10px 1px;
    }

    .space {
      background: #ffffff;
      clear: both;
      line-height: 1.4em;
      margin: 0 0 10px;
      padding: 10px 10px 1px;
    }

    .doublecontent {
      background: #f0f0f0;
      clear: both;
      line-height: 1.4em;
      margin: 0 0 10px;
      padding: 10px 10px 1px;
    }

    .doubleleft {
      float: left;
      width: 39%;
    }

    .doubleright {
      float: right;
      width: 57%;
    }

    .footer {
      background: #f0f0e0;
      clear: both;
      color: gray;
      margin: 0 0 10px;
      padding: 10px;
      text-align: center;
	  border-radius: 5px;
    }

    .footer p {
      margin: 0;
    }

    .clear {
      clear: both;
    }