body {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  color: #222222;
  background-color: silver;
}

h1, h2, h3, h4, h5, h6 {
  font-family: verdana, arial, sans-serif;
  color: #222222;
}

h1 {
  font-size: 14pt;
}

h2 {
    font-size: 12pt;
}

p, li {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  color: #222222;
}

.menu {
  background-color: white;
  width: 20%;
  float: left;
  border-right: dashed gray 1;
  padding: 5px;
}

.header {
  position: relative;
  left: 10%;
  width: 80%;
  background-color: white;
  padding: 10px;
  margin: 10px;
  border: solid gray 1px;
}

.content {
  position: relative;
  left: 10%;
  width: 80%;
  min-height: 300px;
  background-color: white;
  padding: 10px;
  margin: 10px;
  border: solid gray 1px;
}

.callout {
  background-color: white;
  width: 30%;
  float: right;
  margin: 10px;
  padding: 5px;
  border: 1px solid silver;
}

.footer {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  color: #222222;
}

div.logo {
  float: left;
}

div.nav-bar {
  float: right;
  font-size: 8pt;
  vertical-align: bottom;
}

a.nav-bar {
  text-decoration: none;
  color: black;
}