body {
    background-color: #eeeeee;
	font-size: 16pt;
}

h1, h2 {
	font-family: sans-serif;
    background-color: #eeeeee;
}

h1 {
	font-size: 36pt;
	color: darkgreen
}

h2 {
	font-size: 18pt;
}

p {
	font-family: serif
}
img {
  max-width: 100%;
  height: auto;
}
#divBody {
    display:inline-block;
}
#divMain {

    background-color: white;
}
#divButtons {
    width:110px;
    background-color: #94c59c;
	font-weight: bold;

}
#divButton {
    width:100px;
    height:50px;
    border:none;
    vertical-align:top;
}

/* Style the tab */
.tab {
	overflow: hidden;
	border: none;
	background-color: #94c59c;
	foreground-color: #eeeeee;
	font-weight: bold;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
	font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #eeeeee;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #eeeeee;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
}

#grid {
    display: grid;
    grid-template-columns: 20% 20% 20%;
}

.blue_text {
  color: blue;
}

.darkblue_text {
  color: darkblue;
}
.green_text {
  color: green;
}

.darkgreen_text {
  color: darkgreen;
}
.red_text {
  color: red;
}

.darkred_text {
  color: darkred;
}

.purple_text {
  color: purple;
}

.grid_header {
/*    background-color: yellow; */
/*    color: white; */
	font-weight: bold;
	font-size: 18pt;
}