* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { 
        font-size: 14pt;
        color: #4D000D; 
        background: #170740;
        padding: 20px 50px 20px 50px;
      }

#container {
  position: relative;
  border: 5px solid #F5F5E4;
  color: #4D000D; 
  background: #FFFFED; 
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 300px;
}

#banner {
  position: relative;
  height: 125px;
  line-height: 125px;
}

#main {
  position: relative;
}

nav.banner {
  float: left;
  width: 150px;
  padding-left: 10px;
  padding-right: 10px;
}

code {
  position: relative;
  float: right;
  padding-right: 10px;
}

nav.elem {
  position: fixed;
  left: 50px;
  width: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 300px;
}

/* accordion container adapted from 
   http://tympanus.net/codrops/2012/02/21/accordion-with-css3/ */

.ac-container {
  margin-left: 150px;
}

.ac-section>label{
  position: relative;
  z-index: 20;
  display: block;
  height: 36px;
  cursor: pointer;
  line-height: 33px;
}

.ac-section>label,
.ac-section>input:checked + label{
  content: '';
  padding-left: 36px;
  height: 36;
  background: transparent url('ClosedLotus31x24.png') no-repeat left top;
}

.ac-section>input:checked + label{
  background-image: url('OpenLotus31x24.png')
}

.ac-section>label:hover{
  background: #FFFFB3 url('ClosedLotus31x24.png') no-repeat left top;
}

.ac-section>input:checked + label:hover{
  background: #FFFFB3 url('OpenLotus31x24.png') no-repeat left top;
}
.ac-section>input{
  display: none;
}


.ac-section>article{
  margin-top: -1px;
  padding-left: 36px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
}

.ac-section>input:checked ~ article{
  height: auto;
}

.button {
  color: #0000FF; 
  background: #FFFFED; 
  border: none;
  text-decoration: underline;
  font-size: large;
}