html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: #ffffff url(../template/bg.jpg) repeat-x;
}

img { border: 0px; }
form { margin: 0px; }

#page {
  width: 760px;
  height: 100%;
  background: url(../template/header.jpg) no-repeat;
  margin: 0px auto 0px auto;
  display: block;
}

#content {
  width: 570px;
  margin: 24px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  display: block;
  float: left;
}

#sidebar {
  font: 11px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  color: #3f4d5b;
  line-height: 16px;
  margin: 36px 0px 0px 0px;
  padding: 0px;
  background: #b7c3b2 url(../template/sidebar_bg.jpg) repeat-y;
  display: block;
  float: right;
  width: 159px;
}

#sidebar_top {
  margin: 0px;
  padding: 10px;
  background: #b7c3b2 url(../template/sidebar.jpg) no-repeat;
  display: block;
  width: 139px;
  height: 385px;
}

.menu {
  height: 19px;
  display: block;
  float: left;
  margin: 138px 28px 0px 10px;
}

.fl, .title {
  font: bold 16px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}

.fl {
  font-size: 24px;
}

.main {
  font: 12px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  color: #222222;
  line-height: 18px;
}

.paragraph {
  font: 12px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  color: #222222;
  line-height: 18px;
  text-align: justify;
  padding: 0px 0px 0px 20px;
}

a, a:hover {
  font: 12px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #666666;
}

a:hover { color: #555555; }

.photoslink, .photoslink:hover {
  font: 11px Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  color: #3f4d5b;
  text-decoration: none;
}

.photoslink:hover { color: #000000; }