* {
  margin:0px;
  padding:0px;
}
body, html { height:100%; }
body {
  background:url(media/img/bg-body.jpg) center top no-repeat #202020;
  text-align:center;
  font-family:lucida grande, lucida sans, helvetica, arial, sans-serif;
  font-size:12px;
  overflow-x:hidden;
}
a { text-decoration:none; }
a img { border:0px; }
.clearing { clear:both; }
#page {
  width:990px;
  margin:auto;
  text-align:left;
  padding-top:25px;
}
#header { position:relative; }
img.logo { float:left; }
.navigation {
  padding-left:100px;
  height:36px;
}
.navigation li {
  list-style-type:none;
  float:left;
  line-height:36px;
  height:36px;
  margin-right:2px;
  background:url(media/img/bg-navilink.jpg) left top repeat-x;
}
.navigation li a {
  display:block;
  padding:0px 18px;
  color:#ffffff;
}
.navigation li.active, .navigation li a:hover, .navigation li a:focus { background:url(media/img/bg-navilink-active.jpg) left top repeat-x; }
.subnavigation {
  height:36px;
  background:#be1b82;
  padding-left:100px;
}
.subnavigation li {
  list-style-type:none;
  float:left;
  line-height:36px;
  line-height:36px;
}
.subnavigation li a {
  display:block;
  padding:0px 18px;
  color:#550738;
}
.subnavigation li.active a, .subnavigation li a:hover, .subnavigation li a:focus { color:#ffffff; }
#mainframe {
  box-shadow:0px 0px 50px #000000;
  -moz-box-shadow:0px 0px 50px #000000;
  -webkit-box-shadow:0px 0px 50px #000000;
}
#splasher {
  height:500px;
  background:#272727;
}
#content {
  background:#ffffff;
  border-top:3px solid #e2e2e2;
  border-left:10px solid #ffffff;
  border-right:10px solid #ffffff;
  padding:0px 50px 20px 50px;
}
#content table td, #content table th { padding:3px 8px; }
#content h1, #content h2 { margin:20px 0px; }
#content p {
  margin:14px 0px 0px 0px;
  line-height:17px;
  padding-right:40px;
}
#content ul, #content ol {
  margin-top:10px;
  padding:10px;
  border:1px solid #cccccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#content li {
  margin:0px 10px;
  color:#be1b82;
}