body {
  margin: 19px 0px 10px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 76%;
  background: url(../graphics/bg.gif) center 0px #5f5850;
  }
#base {
  display: block;
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 956px;
  z-index: 2;
/* for the benefit of ie6.. */
  clear: both;
  background: url(../graphics/bg_fade.gif) center 0px #5f5850;
  border: 1px solid #000000;
  }
#base:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
#header {
  height: 26px;
  padding: 4px 18px 0px 0px;
  text-align: right;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: .4pt;
  }
#main {
  display: block;
  position: relative;
  margin: 0px;
  padding: 18px 14px 10px 14px;
  width: 928px;
  min-height: 350px;
  text-align: left;
  background: url(../graphics/main_bg.jpg) center 0px #e8ddcc;
  }


h1, h2, h3, h4, h5, h6 {
  margin: 18pt 0pt 6pt 0pt;
  color: #003344;
  }
h1 {
  font-size: 2em;
  margin: 40px 0px 10px 463px;
  }
h2.small_block {
  margin: 46px 0px 0px 0px;
  padding: 2px 6px 2px 6px;
  color: #ddffdd;
  font-size: .9em;
  letter-spacing: .5pt;
  background: #909f90;
  float: left;
  }
  
  

/* page content layout */
.layout_block {
  clear: left;
  }
.layout_block:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
#base .layout_block .col_a {
  float: left;
  width: 430px;
  }
#base .layout_block .col_b {
  position: static;
  float: left;
  width: 430px;
  height: auto;
  margin: 0px 0px 30px 30px;
  background: transparent;
  }



/* form layout */
.form_block {
  clear: left;
  }
.form_block:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
.form_block h2,
.form_block h3,
.form_block h4,
.form_block h5,
.form_block h6 {
  clear: both;
  margin: 4px 0px 0px 4px;
  }
.form_item {
  float: left;
  margin: 4px 4px;
  }
.form_item label {
  font-weight: bold;
  text-align: right;
  color: #003344;
  }
.form_item label.inline {
  display: inline;
  text-align: left;
  }
.form_item input, .form_item select, .form_item textarea {
  margin: 0px;
  border: 1px solid #606f60;
  text-align: left;
  }
.form_item input[type="radio"] {
  margin-left: 0px;
  border: none;
  }
.form_item input[type="checkbox"] {
  border: none;
  }
.form_item radio {
  text-align: left;
  }










/* FORUM styles */

/* test colours
.col_a {
  background: #ffcccc;
  }
.col_b {
  background: #ffcc99;
  }
.col_c {
  background: #ffff66;
  }
.col_d {
  background: #ccffcc;
  }
.col_cd {
  background: #ddff66;
  }
  */


.forum_index h2 {
  clear: both;
  }

.forum_index .col_a {
  width: 340px;
  }
.forum_index .col_b {
  width: 108px;
  }
.forum_index .col_c {
  width: 398px;
  }
.forum_index .col_d {
  width: 50px;
  }
/* column c+d */
.forum_index .col_cd {
  width: 456px;
  }

.forum_board .col_a {
  width: 398px;
  }
.forum_board .col_b {
  width: 50px;
  }
.forum_board .col_c {
  width: 398px;
  }
.forum_board .col_d {
  width: 50px;
  }
/* column c+d */
.forum_board .col_cd {
  width: 456px;
  }

.forum_thread .col_a {
  width: 224px;
  }
.forum_thread .col_b {
  width: 688px;
  }

.forum_board .col_a a {
  display: block;
  text-decoration: none;
  }
.forum_board .col_a a:hover {
  text-decoration: underline;
  }
.forum_board .col_a a.thread_title {
  font-weight: bold;
  }

/* login panel */

div.login,
div.logout {
  font-family: arial, helvetica, sans-serif;
  }
/* register button */
.forum_index .login .col_a,
.forum_board .login .col_a,
.forum_thread .login .col_a {
  width: 108px;
  }
/* username label */
.forum_index .login .col_b,
.forum_board .login .col_b,
.forum_thread .login .col_b {
  width: 108px;
  }
/* username field */
.forum_index .login .col_c,
.forum_board .login .col_c,
.forum_thread .login .col_c {
  width: 224px;
  }
.forum_index .login .col_c input,
.forum_board .login .col_c input,
.forum_thread .login .col_c input {
  width: 222px;
  }
/* password label */
.forum_index .login .col_d,
.forum_board .login .col_d,
.forum_thread .login .col_d {
  width: 108px;
  }
/* password field */
.forum_index .login .col_e,
.forum_board .login .col_e,
.forum_thread .login .col_e {
  width: 224px;
  }
.forum_index .login .col_e input,
.forum_board .login .col_e input,
.forum_thread .login .col_e input {
  width: 222px;
  }
/* login button */
.forum_index .login .col_f,
.forum_board .login .col_f,
.forum_thread .login .col_f {
  width: 108px;
  text-align: right;
  }

/* logout panel */
.forum_index .logout .col_a,
.forum_board .logout .col_a,
.forum_thread .logout .col_a {
  width: 108px;
  text-align: right;
  }
/* welcome text */
.forum_index .logout .col_b,
.forum_board .logout .col_b,
.forum_thread .logout .col_b {
  width: 688px;
  text-align: right;
  }
#content .logout p {
  margin: 0px;
  line-height: 1.4em;
  }
/* logout button */
.forum_index .logout .col_c,
.forum_board .logout .col_c,
.forum_thread .logout .col_c {
  width: 108px;
  text-align: right;
  }






h1 {
  font-size: 2em;
  margin: 40px 0px 10px 0px;
  }
.col_header {
  font-weight: bold;
  }

a {
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }
#content a.btn,
#content input[type="submit"] {
  padding: 2px 4px;
  text-decoration: none;
  color: #000000;
  background-color: #d4d0c8;
  border: 1px solid #606f60;
  line-height: 1.4em;
  }
#content a.btn:hover {
  text-decoration: none;
  background-color: #e4e0d8;
  }