* {
margin: 0;
padding: 0;
}

body {
background: #333 url("images/back.gif") repeat;
text-align: center;
font: normal 11px/18px verdana, arial, tahoma, sans-serif;
color: #333;
padding-top: 10px;
padding-bottom: 10px;
}

iframe {
border: 0;
width: 600px;
height: 100px

}

a:first-letter {
text-decoration: none;
color: #f99;
}

a {
color: #333;
text-decoration: none;
}

a:visited { color: #333;
text-decoration: none;
}

a:hover {
color: #333;text-decoration: none;
}

#header {
width: 580px;
height: 270px;
background: #000 url("images/header.jpg") no-repeat;
background-position: top right;
}

#wrapper {
width: 580px;
background: #fff url("images/sidebar--.gif") repeat-y;
background-position: 0 0;
border: solid 10px #fff;
margin: 0 auto;
text-align: left;
}

#wrapp_login {
text-align: center;
position: absolute;
top: 45%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}

#login {
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #fff;
margin-left: -204px;
position: absolute;
top: -100px;
left: 50%;
width: 407px;
height: 200px;
visibility: visible
}

h1 {
width: 140px;
height: 30px;
background-color: #333;
margin: 1px 1px 1px 0;
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
cursor: default;
}

h1:first-letter {
color: #c99;
text-decoration: underline;
}

h2 {
width: 419px;
height: 30px;
background-color: #333;
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
margin-top: 1px;
cursor: default;
}

h3 {
height: 30px;
margin: 1px 1px 1px 0;
float: left;
font: bold 16px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #000;
cursor: default;
}

h3:first-letter {
font: bold 18px/30px arial, verdana, tahoma, sans-serif;
color: #c99;
margin: 1px 1px 1px 1px;
}

h4 {
width: 400px;
height: 20px;
background-color: #333;
margin: 1px 1px 1px 1px;
float: top;
font: bold 12px/20px arial, verdana, tahoma, sans-serif;
padding-left: 5px;
color: #fff;
cursor: default;
}

#nav {
list-style: none;
z-index: 2;
border-right: 1px solid #fff;
height: 270px;
width: 150px;
}

#nav li a {
color: #fff;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
display: block;
width: 140px;
height: 24px;
background-color: #000;
border-bottom: 1px solid #fff;
padding-left: 10px;
text-decoration: none;
}

li a {
color: #fff;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
display: block;
width: 140px;
height: 24px;
background-color: #000;
border-bottom: 1px solid #fff;
padding-left: 10px;
text-decoration: none;
}

#nav li a:hover {
background-color: #333;
background-image: url("images/bullet_hover.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}

#nav #current a {
background-color: #877;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}

#current a {
background-color: #817674;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}

#sidebar {
width: 132px;
background-color: #ccc;
float: left;
position: relative;
left: -4px;
margin-left: -147px;
border-top: 1px solid #fff;
font: normal 10px/20px verdana, arial, tahoma, sans-serif;
padding: 8px;
}

#counters {
margin-top: 20px;
width: 110px;
background-color: #ccc;
border-top: 0px solid #fff;
padding: 8px;
}

img {
border: none;
margin-bottom: 1px;
}

a img {
border: 1px solid #fff;
margin-bottom: 1px;
}

a:hover img {
border-color: #817674;
margin-bottom: 1px;
}

#g_image a img {
margin-bottom: 1px;
border: 1px solid #fff;
}

#g_image a:hover img {
border: 1px solid #817674;
}

#sidebar a:hover {
color: #fff;
}

#content {
float: left;
width: 400px;
margin: 10px 0 0 10px;
text-align: justify;
}

#g_item {
background: #fff;
float: left;
width: 400px;
margin: 0 0 0 0;
text-align: justify;
}

#usef {
background: #fff;
float: top;
width: 390px;
margin: 0 0 0 10px;
text-align: justify;
}

#u_left {
background: #fff;
float: left;
width: 180px;
margin: 0 0 0 0;
text-align: justify;
}

#u_right {
background: #fff;
float: left;
width: 205px;
margin: 0 0 0 0;
text-align: justify;
}

#g_image {
float: left;
margin: 0 20px 0 0;
}

#clanrules ol{
padding-left:36px;

}
#clanrules ul{
padding-left:46px;
}

#content ol{
padding-left:36px;

}
#content ul{
padding-left:46px;
}

#content a{
color: #000;
font: 11px/20px verdana, arial, tahoma, sans-serif;
}

#content a:hover{
color: #000;

}

#footer {
clear: both;
width: 400px;
margin-left: 163px;
text-align: center;
margin: 20px 0 0 163px;
}

#text_sign {
float: top;
clear: both;
width: 400px;
font: italic 10px/20px verdana, arial, tahoma, sans-serif;
margin: 20px 0 0 0;
text-align: right;
}

#text_sign a{
color: #000;
font: bold 11px/20px verdana, arial, tahoma, sans-serif;
}

#text_sign a:hover{
color:#FF9F9F;

}

#p1h {
float: left;
color:#FF9F9F;
background-color: #333;
width: 130px;
text-align: center;
}

#p2h {
float: left;
color:#B2FF88;
background-color: #333;
width: 130px;
text-align: center;
}

#p3h {
float: left;
color:#92C3E6;
background-color: #333;
width: 130px;
text-align: center;
}

#ph {
float: left;
width: 405px;
background-color: #333;
text-align: center;
}

#quest {
width: 405px;
text-align: justify;
background-color: #333;
clear: both;
}

.prof1-color {
color:#FF9F9F;
text-align: left;
}

.prof2-color {
color:#B2FF88;
text-align: left;
}

.prof3-color {
color:#92C3E6;
text-align: left;
}

.structure td{
color:#000;
text-align: center;
}

td {
color: #fff;
text-align: center;
}

td#blacktd {
color: #000;
text-align: center;
font-size: 9px;
}

#quest a{
color: #fff;

}

hr {
border: 0;
border-top: 1px solid #817674;
height: 0px;
width: 100%;
}

#sweep p{
color: #FFCCCC;
font: bold 16px/20px verdana, arial, tahoma, sans-serif;
}

#sweep a{
color: #FFCCCC;
font: bold 11px/20px verdana, arial, tahoma, sans-serif;
}

#sweep a:hover{
color:#FF9F9F;

}

#content tr#tr_underline{
border-bottom: 2px solid #000000;
}

#siege_table td{
color:#000000;
font-family: tahoma;
font-size: 11px;
height: 8px;
text-align: left;
margin-left: 10px;
}

.progress{overflow:hidden; height:12px;}

#siege_table #td_rem_dayp, #td_rem_hourp, #td_rem_minp, #td_rem_secp {
background-color:#fcc;
font-color:#000000;
}

#siege_table #td_rem_week, #td_rem_day, #td_rem_hour, #td_rem_min, #td_rem_sec {
background-color:#eeeeee;
font-color:#000000;
}

#moon {
width: 125px;
height: 125px;
background-position: 0 0;
margin: 0 auto;
}