html {
  background: url("/bg/bg.png") repeat;
	 position: absolute; 
	 z-index: -9999;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 animation: slide 80s linear infinite; 
}

*{
  box-sizing: border-box;
  cursor: url('icons/cursor.png'), pointer;
  scrollbar-color: #4EA6BC #162A2E;
  position: relative;
  margin: 0;
  padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}

@keyframes slide {
  from {background-position: 0 0;}
  to {background-position: 1500px 0px;}
}

@font-face {
  font-family: 'courier new';
  src: url('/fonts/CourierNewRegular.woff');
  font-weight: normal;
}

@font-face {
  font-family: 'courier new';
  src: url('/fonts/CourierNewBold.woff');
  font-weight: bold;
}

body {
  color: white;
  font-family: 'courier new';
}

a {
  text-decoration: none;
  color: #00171A;
}

h1 {
  font-size:26px;
  text-align:center;
  background-color: #427F94;
  margin-bottom: 13px;
  padding: 0px;
  border-style: solid;
  border-color: #A9EBFC;
  border-radius: 10px;
}

hr {
  color: #A9EBFC;
  background-color: #A9EBFC;
  margin: 10px 0px 10px 0px;
  height: 3px;
}

nav {
  top:-417px;
  left:77px;
  width:198px;
  font-size: 0;
}

nav a {
  color: white;
  font-size:18px;
  line-height: 2;
}

nav a:hover {
  margin:8px;
}

nav img {
  vertical-align: middle;
}

nav li {
  list-style: none;
  font-size:25px;
  border-bottom: 2px solid #A9EBFC;
}

nav ul {
  padding: 0;
  margin: 2px;
}


#mainframe {
  top:203px;
  left:362px;
}

.logo {
  top: 60px;
  left:362px;
  padding: 60px 240px;
}

.scroll {
  width:786px;
  top:146px;
  left:257px;
}

.base {
  background: url("/bg/layout.png");
  background-repeat:no-repeat;
  width:1300px;
  height:925px;
  margin: 10px auto;
  overflow:hidden;
}

.bottom {
  top:-248px;
  font-size: 92%;
  text-align: center;
}

.updates {
  top:-293px;
  left:70px;
  width:212px;
}

.updates h1 {
  top:2px;
  left:7px;
  width:198px;
}

.updates p {
  font-size:90%;
}

.content {
  height: 127px;
  overflow: auto;
  padding: 8px;
}