html {
  background-color: #efefea;
}

.code{
font-family:"Courier New", Courier, monospace;
white-space: pre-wrap;
background: #eeeeee;
border: 1px solid #888888;
color: black;
padding: 1em;
}


.code-table{
background: #eeeeee;
border: 1px solid #888888;
color: black;
padding: 1em;
margin: 0 auto;
}

body {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: auto;
  font-family: Helvetica, Verdana, Tahoma, Arial, Sans-serif;
  font-size: 1em;
  width: 820px;
  padding:0px;
}

div#header {
  height: 0px;
  width: 700px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

div#left_column {
  background-color:#efefea;
  width: 280px;
  height: 100%;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 90px;
  padding: 0px;
}

div#main {
  background-color:#fefefd;
  width: 700px;
  margin-left: 300px;
  height: 100%;
  padding: 24px;
}

.circular-image {
  border-radius:  50%;
  height: 75%;
}

div#textbox {
  margin-top: 5px;
}

.alignleft {
  margin-top: 5px;
  float: left;
}
.alignright {
  margin-top: 5px;
  float: right;
}

div#justify {
  text-align: justify;
}

a {
  text-decoration: none;
  color: #1111bb;
}

p {
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 32px;
  margin-right: 32px;
  font-size: 1em;
  text-indent: 0px;
}

.paper {
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 32px;
  margin-right: 32px;
  font-size: 1em;
  text-indent: 0px;
}

ul {
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 32px;
  font-size: 1em;
  text-indent: 0px;
}


link {
  color: #1a1ab0;
}

h1 {
  margin-left:32px;
}

h2 {
  margin-bottom: 8px;
  color: #000000;
  font-size: 1.3em;
  font-weight: bold;
}

h3 {
  margin-bottom: 12px;
  margin-top: 12px;
  margin-left: 16px;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
}

h4 {
  margin-bottom:-10px;
  font-weight: normal;
}

h5 {
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 8px;
}

.backwards {
  unicode-bidi: bidi-override;
  direction: rtl;
}

#datatab
{
margin: 10px;
border-collapse: collapse;
text-align: left;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}

#datatab th
{
border-bottom: 1px solid #000;
font-weight: normal;
padding: 5px 10px;
text-align: left;
}

#datatab td
{
padding: 3px 8px;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: transparent;
  /*color: #444;*/
  cursor: pointer;
  padding: 0px;
  /*width: 80%;*/
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  margin-left: 0px;
  color: #000000;
  font-size: 1em;
  /*font-weight: bold;*/
  /*margin-top: 16px;*/
  margin-bottom: 0px;

}

.collapsible:after {
  /*content: '\02795';*/
  /*font-size: 13px;*/
  /*color: white;*/
  /*float: right;*/
  /*margin-left: 5px;*/
}

.active:after {
  /*content: "\2796";*/
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  /*background-color: #ccc;*/
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 0px;
  /*background-color: white;*/
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}