html {
    background-color: #5C4033;
}

body {
       font-size: medium;
       margin: 0 5% 0 5%;
       color: rgb(0%, 0%, 0%);
       background-color: rgb(100%, 100%, 100%);
}

h1 {
      font-size: 200%;
      font-family: Times, TimesNR, "New Century Schoolbook", serif;
}

h2 {
      font-size: 150%;
      font-family: Times, TimesNR, "New Century Schoolbook", serif;
}

h3 {
      font-size: 120%;
      font-family: Times, TimesNR, "New Century Schoolbook", serif;
}

p {
      font-size: 100%;
      font-family: Arial, Helvetica, sans-serif;
}

ol {
      font-size: 100%;
      font-family: Helvetica, Arial, sans-serif;
}

ul {
      font-size: 100%;
      font-family: Helvetica, Arial, sans-serif;
}

#header {
      background-color: #8B6508;
      color: white;
}

#header h1 {
      font-variant: small-caps;
      padding: .5em 0 0 1.5em;
      margin: 0;
}

#header h2 {
      padding: 0 0 1em 3.5em;
      margin: 0 0 .3em 0;
}

.latin {
      font-style: italic;
}

.highlight {
      font-weight: bold;
} 

#tutorials {
      width: 20%;
      float: left;
}

#tutorials h2 {
      background-color: #FFB90F;
      padding: 0 0 0 .5em;
      margin-left: 8px;
}

#tutorials ol {
      list-style: none;
      margin-left: .5em;
      padding-left: 3px;
      border: solid 1px #CDC9A5;
      color: #545454;
}

#tutorials p {
      margin-left: .5em;
      color: white;
      font-weight: bold;
      background-color: #99CC32;
      padding-left: 3px;
}

a:link, a:visited {
      text-decoration: none;
      color: #545454;
}

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

#tutorials ol ol {
      border: none;
} 
#other {
      width: 27%;
      float: right;
      padding: 0 .5em 0 10px;
} 

#intro {
      width: 47%;
      margin: 0 0 0 22%;
} 


#S5 {
      padding: 0 .5em 0 10px;
      background-color: #CFB53B;
}

#miscellaneous {
      clear: both;
      padding: 10px 0 0 10px;
}

#printing, #changes, #tags {
      padding: 0 0 0 10px;
}