@font-face {font-family: Aleg;
                src: url(alegreya-regular.otf);}
    body {font-family: Aleg, serif;
          background: #FFF url(images/HeadBanner_1.jpg) no-repeat top center;
          margin: 0px;
          padding: 0px;
          width: 100%;}
    .container {margin: 0 auto;
                width: 800px;
                position: relative;}
    .contenttop {float: left;
                 height: 50px;
                 width: 596px;
                 text-align: center;
                 font-size: 36px;
                 color: #333;
                 margin: 125px 100px 61px 100px;
                 padding: 5px 0;
                 background: #F7F7DF;
                 border: 2px solid #6D84F7;}
    .navbar {float: left;
             width: 800px;
             height: 38px;
             font-size: 14px;
             color: #333;
             background: #FFF;}
    .navbar ul {padding: 0;
                margin: 10px;
                text-align: center;}
    .navbar ul li {display: inline;}
    .navbar ul li:hover {position: relative;}
    .navbar ul li a {color: #333;
                     padding: 10px 15px 9px 15px;
                     text-decoration: none;}
    .navbar ul li a:hover,
    .navbar ul li:hover a {background: #FFF;
                           color: #F00;}
    .navbar ul li ul {visibility: hidden;
                      position: absolute;
                      top: 100%;
                      left: 0px;
                      height: 0;
                      overflow: hidden;
                      margin: 9px 0px 0px 0px;}
    .navbar ul li:hover ul {visibility: visible;
                            position: absolute;
                            height: auto;
                            width: 100px;
                            text-align: left;
                            background: #000;
                            border: 1px solid #333;
                            overflow: visible;}
    .navbar ul li:hover ul li a {display: block;
                                 background: transparent;
                                 color: #FFF;
                                 line-height: 11px;
                                 padding: 7px 10px;
                                 height: auto;
                                 width: 80px;
                                 text-decoration: none;}
    .navbar ul li:hover ul li:hover a {background: #FFF;
                                       color: #333;}
    .space40 {float: left;
              height: 40px;
              width: 800px;}
    .space20 {float: left;
              height: 20px;
              width: 800px;}
    .title {float: left;
            height: 28px;
            width: 798px;
            text-align: center;
            font-size: 22px;
            padding: 5px 0;
            background: #E7D7E7;
            border: 1px solid #999;}
    .contents {float: left;
               height: auto;
               width: 800px;}
    .contents a {color: #000;}
    .rule {float: left;
           height: 1px;
           width: 500px;
           margin: 0 150px;
           background: #000;}
    .contleft {float: left;
               height: 20px;
               width: 247px;
               padding: 0 10px;
               text-align: right;}
    .contmid {float: left;
              height: 20px;
              width: 246px;
              padding: 0 10px;
              text-align: center;}
    .contright {float: left;
                height: 20px;
                width: 247px;
                padding: 0 10px;
                text-align: left;}
    .contrule {float: left;
               height: 1px;
               width: 800px;
               background: #FFF;}
    .total {float: left;
            height: 1px;
            width: 300px;
            background: #000;
            margin: 5px 250px;}
    .outleft {float: left;
              height: 17px;
              width: 380px;
              padding: 0 10px;
              text-align: right;}
    .outright {float: right;
               height: 17px;
               width: 380px;
               padding: 0 10px;
               text-align: left;}
    .stop {float: left;
           height: 26px;
           width: 26px;
           margin: 0 387px;
           background: #000;}
    .selectholder {float: left;
                   height: 25px;
                   width: 800px;
                   text-align: center;
                   padding: 5px 0;}
    .selectholder select {margin: 0 20px;}
    .headhold {float: left;
               height: auto;
               width: 800px;
               text-align: center;}
    #convert {float: left;
              height: 23px;
              width: 540px;
              margin: 0 128px;
              padding: 10px 0;
              text-align: center;
              border: 1px solid #999;}
    .enterleft {float: left;
                height: 120px;
                width: 220px;
                margin: 0 50px 0 128px;
                text-align: center;
                border: 1px solid #999;}
    .enterleft input {margin: 20px 0 15px 0;}
    .enterright {float:left;
                 height: 120px;
                 width: 220px;
                 margin: 0 128px 0 50px;
                 text-align: center;
                 border: 1px solid #999;}
    .enterright input {margin: 20px 0 15px 0;}
    .dark {float: left;
           height: 20px;
           width: 160px;
           background: #DDDDDD;
           text-align: center;}
    .pale {float: left;
           height: 20px;
           width: 160px;
           background: #E7E7E7;
           text-align: center;}
    .white {float: left;
            height: 17px;
            width: 160px;
            background: #FFF;
            text-align: center;
            margin: 6px 0;}
    .life {float: left;
           height: 17px;
           width: 200px;
           background: #FFF;
           text-align: center;
           margin: 6px 0;}
    .lifedark {float: left;
               height: 20px;
               width: 200px;
               background: #DDDDDD;
               text-align: center;}
    .lifepale {float: left;
               height: 20px;
               width: 200px;
               background: #E7E7E7;
               text-align: center;}
      .commenthold {float: left;
                    height: 60px;
                    width: 800px;
                    color: #666;}
      .namebox {float: left;
                height: 40px;
                width: 800px;
                padding: 10px 0;}
      .messagebox {float: left;
                   height: 150px;
                   width: 800px;
                   padding: 10px 0;}
      .btnholder_2 {float: left;
                    height: 50;
                    width: 800px;
                    padding: 10px 0;}
      .xmlnames {float: left;
                 height: 10px;
                 width: 800px;
                 margin-top: 10px;
                 padding: 10px 0;}
      .xmlmessages {float: left;
                    height: auto;
                    width: 778px;
                    margin-bottom: 10px;
                    padding: 10px;
                    border: 1px solid #999;}