#header {
  width: : 100%;
  height: 105px;
  position: relative; }
  #header h1 {
    float: left; }
  #header #logo {
    width: 235px;
    height: 100px;
    font-size: 0.2em;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    margin-top: 3px;
    margin-left: 15px;
    text-indent: -10000px; }
    #header #logo span {
      background: url(/images/template/logo-hc.png) no-repeat;
      position: absolute;
      width: 100%;
      height: 100%;
      cursor: pointer; }
  #header .login {
    position: absolute;
    right: -5px;
    text-align: right;
    top: 10px;
    font-size: 1.2em; }
    #header .login a {
      color: #eee; }
    #header .login .links a {
      margin: 0 10px; }
    #header .login .logout a {
      font-size: 10px; }
  #header #menu {
    clear: right;
    float: right; }
    #header #menu ul {
      padding-top: 76px; }
      #header #menu ul li {
        float: left;
        display: block;
        padding-left: 2px; }
        #header #menu ul li a {
          color: #FFFFFF;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 12px;
          display: block;
          float: left;
          height: 29px;
          background: url(/images/template/menu_a_bg.gif) repeat-x; }
        #header #menu ul li a:hover, #header #menu ul li a.select {
          color: #000000;
          text-decoration: none;
          background: url(/images/template/menu_a_bg_hover.gif) repeat-x; }
          #header #menu ul li a:hover .menu_left,           #header #menu ul li a.select .menu_left {
            max-width: 200px;
            overflow: hidden;
            background: url(/images/template/menu_left_bg_hover.gif) no-repeat; }
          #header #menu ul li a:hover .menu_right,           #header #menu ul li a.select .menu_right {
            background: url(/images/template/menu_right_bg_hover.gif) no-repeat right top; }
  #header .menu_left {
    display: block;
    float: left;
    background: url(/images/template/menu_left_bg.gif) no-repeat;
    height: 29px;
    padding-left: 15px; }
  #header .menu_right {
    display: block;
    float: left;
    background: url(/images/template/menu_right_bg.gif) no-repeat right top;
    height: 22px;
    padding-right: 15px;
    padding-top: 7px;
    cursor: pointer; }