body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  /* background-color: #fff; */
  background-color: #f0f0ea;
  background: url(/images/bkgd-top.gif) repeat-x scroll 0 0 #f0f0ea;
}
* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
html {
  height: 100%;
  margin-bottom: 1px;
}
#container {
  width: 90%;
  text-align: left;
  /* background-color: #fff; */
  margin-right: auto;
  margin-left: auto;
}
#header-container {
  width: 100%;
  height: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  /* background-color: #556680; */
}
#header-container h1, #header-container h2, #header-container a {
  margin-left: 6px;
  margin-bottom: 6px;
  color: #8596b0;
  /* background-color: #556680; */
  text-align: center;
  font-weight: 500;
  padding: 0.1em 0px 0.1em 0px;
}
.spacer {
  width: 100%;
  height: 15px;
}
hr {
  border: 0px;
  color: #ccc;
  background-color: #cdcdcd;
  height: 1px;
  width: 100%;
  text-align: left;
}
h1 {
  font-size: 28px;
  color: #c55;
  padding: 0.5em 0px 0.4em 0px;
  /* background-color: #fff; */
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;
}
h2 {
  font-size: 15px;
  color: #999;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;
  /* background-color: #fff; */
}
h3 {
  color: #4d9b12;
  font-size: 15px;
  text-align: left;
  font-weight: 300;
  padding: 5px;
  margin-top: 5px;
}

#left-container {
  float: left;
  width: 200px;
  /* background-color: #FFFFFF; */
  color: black;
  text-align: left;
  /* font-size: 130%; */
  font-weight: normal;
  letter-spacing: 0.4px;
  padding: 15px 0 0.1em 0;
}

#left-container h3 {
  color: #c55;
}

#main-container {
  margin: 5px 5px 5px 210px;
  padding: 15px;
  border-left: 1px solid silver;
  min-height: 400px;
}
p {
  color: #000;
  /* background-color: #fff; */
  line-height: 20px;
  padding: 5px;
}
a {
  color: #447;
  text-decoration: none;
}
a:hover {
  color: #447;
  text-decoration: underline;
}
a.selected {
  color: #c55;
}
#footer-container {
  clear: both;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  padding-bottom: 15px;
}
.right {
  float: right;
  font-size: 100%;
  margin-top: 5px;
  color: #999;
  /* background-color: #fff; */
}
.left {
  float: left;
  font-size: 100%;
  margin-top: 5px;
  color: #999;
  /* background-color: #fff; */
}
#main-container ul {
  margin-left: 3.0em;
}
.red {
  color: #c55;
}

label {
  /* display: inline; */
  display: block;   
  font-size: 120%;
  font-weight: bold;
}
.inline label {
  display: inline;
  font-size: 120%;
  font-weight: bold;
}
.radio label {
  display: inline;
  font-size: 120%;
  font-weight: bold;
}

tr:hover {
  /* background-color: #CDCDC1; */
  background-color: #B6B6A9;
}

th, td {
  padding: 0.5em 1em;
}

.odd {
  background-color: #E5E5D7;
}
.even {
  background-color: #D7D7CC;
}

.admin {
  font-size: 120%;
  font-weight: bolder;
  letter-spacing: 0.3px;
  background-color: #E5CA90;
  padding: 1em 1em;
}

.error {
  font-size: 120%;
  font-weight: bolder;
  letter-spacing: 0.1px;
  background-color: #FF7928;
  padding: 1em 1em;
}

.notice {
  font-size: 120%;
  letter-spacing: 0.2px;
  background-color: #E9DA9C;
  padding: 1em 1em;
}

.title {
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 0.4px;
  padding: 0.1em 0.1em;
}

.annotation {
  font-size: 110%;
  font-weight: bolder;
  letter-spacing: 0.1px;
}

.alphabet {
  font-size: 120%;
  letter-spacing: 0.4em;
  padding: 0.2em 0.2em;
}