body {
  background: #000 url(../img/bg-content.jpg) repeat-x top left;
  font-family: Trebuchet MS, Georgia;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
}

h1 {
  color: #610;
  border-bottom: 1px solid #610;
  font-size: 24px;
  text-align: right;
}

h2 {
  color: #610;
  font-size: 16px;
}

a, a:visited {
  color: #610;
}

#cnt {
  text-align: justify;
  padding: 0px 16px 16px 200px;
  margin: 0px;
  color: #444;
  background: url(../img/bg-content-top.jpg) no-repeat  top left;
  width: 400px;
  height: 600px;
  border-top: 1px solid #ffffcb;
  position: relative;
}

#nav {
  font-family: Trebuchet MS, Verdana, Arial, Sans serif;
  font-weight: bold;
  font-size: 11px;
  height: 17px;
  padding: 0px;
  margin: 0px;
}

#nav li {
  list-style: none;
  display: block;
  float: left;

  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
}

#nav a, #nav a:active, #nav a:visited {
  text-decoration: none;
  margin: 0px 4px;
  display: block;
  border: 1px solid #610;
  border-bottom: none;
  padding: 0px 4px;
  color: #610;
  vertical-align: bottom;
  background: #cca;
}

#nav a:hover {
  background: #800;
  color: white;
}

#nav a:active, #nav a.active, #nav a.active:hover {

  border-color: #800;
  color: #800;
  background: white;
}

#sections {
  position: relative;
  height: 400px;
  width: 100%;
  border-top: 1px solid #800;
}

#sections div {
  background: white;
  padding: 8px 16px;
  border: 1px solid;
  border-color: white #800 #800 #800;
  border-top-width: 0px;
}

#cardbox {
  position: absolute;
  width: 300px;
  height: 600px;
  top: 0px;
  left: 600px;
  z-index: 2px;
  background: transparent;
}


form#registration {
  display: block;
  float: left;
  background: #ffc url(../img/bg-content.jpg) repeat-x;
  padding: 8px;
  border: 1px solid #ffe;
  border-top-color: #cdb;
  position: relative;
}

form#registration div.field input {
  width: 240px;
}
form#registration span.ro {
  display: block;
  width: 240px;
  float: right;
}

form#registration div.avatar {
  position: absolute;
  bottom: -40px;
  left: -60px;

  padding: 0px;
  margin: 0px;
}
form#registration div.avatar img {
  padding: 0px;
  margin: 0px;
  border: 1px solid #ffe;

}

.errors {
  color: red;
}
div.field {
  clear: both;
}
div.field label {
  display: block;
  font-weight: bold;
  text-align: right;
  width: 120px;
  float: left;
  vertical-align: middle;
  margin: 0px;
  padding: 6px 2px 0px 0px;
  color: #400;
}
div.field input {
  margin: 4px 0px 4px 4px;
  border: 1px solid #400;
}
div.field .ro {
  margin: 0px;
  padding: 6px 2px 0px 0px;
}

div.field-note {
  color: #000;
  font-weight: normal;
  font-size: 9px;
  margin-left: 60px;
  width: 300px;
  position: relative;
  clear: both;
}



div.buttons {
  text-align: right;
}

input.button, div.buttons input {
  color: #ffe;
  background: #400;
  border: 1px solid #ccb;
  font-weight: bold;
}

a#back, a#back:visited, a#back:active {
  color: #cca;
  font-weight: bold;
  text-decoration: none;
  font-size: 22px;
  position: absolute;
  padding-top: 220px;
  padding-left: 16px;
  top: 0px;
  left: 0px;
  height: 400px;
  cursor: pointer;
}
a#back:hover {
  color: #ffe;
}