/*
  Essential element classes.

  Definitions relating to un-classed tags go here.
*/
html,body {
  background-color: white;
  margin: 0px;
  padding: 0px;
  font: normal 12px/16px Verdana,sans-serif;
}
p,li,dl {
  font: normal 12px/16px Verdana,sans-serif;
}
p {
  margin: 0px;
  padding: 6px 0px;
}
a {
  color: red;
}
h1 {
  font: bold 16px/18px Arial,sans-serif;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}
h2 {
  font: bold 14px/16px Arial,sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid red;
}
/*
  Extended element classes

  Definitions related to often-used classes go here.
*/
input.button {
  border: 1px solid #dddddd;
  background-color: #dddddd;
  color: black;
  text-transform: uppercase;
  font: bold 10px/10px Arial,sans-serif;
}
/*
  The pnghelper class can be used on the immediate container of a translucent png to provide
  some of the styles necessary to allow IE/PC to display the png properly.

  In addition to the class name, the pnghelper element should have an inline style:

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='URL HERE');

  ...to display the png itself. By doing it inline, then the image reference stays nearer the
  img tag.
*/
* html .pnghelper {
  width: 1px;
  height: 1px;
}
* html .pnghelper img {
  visibility: hidden;
}
a.pnghelper {
  cursor: pointer;
}
/*
  Nameplate classes.
  The nameplate consists of the header elements on each page which contain things like the logo and the menu.
*/
div.heading { margin: 5px auto; }
div.banner { position: relative; margin: 0px auto; width: 699px; height: 229px; background-image: url(../images/banner-fingers.jpg); background-repeat: none; }
div.shim { position: absolute; top: 169px; left: 0px; }
* html .pnghelper {
  width: 1px;
  height: 1px;
}
div.banner2 {
  position: relative;
  margin: 0px auto;
  width: 699px;
  height: 179px;
  background-repeat: none;
}
div.shim2 {
  position: absolute;
  top: 119px;
  left: 0px;
}
/*
  Footer classes.
  These are also every-page classes, which define layout of the footer area at the bottom of the page.
*/
div.footer {
  width: 699px;
  margin: 0px auto;
  color: white;
  background-color: black;
  box-sizing: border-box;
}
div.footer p {
  font-size: 9px;
  padding: 2px 8px;
  margin: 0px;
}
p.poweredby {
  font-size: 10px;
  text-align: right;
}
p.poweredby a {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
/*
  Layout classes
  These classes define the layout of the content area of the page.
*/

table.multicol {
/*
 For some reason, this is removing ALL internal borders, not just keeping them from propagating.
 In Mozilla, at least.
 Bother.
*/
/* border-collapse: collapse; */
	text-decoration: none;
}
table.multicol td {
  margin: 0px;
}
div.content {
  padding: 0px 14px 14px 14px;
  border-top: 1px solid #cfcfcf;
}
td.content {
  border-right: 1px solid black;
  width: 545px;
}
td.sidebar {
  background: white url(../images/sidebar-bg.gif) top left repeat-x;
}
td.sidebar h2 {
  border-bottom: none;
  background-color: #d1d1d1;
  padding: 4px 10px;
  margin: 0px;
}
td.sidebar div.announcements {
  width: 135px;
  margin: 0px auto;
}
td.sidebar input.text {
  width: 133px;
  border: 1px solid #ccc;
  font-size: 10px;
  margin: 3px 0px;
}
td.sidebar div.announcements ul {
  list-style: none;
  padding: 0px;
  margin-left: 15px;
}
td.sidebar div.announcements ul li {
  padding: 0px 0px 6px 0px;
  line-height: 12px;
}
.formelement {
  font: normal 12px/16px Verdana,sans-serif  !important;
  width: 100%  !important;
  border: 1px solid #ccc  !important;
  background-color: #f2f2f2  !important;
}
.requiredformelement {
  font: normal 12px/16px Verdana,sans-serif  !important;
  width: 100%  !important;
  border: 1px solid #ccc  !important;
  background-color: #F0CACA  !important;
}
.content ol {
	list-style-type: decimal;
}
.content ol ol {
	list-style-type: lower-alpha;
}
.content ol ol ol {
	list-style-type: lower-roman;
}