body {
  /* background: url('/images/dirty_black_brick.jpg'); */
  background: url('/images/white_brick_grunge.jpg');
  color: #666;
  font-size: 10px;
  font-family: Verdana;
  margin: 0px;
  padding: 0px;
}

div.main {
  width: 1000px;
  min-height: 800px;
  /* background: url('/images/dark_black_fiber.jpg'); */
  background: url('/images/white_slight_grain.jpg');
  margin-left: auto;
  margin-right: auto;
  /* border-left: 3px solid black;
  border-right: 3px solid black;
  border-bottom: 3px solid black;*/
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

div.breadcrumb {
  font-size: 9px;
  border-bottom: 1px solid #ccc;
  color: #666;
  margin-bottom: 12px;
}

div.letter {
  padding-left: 30px;
  padding-right: 30px;
  color: #006633;
  font-style: italic;
  
}

a.breadcrumb {
  font-size: 9px;
  color: #666;
  text-decoration: none;
}

a.breadcrumb:hover {
  font-size: 9px;
  color: #468;
}
div.main-login {
  width: 400px;
  background: url('/images/dark_black_fiber.jpg');
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 4px solid black;
  border-bottom: 4px solid black;
}

div, p, td {
  font-size: 11px;
  line-height: 15px;
}

ul.square {
  list-style-type: square;
}

div.title {
  color: #468;
  padding-top: 4px;
  font-size: 12px;
  font-weight: bold;
}

td.logo {
  padding: 6px;
  font-size: 20px;
}

div.navigation {
  height: 30px;
  background-color: #eee;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  color: #666;
  padding: 2px 8px 2px 8px;
  line-height: 30px;
  font-size: 11px;
  margin-bottom: 6px;
}

a {
  color: #339;
}

a.navigation {
  color: #666;
  padding: 0px 4px 0px 4px;
  font-size: 11px;
}

a.navigation:hover {
  color: #468;
}

td.left-column {
  vertical-align: top;
  width: 250px;
}

td.main-column {
  vertical-align: top;
  width: 500px;
}

td.right-column {
  vertical-align: top;
  width: 250px;
  text-align: center;
}

div.footer {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 10px;
  padding: 10px;
}

a.footer {
  text-decoration: none;
  color: #666;
}

div.column-header {
  color: #824;
  font-size: 12px;
  font-weight: bold;
}

a.web-host {
  font-size: 11px;
  color: #578;
  text-decoration: none;
  text-align: center;
}

div.question, div.subject, div.article {
  font-weight: bold;
  color: #666;
  border-bottom: 1px dotted #333;
  margin-bottom: 10px;
}

div.author, a.author {
  font-size: 10px;
  font-weight: normal;
  color: #363;
}

a.author {
  text-decoration: none;
}

td.subject {
  color: #863;
}

div.answer, div.message, div.content {
  color: #666;
}

div.web-host {
  font-size: 11px;
  padding-top: 6px;
  padding-bottom: 6px;
}

td.key-right {
  text-align: right;
}

td.key-right-error {
  text-align: right;
  color: #f22;
}

td.comment-error {
  color: #f22;
}

input.box, textarea.box, select.box {
  font-size: 11px;
  border: 1px solid #666;
  padding: 3px;
  background-color: #eee;
  color: #666;
}

input.submit {
  font-size: 11px;
  background-color: #eee; 
  color: #666; 
  border: 1px solid #666; 
  padding: 2px;
}

li {
  line-height: 20px;
}

td.row {
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid #333;
}

a.toggle-off {
  color: #933;
}

a.toggle-on {
  color: #393;
}

