@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #FFFFFF;
  color: #000;
}
.wrapper {
  background-color: #FFFFFF;
  margin: 0%;  /* 1% 5%; */
  padding: 0;
  /* border: thin solid #7d5500; */
}
h1 {
  color: #7d5500;
  font-size: 24pt;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.bold {
  font-family:Times, serif;
  font-size: 14px;
  font-weight: bold;
  color: #FF4500;
}
.main {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000000;
  background: #FFFFFF;
}
.content {
  width: 85%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}
.sidebar {
  margin-right: 10%;
  padding: 1%;
  font-size: 100%;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.boxer {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 1%;
  border : thin solid #D4D4D4;
}

} /* end media rules */
</style>
<!-- protect other browsers from IE6's quirks -->
<!--[if IE 6]><style type="text/css" title="Site default">
h1, .sidebar {position:relative}</style><![endif]-->