/* 04:Dan O */

BODY {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: Cambria, Palatino, "Palatino Linotype", "New York", Times, "Times New Roman", serif;
  background-color: #283348;
  text-align: center;
}

SMALL {
  font-size: 60%;
}

A:link {
  color: #2260D0;
}

A:visited {
  color: #2260D0;
  /* color: #3370E0; */
}

IMG {
  font-size: 14px;
}

#container {
  position: relative;
  width: 782px;
  margin: 0 auto;
  text-align: left;
}

#menu {
  position: relative;
  float: left;
  overflow: visible;
  width: 262px;
  height: 516px;
  background-image: url(mtns.menu.gif);
  background-repeat: no-repeat;
  z-index: 1;
}

#menu A {
  outline: none;
}

#menu DIV {
  width: 1px;
  margin-top: 208px; *margin-top: 189px; 
}

#menu .nav,
#menu .navOn {
  position: relative;
  display: inline-block; /* IE hasLayout */
  width: 210px;
  height: 28px;
  margin: 0 0 5px 27px;
  font-size: 16px;
  font-family: Cambria, Palatino, "Palatino Linotype", "New York", Times, "Times New Roman", serif;
  padding-left: 16px;
  line-height: 27px;
  background-image: url(button.nav.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  letter-spacing: 1px;
  color: white;
  text-decoration: none;
  color: white;
}

#menu .nav:hover {
  background-position: 0 -28px;
}

#menu .nav:active,
#menu .navOn {
  background-position: 0 -56px;
  cursor: default;
}

#logo {
  position: absolute;
  width: 225px;
  height: 60px;
  border: none;
  margin: 3px 0 0 102px;
}

#main {
  position: relative;
  float: right;
  width: 520px;
  background-image: url(mtns.main.gif);
  background-repeat: no-repeat;
}

#main LI {
  padding-left: 2px;
}

#main P,
#main UL {
  width: 468px;
  padding: 0 0 0 24px;
  margin: 0 0 0 24px;
}

#main .blue A:link,
#main .blue A:visited {
  color: white;
}

#main .p120 {
  font-size: 120%;
}

#main .p110 {
  font-size: 110%;
}

#main .p100 {
  font-size: 100%;
}

#main .p90 {
  font-size: 90%;
}

#main .p80 {
  font-size: 80%;
}

#feature {
  position: relative;
  clear: left;
  height: 420px;
  font-size: 14px;
  color: white;
  top: 180px;
}

#feature .middle {
  /* IE5
  _padding-left: 188px;
  */
  position: relative;
  overflow: visible;
  width: 468px;
  padding: 0 0 0 24px;
  font-size: 24px;
  line-height: 28px;
  height: 116px;
  background-repeat: repeat-y;
  margin: 0 0 0 24px;
}

#feature .middle IMG {
  /* IE5
  _position: absolute;
  _left: 48px;
  _top: 55px;
  */
  position: relative;
  float: left;
  width: 140px;
  height: 140px;
  border: none;
  z-index: 1;
  margin: -12px 0 0 0; _margin: -12px 0 -12px 0;
}

#feature .middle P {
  display: table-cell;
  width: 303px;
  height: 116px; _height: 110px;
  padding: 0 0 6px 24px;
  vertical-align: middle;
  background-image: url(filigree.light.gif);
  background-repeat: no-repeat;
}

#feature SMALL {
  line-height: 80%; line-height: 22px\9;
  padding-top: 0;
}

#feature .green .middle P {
  background-image: url(filigree.green.gif);
}

#feature .green .middle P.alt {
  background-image: url(filigree.green.alt.gif);
}

#feature .brass .middle P {
  background-image: url(filigree.brass.gif);
}

#feature .copper .middle P {
  background-image: url(filigree.copper.gif);
}

#feature .blue .middle {
  color: #BBD6FF;
}

#feature .green .middle {
  color: #D0DDC0;
}

#feature .leaded {
  line-height: 120%;
}

#details {
  position: relative;
  padding-top: 24px;
  margin-bottom: -25px;
  padding-bottom: 25px;
  font-size: 14px;
  line-height: 18px;
  background-image: url(bg.main.gif);
  background-repeat: repeat-y;
}

#details .middle {
  list-style-type: none;
  padding: 0 24px;
  width: 420px;
  margin-bottom: 0;
  color: white;
}

#main #details TABLE.middle {
  margin-top: 0;
  margin-left: 24px;
}

#main #details TABLE.middle TD {
  padding: 0;
}

#details P.wide,
#details P.row2 {
  width: 434px; 
}

#details UL.middle {
  padding-left: 24px;
  font-weight: bold;
}

#details UL.inter {
  width: auto;
  margin-left: 12px;
  padding-left: 0;
}

#details .leaded {
  line-height: 150%;
}

HTML > BODY #details UL.middle {
  padding-left: 38px;
}

#details .bottom {
  margin-top: 0;
  margin-bottom: 24px;
}

#details .blue * {
  list-style-image: url(bullet.blue.gif);
  color: #E4EFFF;
}

#details .green * {
  list-style-image: url(bullet.green.gif);
}

.detailImg {
  float: right;
  margin: 0 0 0 12px;
}

.light .middle LI,
.light .middle P,
#details .light .middle {
  list-style-image: url(bullet.light.gif);
  color: #283850;
}

.middle LI {
  margin-left: 4px; _margin-left: 16px;
}

.top {
  height: 22px;
  background-image: url(block.blue.top.gif);
  background-repeat: no-repeat;
}

.middle {
  background-image: url(block.blue.middle.gif);
  background-repeat: repeat-y;
}

.bottom {
  height: 22px;
  background-image: url(block.blue.bottom.gif);
  background-repeat: no-repeat;
}

.green .top {
  background-image: url(block.green.top.gif);
}

.green .middle {
  background-image: url(block.green.middle.gif);
}

.green .bottom {
  background-image: url(block.green.bottom.gif);
}

.light .top {
  background-image: url(block.light.top.gif);
}

.light .middle {
  background-image: url(block.light.middle.gif);
}

.light .bottom {
  background-image: url(block.light.bottom.gif);
}

.brass .top {
  background-image: url(block.brass.top.gif);
}

.brass .middle {
  background-image: url(block.brass.middle.gif);
  color: #fff8e4 !important;
}

.brass .bottom {
  background-image: url(block.brass.bottom.gif);
}

.bronze .top {
  background-image: url(block.bronze.top.gif);
}

.bronze .middle {
  background-image: url(block.bronze.middle.gif);
}

.bronze .bottom {
  background-image: url(block.bronze.bottom.gif);
}

.copper .top {
  background-image: url(block.copper.top.gif);
}

.copper .middle {
  background-image: url(block.copper.middle.gif);
  color: #554028 !important;
}

.copper .bottom {
  background-image: url(block.copper.bottom.gif);
}

#details TABLE.middle {
  margin: 0 0 0 24px;
  width: 468px;
}

TABLE.middle TH {
  width: 51%;
  padding: 2px 12px 2px 0;
  font-weight: normal;
  text-align: right;
}

TABLE.middle TD {
  width: 49%;
  font-weight: bold;
  padding: 2px 0;
}

.blue HR {
  width: 468px;
  height: 1px;
  margin: 0 0 0 24px;
  color: #425C8B;
  background-color: #425C8B;
  border: none;
}

#bulletin .right {
  position: absolute;
  left: 348px;
  top: 14px;
  margin-right: 28px;
  background-image: url(bulletin.blue.gif);
}

#bulletin .right A,
#bulletin .right A:hover {
  color: #335080;
}

#bulletin .left {
  float: left;
  margin-left: 24px;
  background-image: url(bulletin.green.gif);
}

#bulletin P {
  width: 144px;
  height: 48px;
  margin: 0;
  padding: 9px 0 0 0;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  background-repeat: no-repeat;
}

#bulletin .left A {
  color: #708850;
}

#bulletin A {
  text-decoration: none;
}

#bulletin A:hover {
  text-decoration: underline;
}

#footer {
  position: relative;
  width: 520px;
  height: 150px;
  font-size: 11px;
  background-image: url(mtns.over.gif);
  background-repeat: no-repeat;
}

#footer DIV {
  padding-top: 120px;
  margin: 0;
  line-height: 28px;
  letter-spacing: 2px;
  color: #809070;
  font-weight: bold;
}

#footer #copyright {
  float: right;
  text-align: right;
  font-weight: normal;
  letter-spacing: 1px;
}

#footer A {
  color: #6680AC;
  text-decoration: none;
}

#footer A:hover {
  color: #CCFF92;                  
}

H1,
BIG {
  height: 24px;
  text-align: right;
  margin: 0 0 4px 0;
  padding-right: 27px;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  color: white;
}

BIG {
  padding-right: 1px;
}

H1 A:hover {
  color: white;
}

.tight {
  letter-spacing: -1px;
}                                              

.loose {
  letter-spacing: 1px;
}

.noBr {
  white-space: nowrap;
}

.noBG {
  background-image: none !important;
}

.name {
  display: block;
  line-height: 80%;
  margin: auto 0 16px 0; _margin: auto 0 12px 0;
}

.name + .name {
  margin-bottom: 0;
}

.name A:link,
.name A:visited {
  text-decoration: none;
  color: #283850;
}

.right {
  float: right;
}

.rightBlock {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.valign {
  position: absolute;
  top:50%;
  height: 118px;
  margin-top: -45px;
  margin-left: 0;
}

.offset {
  margin-top: -36px;
}

.offsetLess {
  margin-top: -31px
}

.author {
  float: right;
  padding: 6px 4px 0 0;
  *margin-right: 230px; _margin-right: 48px;
}

.norm {
  font-weight: normal;
}

.thumb {
  width: 100px;
  height: 50px;
  margin: 0 4px 3px 0;
  cursor: pointer;
}

.icon {
  width: 16px;
  height: 16px;
  border: none;
  vertical-align: -2px;
}

.row2 .thumb {
  margin-top: 7px;
}

.thumb:hover {
  border: 1px solid white;
  width: 98px;
  height: 48px;
}

.middle .thumb:first-child {
  width: 99px;
}

.middle .thumb:first-child:hover {
  width: 97px;
}

.lone {
  display: block;
  margin: 24px 48px 0 0;
  height: 85px;
  _position: absolute;
  _left: 380px;
}

.pad {
  *padding-left: 24px !important;
  *padding-right: 24px !important;
}

.padTop {
  padding-top: 12px;
}

.padBot {
  padding-bottom: 12px;
}

#feature .middle .image IMG:hover {
  border: 1px solid white;
  width: 138px;
  height: 138px;
}

#tableau {
  display: block;
  width: 420px;
  height: 210px;
}

#main P A:hover,
#main .blue A:hover,
#main #footer A:hover {
  color: #E8FF80;                  
}

IMG, DIV, P, UL { behavior: url(statics/iepngfix.htc); }