div#container {
  position: relative;
  /* background: palegreen; */
}

div#content {
  background: white;
}

body .MenuHTMLContent h1 {
  /* background: #C91C1E; */

  /* background: #C91C1E; */
  /* highlight color on that background */
  /* background: #441853; */
  
  /* warm color highlight color on that background */
  /* background: #DA2021; */

  /* different background for second color tone  */
  background: #441853;
  
  color: white; 
}

body #content h2,
  body #content h3,
  body #content h4 {
  /* background: #C91C1E; */

  /* different background for second color tone  */
  background: #441853;



  /* color: #fff200; */
  color: #fff;
  
}

body #content h2 {
  background: url(../images/2025/bg_header.png) no-repeat 0 0;
  /* color: #993366;  */
}

body #content h2, 
#naviLeftHKIBOBar {

  filter: hue-rotate(350deg) opacity(60%) sepia(10%) drop-shadow(-1px 16px 20px pink); 

  /* background: pink; */

  /* color: #DA2021; */

  color: red;
}


body #content h3 {

  background: url(../images/2025/bg_header2.png) 0 3px no-repeat; 
  /* filter: hue-rotate(286deg);  */
  /* filter: hue-rotate(256deg) opacity(50%) sepia(25%) drop-shadow(-1px 16px 20px blue); */
  color: #441853;
}

#content-bg {
  background: #fff;
  float: left;
}

#content-bg-inner {
  padding-right: 25px;
  background: url(../images/2025/right.jpg) no-repeat right top;

  background: #EA8294;
  
}

#naviLeftHKIBOBar {
  position: absolute;
  left: -32px;
  top: 0;
  width: 35px;
  min-height: 100vh;
  height: 100%;
  background-image: url(../images/2025/sidestripe.jpg);
  background-repeat: repeat-y;
  background-position: left;
  
}

#naviLeftNaviBg {
  position: absolute;
  left: 35;
  top: 0;
  width: 164px;
  min-height: 100vh;
  height: 100%;
}


body #navi {
  position: relative;
  width: 164px;
  float: left;
  margin-right: 23px;
  
  min-height: 100%;
  height: 100%;

  /* background: rgb(142,48,238); */

  /* background: linear-gradient(0deg, rgba(142,48,238,0.8883928571428571) 0%, rgba(148,233,217,1) 100%); */

  /* female color */
  /* background-color: #8E8FE1; */

  
  /* background-color: #8E8FE1; */

  /* 2nd color tone */

  background-color: #d586ef;

  
}

body {
  /* background: #f3f1e0; */
  color: #333; }
  body .LogoContainer {
    height: 100px;
    width: 315px;
    margin: 0 auto;
    background: white url(../images/2025/phoenixCupLogo_2025_h85_r2.png) no-repeat center 0; }
    body .LogoContainer a {
      display: block;
      height: 100%; }
  body #footer_text,
  body #footer_text a {
    color: #660033; }
  body div#wrap {
    border: 0; }
  body div#container {
    /* background: white url(../images/2025/sidestripe.png) repeat-y 0 0;  */
  }
  body div#naviStrip {
    /* background: url(../images/2025/sidestripe.png) repeat-y 12px 0;  */
  }

  body .BlockLabel {
    background: #816288; }
  
  body .page_counter {
    color: #660033; }
  body .nav-bg {
    /* background: #E2E0EE url(../images/2025/navi_main.png) no-repeat 0 0;  */
  }
    body .nav-bg ul {
      /* margin-bottom: 60px;  */
    }
  body div#navi ul li a {
    /* color: #333;  */
    /* color: darkblue; */
    background-color: #D586EF;

    color: #441853;
  }
  body div#navi ul li.current a, 
  body div#navi ul li:hover a {

    /* color: #C91C1E; */
    /* background color is female color */
    /* color is the contract one */
    /* color is the high contract one */
    /* color: #441853; */
    color: #fff;
  }

  body .HTMLTopOfMenuContent img {
    display: none; }
  body #content h2,
  body #content h3,
  body #content h4 {
    /* color: #993366; 
    filter: hue-rotate(286deg);  */
  }
 
  div#language li:hover {
    background: url('../images/2025/language_but_left.png') no-repeat;
  }
  div#language li:hover a {
    background: url('../images/2025/language_but_right.png') right center no-repeat;
  }
  div#language li.on {
    background: url('../images/2025/language_but_left.png') no-repeat;
  }
  div#language li.on a{
    background: url('../images/2025/language_but_right.png') right center no-repeat;
  }