/* level 2 pages */

  body { margin: 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; }
  
  #navContainer { height: 170px; background-image: url( ../images/level2/nav.jpg ); background-repeat: no-repeat; }
  #logo { float: left; display: inline; margin: 10px 0 0 107px; width: 144px; }
  #nav { float: left; display: inline; margin: 72px 0 0 21px; }
  #nav img { behavior: url( /resources/ie-png-fix/iepngfix.htc ); padding-right: 4px; }    /* add transparent PNG support for IE 5.5+ and IE 6 */
  
  #htmlContentContainer { margin-left: 50px; background-color: #e5ce98; width: 926px; padding-bottom: 10px; }
  #htmlContent { margin-left: 20px; width: 875px; border: 5px solid #b59367; background-color: #ece9c2; font: 12px arial; line-height: 15px; }
  #htmlContentLeftColumn { width: 545px; margin: 10px; float: left; display: inline; }
  #htmlContentRightColumn { width: 300px; margin: 10px 10px 10px 0; float: left; display: inline; }
  #htmlContentSingleColumn { width: 855px; margin: 10px; float: left; display: inline; }
  #mainContent { min-height: 549px; height: auto !important; height: 549px; }

  #mainHeader { margin-left: 10px; }
  #mainPhoto { float: left; display: inline; margin: 0 8px 0 0; }
  #footer { margin: 10px 0 0 20px; width: 875px; font: 11px arial; color: #ff7f00; border: 5px solid #b59367; background-color: #ffffff; text-align: center; padding: 13px 0 13px 0; }
  #copyright { color: #a38359; }
  
  
  .promoThumb { float: left; display: inline; width: 130px; }
  .promoText { float: left; display: inline; margin: 0 0 0 10px; width: 140px; }
  .goButton { margin-top: 6px; }
  
  .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; }
  

  #contentSection { font-size: 0px; line-height: 0px; margin: 25px 0 30px 10px; }
  .contentSectionHeader { margin-left: 4px; }

  .bullet { float: left; display: inline; width: 15px; margin: 0 0 0 10px; *margin-top: 7px; }
  .bulletItem { float: left; display: inline; width: 480px; margin: 2px 0 12px 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; }



  /* page specific CSS 
     ============================================================================================================================== */

  /* playground */

    #admissionsContainer { width: 505px; border-top: 1px solid #e5ebf2; padding-top: 10px; margin-bottom: 26px; font-size: 12px; line-height: 15px; }
    /* #admissionRequirements style defined conditionally below based on browser */

    #bouncersContainer { width: 505px; border-top: 1px solid #e5ebf2; padding-top: 12px; font-size: 12px; line-height: 15px; }
    #bouncersContainer img { border: 1px solid #e5ebf2; }
    
    .bouncerCell { float: left; width: 150px; }
    .centerCell { width: 191px; display: inline; margin-left: 13px; }
    
    /* .bouncerTitle defined conditionally below based on browser */
    
    .centerCell div.bouncerTitle { margin-left: 20px; }
    
    .bouncerImageAndDescription { min-height: 230px; height: auto !important; height: 230px; width: 150px; } 
    .centerCell div.bouncerImageAndDescription { padding: 0 13px 0 13px; border-left: 1px solid #e5ebf2; border-right: 1px solid #e5ebf2; }
    .bouncerDescription { margin-top: 9px; }
  
    .bouncerVerticalSeparatorContainer { padding: 16px 0 20px 0; width: 100%; height: 0; font-size: 0; line-height: 0; }
    .bouncerVerticalSeparator { float: left; width: 150px; display: inline; margin: 0 14px 0 13px; border-top: 1px solid #e5ebf2; height: 0; font-size: 0; line-height: 0; }
  
  
  /* shop & games */

    #simpleListContainer { width: 505px; border-top: 1px solid #e5ebf2; padding-top: 12px; font-size: 12px; line-height: 15px; }
    #simpleListContainer img { border: 2px solid #e5ebf2; }
    
    .simpleListItemPhoto { float: left; display: inline; margin: 0 0 10px 0; }
    .simpleListItemText { float: left; display: inline; margin: 25px 0 0 8px; width: 342px; }
    /* .simpleListItemTitle defined conditionally below based on browser */
    .simpleListItemDescription { margin: 4px 0 10px 0; }