html {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10pt;
  }
body {
  background: url("/images/bg.gif");
  background-repeat: repeat-y;
  background-color: #cccccc;
  margin: 0px;
  padding: 0px;
}
h1 {
  margin: 0px;
  padding: 0px;
  background: #990000;
  width: 800px;
}
td {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10pt;
}
#pageBug {
  position: absolute;
  top: 90px;
  left: 540px;
  width: 250px;
  height: 30px;
  color: #ffffff;
  font-weight: bold;
  padding-top: 7px;
  padding-left: 50px;
}
#pageBug a { color: #ffffff; }

#nav ul {
  margin: 0px;
  padding: 0px;
}
#nav ul li {
  list-style: none;
}
#nav li a {
  display: block;
  background: #990000;
  width: 125px;
  margin: 10px 10px 10px 10px;
  padding: 5px 0 5px 5px;
  color: #ffffff;
  font-family: Arial;
  font-size: 1.25em;
  font-weight: bold;
}
#nav form {
  width: 125px;
  margin: 30px 10px 10px 10px;
  padding: 5px 0px 5px 5px;
  padding-left: 0px;
  text-align: center;
}
#nav input.text {
  width: 110px;
  background: #f0f0f0;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#content {
  position: absolute;
  top: 125px;
  left: 150px;
  width: 627px;
  padding: 0px;
  margin: 0px;
  background: #fff;
  color: #666666;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  line-height: 20px;
}
#content h2 { font-size: 1.5em; }
#content h2, h3, h4, h5, h6 { color: #999966; font-weight: bold; }
#content h2, h3 { border-bottom: 1px solid #cccc99; }
#content a img { border: none; }

#content p.byline {
  margin-top: -10px;
}

#library fieldset { padding-top: 10px; }
#library fieldset input { margin-bottom: 10px; vertical-align: top; }
#library fieldset select { margin-bottom: 10px; vertical-align: top; }

.comment {
  border: 1px dotted #000;
  padding: 10px;
  background: #f0f0f0;
  margin-bottom: 10px;
  }

ul.plain, ul.plain li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#topicPost {
  margin-left: 40px;
  background: #cccccc;
}

#topicPost textarea { width: 100%; margin-bottom: 20px; }

#topicPost p { font-weight: bold; margin: 0px; padding: 0px; }

.done { text-decoration: line-through; }




/********************************************************************
 * "PULLQUOTE" OR "BREAKOUT" BOX CODE                               *
 * copy/paste the two sections below, and change only what's marked *
 ********************************************************************/

div.box-red { /* change the name */
  background-color: #990000; /* change bg color of breakout box */
  float: right;
  width: 240px;
  background-image: url("/images/box_top.gif");
  background-repeat: no-repeat;
  text-align: center;
  margin: 3px;
  padding: 0px;
}

div.box-red p, div.box-red a { /* change these names to match name above */
  color: #ffffff; /* change text color inside box */
  font-weight: bold;
  background-image: url("/images/box_bottom.gif");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  width: 220px;
  margin: 0px;
  padding: 10px; /* padding on both sides plus width (2 lines above) must equal width in previous section (10+10+220=240) */
  border: 0px solid #000000;
}

/********************************************************************
 * copy/paste the two sections above, and change only what's marked *
 ********************************************************************/

 /* table border color */
   .resourceTable table { border: 1px solid #ffffff; }

/* table bg color */
   .resourceTable td { background-color: #ffffcc; }
   
/* other properties for each table cell */
   .resourceTable td { 
     padding: 3px; 
     margin: 5px;
     border: 1px solid #666666;
     display: block;
     float: left;
     width: 135px;     
   }