body {
  text-align: center;   
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  background: #8E0E0D url(images/design/bg_mid.jpg) repeat-x;
}

a {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #540000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #FF071E;
  text-decoration: none;
}


#wrapper {
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
}

#leftpane {
  float: left;
  padding-left: 14px;
  padding-right: 14px;
  margin: 0;
  background-color: #FFFFFF;
  color: #000;
/*  padding-bottom:10000px; margin-bottom:-10000px;*/
/*
  border-top: 2px solid #999;
  padding-bottom:10000px; margin-bottom:-10000px;
*/
}

#leftpanemargin {
  float: left;
  position: relative;
  background: #8E0E0D url(images/design/bd_lt_mg.jpg) repeat-y;
  padding-bottom:10000px; margin-bottom:-10000px;
  width: 10px;
}

#rightpanemargin {
  float: right;
  margin: 0px 1px 0px 0px;
  padding: 0;
  background: #591112 url(images/design/bd_rt_mg.jpg) repeat-y;
  position: relative;
  padding-bottom:10000px; margin-bottom:-10000px;
}

#header {
  height: 100px;
  position: relative;
/*
  border: 2px #999 solid;
*/
}



#mainbody {
  float: left;
  width: 592px;
  padding: 0;
  margin: 0px 0px 0px 0px;
padding-bottom: 8px;
  position: relative;
  background-color: #591112;
  padding-bottom:10000px; margin-bottom:-10000px;
}


/* Placed first although shows in the middle column of the page.*/
#content {
  width: 592px;
  /*margin: 0px 2px 0px 2px;*/ /* right must be 10px? */
  padding: 0;
  margin: 0;
/* negate the effect of float by setting up the margins for the previous column */
/* create space for the left slot */
/*
margin-left: 140px;
margin-right: -140px;

  background-color: #FFFFFF;
  border-top: 2px solid #999;
  padding-bottom:10000px; margin-bottom:-10000px;
  background-color: #FFFFFF;
*/
}

#footer {
  position: relative;
}

#header h1 {
  padding: 0;
  margin: 0;
  font-size: 40px;
}

#header ul {
  margin: 0px 0px 0px 20px;
  padding: 0;
}

#header ul li.vsep {
  float: left;
  height: 100px;
  list-style-type: none;
  width: 1px;
  background-color: #B76160;
}

#header ul li.headercell {
  float: left;
  color: #FFAFAF;
  list-style-type: none;
  padding: 74px 8px 0px 8px;
}

#header ul li.headercell a {
  color: #FFAFAF;
  text-decoration: none;

}

#header ul li.headercell2 {
  float: left;
  font-weight: bold;
  list-style-type: none;
  padding: 74px 8px 0px 8px;
  color: #FFFFFF;
  background-color: #B76160;
  display: block;
  height: 26px;
}

#header ul li.headercell a:hover {
  color: #FFF;
}

#header ul li.headercell3 {
  float: left;
  font-weight: bold;
  list-style-type: none;
  padding: 74px 8px 0px 8px;
  color: #FFFFFF;
  background-color: #B76160;
  display: block;
  height: 26px;
}

#header ul li.headercell3 a {
  color: #FFAFAF;
  text-decoration: none;
}

#header ul li.headercell3 a:hover {
  color: #FFF;
}

/*
#header div.search {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;

  position: absolute;
  float: right;
  margin: 34px 4px 0px 560px;
  visibility: hidden;
  display: none;
  padding: 4px;
  border:solid 2px #DDD;
  background-color:#f1f9fe;
  width: 220px;
  text-align: left;
  z-index: 102; 
}
*/

.panecontent {
  float:left;
  /*width: 480px;*/
  position: relative;
}

.pane_content_left {
  float:left;
  width: 122px; /* should be 136+4 for the borders = 140 */
  padding: 4px 4px 4px 8px;
  position: relative;
}

.pane_content_mid {
  float:left;
  width: 484px;
  padding: 4px 4px 0px 8px;
  position: relative;
  overflow: auto;
  height: 640px;
}

.pane_content_right {
  float:left;
  width: 142px; /* note padding will be added to the width */
  position: relative;
  padding: 4px 4px 4px 8px;
  margin: 0;
}

.leftbar {
  width: 2px;
  background-color: #999;
  float:left;
  padding-bottom:10000px; margin-bottom:-10000px;
}

.rightbar {
  width: 2px;
  background-color: #444;
  float: right;
  padding-bottom:10000px; margin-bottom:-10000px;
}

div.clabel {
  text-align: center;
  padding-bottom: 10px;
}


div.left_close {
  float: left;
  width: 140px;
  height: 2px;
  border-top: 2px solid #333;
  /*background-color: black;*/
}

div.mid_close {
  float: left;
  height: 2px;
  border-top: 2px solid #333;
  /*background-color: black;*/
  width: 500px;
  /*margin: 0px 2px 0px 2px;*/
  margin: 0;
}

div.right_close {
  float: right;
  width: 160px;
  height: 2px;
  border-top: 2px solid #333;
  /*background-color: black;*/
}


div.mainBox {
  border-top: 14px solid #CCC;
  border-right: 14px solid #CCC;
  border-bottom: 14px solid #CCC;
  border-left: 14px solid #CCC;
  background-color: #FFFFFF;
}

div.mainBox ul {
  padding: 0px 8px 0px 8px;
  margin: 0;
  list-style-type: none;
}

div.mainBox ul li h1 {
  padding: 0;
  margin: 0px 0px 2px 0px;
}

div.mainBox p.paraBox {
  padding: 0px 4px 0px 8px;
}

div.mainBox table th {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #CFCFCF;
  padding-left: 8px;
}

div.mainBox table td {
  font-family: Arial, sans-serif;
  font-size: 11px;
  padding-left: 8px;
}

div.mainBoxContents {
  padding: 4px;
}

div.mainBox a.highlite {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}

div.topBox {
  border-top: 14px solid #CCC;
  border-right: 14px solid #CCC;
  border-bottom: 14px solid #CCC;
  border-left: 14px solid #CCC;
  background: #000000 url(images/gene1.jpg) repeat-y;
}

div.messagestack {
  background-color: #FCC;
}

div.messagestack ul {
  margin: 0px 0px 0px 10px;
  padding: 0;
  list-style-type: none;
}

div.spacer {
  margin: 0px 0px 20px 0px;
}

div.occasion {
  font-size: 14px;
  color: #FFFFFF;
  background: #000000 url(images/gene2.jpg) repeat-y;
  padding: 8px;
  border: 1px solid #EEE;
}

div.occasion a {
  color: #CCFFCC;
}