HTML, BODY {
  padding: 0px;
  margin: 0px;
  background: #271785;
}

A IMG { border: 0px; }

#page {
  position: relative;
  width: 745px;
  margin: 0px auto;
  font-family: "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, Sans;
  color: #271785;
}

#header {
  position: relative;
  height: 220px;
  background: url(/images/header.gif) no-repeat;
  background-position: bottom left;
}

#logo {
  position: absolute;
  bottom: 13px;
  left: -42px;
  width: 223px;
  height: 188px;
}

#event {
  height: 54px;
  width: 255px;
  background: url(/images/battleus_title.gif);
  position: absolute;
  bottom: 127px;
  left: 150px;
  text-indent: 1000px;
  overflow: hidden;
}

#info {
  position: absolute;
  bottom: 87px;
  right: 50px;
  font-family: "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, Sans;
  font-size: 18px;
  font-weight: 800;
  color:  #FAFCEF;
  letter-spacing: 2px;
}

#navigation {
  position: absolute;
  bottom: 25px;
  right: 55px;
  width: 520px;
  text-align: center;
}

#navigation a  {
  color:  #271785;
  font-size: 20px;
}

#content {
  background: white;
  padding: 0 20px;
}

.promotion {
  width: 330px;
  height: 419px;
  margin-left: 50px;
  margin-right: 10px;
  background: url(/images/unclesam.jpg);
  float: left;
}

H2, strong {
  color: #271785;
}

.invitation {
  width: 250px;
  float: right;
  font-family: "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, Sans;
  font-size: 16px;
  margin-right: 50px;
  color: black;
}

a.register {
  display: block;
  width: 162px;
  height: 39px;
  background: url(/images/register.gif);
  text-indent: 162px;
  overflow: hidden;
  margin: 20px auto;
}

.dates {
  clear: both;
  text-align: center;
  font-size: 16px;
}

#footer {
  padding-top: 63px;
  background: url(/images/footer.gif) no-repeat;
  background-position: top left;
  color: white;
  text-align: center;
  clear: both;
}