/* style for the stylish */
html body {
  background-color: white;
margin: 0px;
padding: 0px; 

}
div.header {
  padding: 3px;
  position: absolute;
  width: 100%;
  top: 0px;
  right: 0px;
  border-bottom: solid medium black;
  text-align: center;
  background-color: #44dd44;
}

h2#header_title {
  font-size: xx-large;
  font-family: Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  margin: .5em;
}

.maincontent {
  border: solid thin;
  margin-top: 5em;
  position: absolute;
  width: 520px;
  top: 80px;
  left: 225px;
  background-color: white;
}

.masthead {
  border: solid thick green;
  padding-top: .3em;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  font-family: sans-serif;
  font-size: small;
  font-style: italic;
  text-align: justify;
  background-position: center right;
  background-repeat: no-repeat;
}
.masthead p { 
  margin: 1em;
  margin-right: 3em;
  padding: 1em; 
}

.article {
  padding-top: .5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: .5em;
  border-color: green;
  border-top: solid thin;
  border-left: solid thick;
  border-left-width: 10px;
  border-right: 0px;
  border-bottom: 0px;
  font: 12pt serif;
  margin: 7px;
}
.article p {
  text-align: justify;
}

.nav {
  padding-left: .2em;
  padding-top: 1em;
  padding-bottom: .5em;
  border: solid medium;
  border-color: #64D443;
  margin-left: .5em;
  margin-top: 5em;
  background-color: #77ee55;
  width: 100px;
  position: absolute;
  top: 60px;
  left: 20px;
}

.navitem {
  padding-left: .5em;
  padding-top: .5em;
  padding-bottom: .5em;
  border: solid thin;
  margin: 0.5em 0;
  background-color: #64D443;
  margin-left: 0.5em;
  margin-right: 10%;
  width: 100px;
  position: relative;
}

.sidebar {
  position: relative;
  float: right;
  top: 80px;
  }