/* home page */

  body { margin: -600px 0 0 0; padding: 0; background-color: #ccecfb; color: #4c2a03 /*old color: a38359*/; }
  a { font-weight: bold; color: #4e92c6; text-decoration: none; }
  a:hover { text-decoration: underline; }
  #pageContainer { width: 1024px; text-align: left; margin: 0; padding: 0; }
  
  #townContainer { margin: 0 0 0 -3px; height: 600px; }
  #navContainer { height: 174px; background-image: url( ../images/home/nav.jpg ); background-repeat: no-repeat; }
  #logo { float: left; display: inline; margin: 20px 0 0 61px; width: 144px; }
  #nav { float: left; display: inline; margin: 70px 0 0 59px; }
  #nav img { behavior: url( /resources/ie-png-fix/iepngfix.htc ); padding-right: 1px; padding-left: 2px; }    /* add transparent PNG support for IE 5.5+ and IE 6 */
  
  #htmlContentAndFanContainer { float: left; display: inline; width: 795px; background-image: url( ../images/home/boulder-left.jpg ); background-repeat: no-repeat; height: 1367px; }
  #htmlContentContainer { margin-left: 95px; height: 918px; }
  #htmlContent { width: 690px; border: 5px solid #b59367; background-color: #ece9c2; font: 12px arial; line-height: 15px; }
  .header { color: #afdc6e; }
  .subheader { color: #c7b68d; }
  #htmlContentLeftColumn { width: 360px; margin: 10px; float: left; display: inline; }
  #htmlContentRightColumn { width: 300px; margin: 10px 10px 10px 0; float: left; display: inline; }
  #footer { width: 690px; font: 11px arial; color: #ff7f00; border: 5px solid #b59367; background-color: #ffffff; text-align: center; padding: 13px 0 13px 0; margin-top: 10px; }
  #copyright { color: #a38359; }
  #fanContainer { margin-left: 351px; }
  #pogiContainer { float: left; display: inline; margin: 48px 0 0 57px; width: 60px; }
  #airStationSection { float: left; display: inline; width: 226px; background-image: url( ../images/home/boulder-right.jpg ); background-repeat: no-repeat; height: 1130px; }
  #airStationContainer { margin: 59px 0 0 0; }
  
  .promoThumb { float: left; display: inline; width: 130px; }
  .promoText { float: left; display: inline; margin: 0 0 0 10px; width: 140px; }
  #htmlContentLeftColumn div.promoText { float: left; display: inline; margin: 14px 0 0 10px; width: 190px; }
  .goButton { margin-top: 6px; }

  .bullet { float: left; display: inline; width: 20px; margin: 0 0 0 10px; *margin-top: 4px; }
  .bulletItem { float: left; display: inline; width: 290px; margin: 0 0 14px 0; }

  /* extra styles for bulleted text within a small promo (right column) */
  .containsBulletedPromoText { padding-right: 8px !important; }
  div.containsBulletedPromoText div.promoText { width: 142px !important; }
  div.promoText div.bullet { width: 12px; margin-left: 1px; }
  div.promoText div.bulletItem { width: 129px; margin-bottom: 8px; }

  .spacer { width: 1px; line-height: 1px; font-size: 1px; margin: 0; }
  
  
  /* rounded edges with CSS */
  .raised { background: transparent; }
  
  .raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display: block; overflow: hidden; font-size: 1px; }
  .raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height: 1px; }
  .raised .b2 { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  .raised .b3 { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  .raised .b4 { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  .raised .b4b { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  .raised .b3b { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  .raised .b2b { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
  
  .raised .b1 { margin: 0 5px; background: #ffffff; }
  .raised .b2, .raised .b2b { margin: 0 3px; border-width: 0 2px;}
  .raised .b3, .raised .b3b { margin: 0 2px; }
  .raised .b4, .raised .b4b { height:2px; margin:0 1px; }
  .raised .b1b { margin: 0 5px; background: #ffffff; }
  .raised .boxcontent { background: #ffffff; padding: 10px 10px 10px 10px; *min-height: 10px; }