body{
background-color: #000000;
color: #cccccc;
margin: 0px;
font-family: Verdana, verdana, courier new;
font-size: 10pt;
spacing: 0px;
}

a{
color: #00ccff;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

img{
border: 0px solid #ffffff;
}

div.title{
position: absolute;
width: 100%;
top: 0px;
text-align: center;
left: 0px;
background-color: #000000;
z-index: 4;
}

a.title{
}

div.menu{
position: absolute;
top: 100px;
padding-left: 4px;
left: 0px;
width: 125px;
background-image: url('http://www.geocities.com/qwestyun/menu_right.gif');
background-repeat: no-repeat;
background-position: right top;
}

span.menuItem{
width: 100px;
font-size: 12pt;
}

span.menuItem a{
width: 100px;
color: #000099;
text-decoration: none;
}


span.menuItem a:hover{
color: #0000ff;
}

div.scroll{
position: absolute;
top: 100px;
left: 400px;
}

div.content{
position: absolute;
visibility: hidden;
top: 100px;
left: 125px;
padding: 2px;
border-top: 1px solid #333399;
border-bottom: 3px solid #660000;
z-index: 2;
}

span.contentTop{
position: relative;
top: -2px;
left: 25px;
font-size: 15pt;
font-style: italic;
width: 100%;
color: #6666cc;
}

span.admin_name{
font-size: 12pt;
font-weight: bold;
width: 100%;
padding-left: 4px;
text-align: center;
}

table{
font-size: 10pt;
}

td.top{
font-size: 12pt;
font-weight: bold;
text-align: center;
}

td.rule{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
color: #ccffcc;
}

td.offence{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
color: #ffcccc;
}

div.bottom{
position: absolute;
top: 350px;
left: 125px;
background-color: #000000;
z-index: 4;
}

div.commandInfo{
position: absolute;
top: 30%;
left: 20%;
width: 300px;
visibility: hidden;
height: 150px;
border: 2px solid #ffffff;
padding: 3px;
background-color: #000000;
z-index: 5;
color: #ffffff;
}