/*******************************************************************************
  Layout Information

  +--------------------------+ - +
  |                          |   } #head
  +--------+--------+--------+ - + - - - - - - - - - - - - - - - - - +
  |        |        |        |   } .CaptionRow                       |
  +--------+--------+--------+ - + - - - - - - - + - +               } .TitleRow
  |        |        |        |   |               |   } .FullBodyRow  |
  +--------+--------+--------+ - | - - - - - - - | - | - - - - - - - +  
  |        |        |        |   } .BodyRow      |   |               } .RowA
  |        |        |        |   |               } .LongBodyRow      |
  +--------+--------+--------+ - + - - - - - - - | - | - - - - - - - +
  |        |        |        |                   |   |               |
  +--------+--------+--------+ - - - - - - - - - +   |               } .RowB
  |        |        |        |                   } .FooterRow        |
  +--------+--------+--------+ - - - - - - - - - + - + - - - - - - - +

  | .TierA | .TierB | .TierC |

*******************************************************************************/

html {
  height: auto;
}

#viewport {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0px;
}

#container {
  position: relative;
  width: 1000px;
/*  height: 100%;*/
  height: 609px;
  margin-left: auto;
  margin-right: auto;
}

#head {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 100%;
  height: 66px;
  z-index: 20000;
}

#menu {
  position: absolute;
  right: 6px;
  bottom: 6px;
  border-bottom: 1px solid #999999;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
  min-width: 530px;
}

.TierA {
  position: absolute;
  top: 0px;
  left: 0px !important;
  width: 326px !important;
  height: 100%;
}

.TierB {
  position: absolute;
  top: 0px;
  left: 336px !important;
  width: 326px !important;
  height: 100%;
}

.TierC {
  position: absolute;
  top: 0px;
  left: 672px !important;
  width: 328px !important;
  height: 100%;
}

.TierAB {
  position: absolute;
  top: 0px;
  left: 0px !important;
  width: 662px !important;
  height: 100%;
}

.TierBC {
  position: absolute;
  top: 0px;
  left: 336px !important;
  width: 664px !important;
  height: 100%;
}

.FullRow {
  position: absolute;
  left: 0px !important;
  width: 100% !important;
  height: 100%;
}

.TitleRow {
  position: absolute;
  top: 91px !important;
  left: 0px;
  width: 100%;
  height: 204px !important;
  z-index: 0;
}

.RowA {
  position: absolute;
  top: 305px !important;
  left: 0px;
  width: 100%;
  height: 170px !important;
}

.RowB {
  position: absolute;
  top: 485px !important;
  left: 0px;
  width: 100%;
  height: 124px !important;
}

.RowAB {
  position: absolute;
  top: 305px !important;
  left: 0px;
  height: 304px !important;
}

.RowTA {
  position: absolute;
  top: 91px !important;
  left: 0px;
  width: 100%;
  height: 384px !important;
}

.CaptionRow {
  position: absolute;
  top: 91px !important;
  left: 0px;
  width: 100%;
  height: 74px !important;
  z-index: 0;
}

.BodyRow {
  position: absolute;
  top: 175px !important;
  left: 0px;
  width: 100%;
  height: 300px !important;
}

.LongBodyRow {
  position: absolute;
  top: 175px !important;
  left: 0px;
  width: 100%;
  height: 350px !important;
}

.FullBodyRow {
  position: absolute;
  top: 175px !important;
  left: 0px;
  width: 100%;
  height: 434px !important;
}

.FooterRow {
  position: absolute;
  top: 535px !important;
  left: 0px;
  width: 100%;
  height: 74px !important;
}

.fullHeight {
  position: absolute;
  top: 91px !important;
  left: 0px;
  width: 100%;
  height: 518px !important;
  overflow: hidden;
}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

/* height information fpr scrolling */

.scroll {
  overflow: auto !important;
  position: relative;
}

.fullHeight .scroll {
  height: 94.23%;
}

.TitleRow .scroll {
  height: 172px;
}

.RowA .scroll {
  height: 138px;
}

.RowB .scroll {
  height: 92px;
}

.RowAB .scroll {
  height: 273px;
}

.RowTA .scroll {
  height: 352px;
}

.BodyRow .scroll {
  height: 268px;
}

.LongBodyRow .scroll {
  height: 318px;
}

.FullBodyRow .scroll {
  height: 402px;
}