<!--
body {
width: 830px;
margin: 0px;
padding: 0px;
background: #6B87AD url('images/background.gif');
background-repeat: repeat-y;
background-position: 0% 0%;
text-align: left;
font-family: georgia, serif; font-size: 11px;
}
#header {
margin: 0px 0px 0px 0px;
background: url('images/top.gif');
background-repeat: no-repeat;
background-position: 0% 0%;
width: 505px;
height: 404px;
}
#left {
margin: -404px 0px 0px 505px;
background: url('images/left.gif');
background-repeat: no-repeat;
width: 87px;
height: 284px;
}
#home {
margin: 0px 0px 0px 505px;
background: url('images/1_home.gif');
background-repeat: no-repeat;
width: 87px;
height: 24px;
cursor: pointer;
}
#fans {
margin: 0px 0px 0px 505px;
background: url('images/2_fans.gif');
background-repeat: no-repeat;
width: 87px;
height: 23px;
cursor: pointer;
}
#join {
margin: 0px 0px 0px 505px;
background: url('images/3_join.gif');
background-repeat: no-repeat;
width: 87px;
height: 23px;
cursor: pointer;
}
#codes {
margin: 0px 0px 0px 505px;
background: url('images/4_codes.gif');
background-repeat: no-repeat;
width: 87px;
height: 23px;
cursor: pointer;
}
#extras {
margin: 0px 0px 0px 505px;
background: url('images/5_extras.gif');
background-repeat: no-repeat;
width: 87px;
height: 27px;
cursor: pointer;
}
#box {
margin: -40px 0px 0px 30px;
width: 467px;
padding: 0px;
float: left;
}
* html #box {
margin: -40px 0px 0px 20px;
width: 450px;
padding: 0px;
float: left;
}
#box a {
color: #fff;
}
#box a:hover {
color: #fff;
text-decoration: none;
}
#box h1 {
  margin: 3px;
  padding: 1px;
  color: #fff;
  padding: 0px;
  font: 20px Georgia, Times New Roman, Serif;
  letter-spacing: 6px;
}
#box h1.right{
  text-align: right;
}
#box p {
  color: #fff;
  margin: 1px 0px 3px 7px;
  padding: 0px;
  font: 11px Georgia, Times New Roman, Serif;
  letter-spacing: 1px;
}
#box p.posted {
  color: #fff;
  margin: 4px;
  padding: 0px;
  font: bold 10px Georgia, Times New Roman, Serif;
  letter-spacing: 1px;
}

//Content Form
#box form {
  margin-top: 10px;
}
#box form div.row {
  margin-left: 20px;
  width: 300px;
  padding-top: 5px;
  clear: both;
  text-align: right;
}
#box form span.left {
  float: left;
  width: 125px;
  text-align: right;
  font-size: 11px;
  margin-top: 3px;
  margin-right: 5px;
}
#box form span.right {
  float: right;
  width: 160px;
  text-align: left;
}
#box form input.text, #box form textarea.text, #box form select.text {
  border: 1px solid #000;
  width: 160px;
  color: #333;
  font-size: 11px;
  padding: 2px 1px;
  font-family: Verdana, sans-serif;
}
#box form input.submit {
  border: 1px solid #000;
  font-size: 9px;
  color: #333;
}

//Normal Row
#box .rows {
  margin-top: 10px;
}
#box .rows div.row {
  margin-left: 20px;
  width: 300px;
  padding-top: 5px;
  clear: both;
  text-align: right;
}
#box .rows span.left {
  float: left;
  width: 125px;
  text-align: right;
  font-size: 11px;
  margin-top: 3px;
  margin-right: 5px;
}
#box .rows span.right {
  float: right;
  width: 160px;
  text-align: left;
}
#box .rows .text {
  border: 1px solid #000;
  width: 160px;
  color: #333;
  font-size: 11px;
  padding: 2px 1px;
  font-family: Verdana, sans-serif;
}
-->