body {
  font-size: 0.8em;
}

h1 {
  text-indent: -500em;
}

h2 {
  padding: 0 0 0.6em;
  color: #b51212;
  font: 1.4em helvetica, arial, sans-serif;
}

p {
  padding: 0 0 1em;
  /* color: #666; */
  font: 1em/1.4em helvetica, arial, sans-serif;
}

.footer p {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 700px;
  padding: 0;
  text-align: center;
  font-weight: bolder;
  font-size: 13px;
}

#logo {
  margin: 0 5% 0 5%;
  width: 630px;
  height: 190px;
}

ul {
  padding: 5px;
  margin: 20px 15% 20px 15%;
  list-style: none;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  float: left;
  clear: left;
}

ul li {
  float: left;
  display: inline; /* For ignore double margin in IE6 */
  margin: 0 10px;
}

ul li a {
  text-decoration: none;
  float:left;
  color: #999;
  cursor: pointer;
  font: 900 14px/22px "Arial", Helvetica, sans-serif;
}

ul li a span {
  margin: 0 10px 0 -10px;
  padding: 1px 8px 5px 18px;
  position: relative; /* To fix IE6 problem (not displaying) */
  float:left;
}

/* red hover */
ul.red li a.current, ul.red li a:hover {
  color: #b51212;
}