.confTitleBox {
    border-top: 3px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #f3f3f3 url('https://indico.cern.ch/event/1594436/images/49335-Mainz_sky_high_res_transparent_bottom.png');
    background-repeat: no-repeat; /* Prevents the background image from repeating */
    background-position: 100% top; /* Adjusts the image position 20 pixels to the left from the right */
    background-size: contain; /* Ensures the entire image fits inside the element */
  }
  
  .confSubTitleBox {
    background-color: #e9e9e9; /* red Mainz tone */
    border-bottom: 1px solid #dd2424;
    border-top: 1px solid #000000;
    color: white;
}

  
  .confSubTitleContent {
    width: 950px;
    margin: 0 auto;
  }
  
  .conference-title-link {
    color: white;
  }
  
  /* ------Menu------ */
  
  /* here is layout and style for creating default menu for conferences */
  
  /* Styles for all menu Items */
  
  #outer {
    background: #e8e7e7;
    border: 1px solid #e8e7e7;
  }
  
  #outer li a:hover {
    background: #5b5b5b;
    color: #5b5b5b;
  }
  
  .support_box {
    background: #e8e7e7;
    border: 1px solid #e8e7e7;
  }
  
  .support_box > h3 {
  /*  background: #c1c0a2;*/
    background: #dd2424;
  }
  
  .conf_leftMenu {
    float: left;
    width: 200px;
    background: transparent none repeat scroll 0 0;
  }
  
  .menuConfTitle {
    text-align: left;
    color: #0200c6;
  }
  
  .menuConfTitle a {
    color: #4e4c46;
    padding: 7px 12px;
  }
  
  .menuConfSelected a {
    padding: 7px 12px;
    color: #4e4c46;
  }
  
  li ul.inner li a {
    padding: 3px 12px 3px 30px;
    background: transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center;
  } /* Sub Menu Styles */
  
  .confSubTitle {
    color: #5b5d53;
  }
  
  .simpleTextAnnouncement {
    background: #e6d2d2 url(/images/conf/sprites_orange.png) repeat-x scroll 0 -400px;
    border-top: none;
    border-bottom: 1px solid #ccc;
    color: #0f283d;
  }