body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
	background-color: #000000;
	color: #fff;

}

.headstamp{
    width: 100%;
    background: url(/media/img/headstamp.jpg) repeat-y center top;
}

.head{
    margin: 0px auto;
    width: 880px;
    height: 567px;    
}

#person1{
    position: relative;
    height: 0px;
    width: 1px;
    top: 35px;
}


.servers{
    width: 500px;
    height: 100px;
    position: relative;
    left: 440px;
    top: 420px;
    
}

.war{
    position: relative;
    top: 160px;
    left: 170px;
    width: 178px;
    height: 236px;
}

#fire1{
	position: relative;
    top: -443px;
    left: 252px;
    width: 40px;	
}

#fire2{
	position: relative;
    top: -499px;
    left: 604px;
    width: 40px;	
}

#l2top{
    position:relative;
    width: 100px;
    height: 100px;
    top: -318px;
    left: 813px;
}

#r_stat{
    position: relative;
    top: -130px;
    width: 200px;
    font-size: 12px;
}

.middlestamp{
    width: 100%;
    background: url(/media/img/middlestamp.jpg) repeat-y center top;
}

.middle{
    margin: 0px auto;
    width: 880px;
}

.content{
    position:relative;
    top: -70px;
}

.footerstamp{
    width: 100%;
    background: url(/media/img/footer.jpg) no-repeat center top;
}

.footer{
    width: 880px;
    height: 135px;
    margin: 0px auto;
}

.cont-t{
    text-align: center;
    font-family: Georgia;
    font-size: 28px;
    padding-top: 14px;
    color: #e4c685;    
}

.cont-t-m{
    height: 67px;    
    background: url(/media/img/content-t-m.png) no-repeat top center;
}

.cont-t-s{
    background: url(/media/img/content-t-s.png) repeat-x bottom;
}

.cont-t-l{
    background: url(/media/img/content-t-l.png) no-repeat left bottom;
    padding-left: 178px;
}

.cont-t-r{
    background: url(/media/img/content-t-r.png) no-repeat right bottom;
    padding-right: 178px;
}

.cont-m{
    padding: 0px 10px;
}

.cont-m-s{
    background: url(/media/img/content-m-s.png) repeat;
}

.cont-m-l{
    background: url(/media/img/content-m-l.png) repeat-y left;
    padding-left: 2px;
    margin-left: 8px;
}

.cont-m-r{
    background: url(/media/img/content-m-r.png) repeat-y right;
    padding-right: 2px;
    margin-right: 8px;
}


.cont-b-s{
    background: url(/media/img/content-b-s.png) repeat-x bottom;
    height: 30px;
}

.cont-b-l{
    background: url(/media/img/content-b-l.png) repeat-y left;
    padding-left: 23px;
    margin-left: 4px;
}

.cont-b-r{
    background: url(/media/img/content-b-r.png) repeat-y right;
    padding-right: 23px;
    margin-right: 3px;
}


.content-left{
    width: 30%;
    float:left;   
}


.content-middle{
    float: left;
    width: 70%;
    padding-top: 12px;
}



.menu{
    width: 255px;
    margin-top: 0px;
}

.menu-t{
    /*background: url(/media/img/menu-t.png) no-repeat;*/
    height: 17px;
}

.menu-b{
    /*background: url(/media/img/menu-b.png) no-repeat;*/
    height: 17px;
}

.menu-m-l{
    /*background: url(/media/img/menu-m-l.png) repeat-y left;*/
    padding-left: 13px;
}

.menu-m-r{
    /*background: url(/media/img/menu-m-r.png) repeat-y right;*/
    padding-right: 13px;
}

.menu-m{
    font-size: 130%;
}

.menu-m li{
    padding: 0px;
}

.menu-m li a{
    display: block;
    width: 230px;
    height: 39px;
    background: url(/media/img/menu-i.png) no-repeat;
    text-decoration: none;
    font-weight: bolder;
    text-align: center;
    color: #b4a88e;
}

.menu-m li a:hover{
    color: #fff;   
}

.menu-m li a span{
    display: block;
    padding-top: 6px;
}

.menu-m ul ul a{
    display: block;
    height: 25px;
    background: none;
    text-decoration: none;
    font-weight: bolder;
    text-align: left;
    color: #7D7D7D;
    font-size: 85%;
}

.menu ul ul {
    padding-bottom: 15px;
}

.menu-m ul ul a span{
    display: block;
    padding: 6px 0 0 25px;
}

.server-stat{
    
}

.server-stat li{
    display: block;
    width: 124px;
    float: left;
    margin-right: 23px;
}

.server-stat .status{
    color: #fff568;
    font-size: 12px;
    text-align: right;
    margin: 16px 11px 0 10px;
}

.server-stat .players{
    color: #00a651;
    font-size: 12px;
    text-align: right;
    margin: 0px 18px 0 0;    
}

.server-stat .vote{
    color: #00a651;
    font-size: 12px;
    text-align: right;
    margin: -1px 6px 0 0;
}
.server-stat .vote a{
}

.server-stat .server{
    width: 124px;
    height: 51px;
}
.server-stat .ggs1{
    background: url(/media/img/numenor.png) no-repeat;
}

.server-stat .ggs1.offline{
    background: url(/media/img/numenor-offline.png) no-repeat;
}
.server-stat .ggs2{
    background: url(/media/img/mordor.png) no-repeat;
}

.server-stat .ggs2.offline{
    background: url(/media/img/mordor-offline.png) no-repeat;
}
.server-stat .ggs3{
    background: url(/media/img/arnor.png) no-repeat;
}

.server-stat .ggs3.offline{
    background: url(/media/img/arnor-offline.png) no-repeat;
}


.server-select{
    
}

.server-select li{
    display: block;
    width: 124px;
    height: 51px;    
    float: left;
    margin-right: 23px;
}


.server-select .server a{
    width: 124px;
    height: 51px;
    display: block;
}
.server-select .ggs1 a{
    background: url(/media/img/numenor-offline.png) no-repeat;
}

.server-select .ggs1 a:hover, .server-select .ggs1 a.active{
    background: url(/media/img/numenor.png) no-repeat;
}


.server-select .ggs2 a{
    background: url(/media/img/mordor-offline.png) no-repeat;
}
.server-select .ggs2 a:hover, .server-select .ggs2 a.active{
    background: url(/media/img/mordor.png) no-repeat;
}


.server-select .ggs3 a{
    background: url(/media/img/arnor-offline.png) no-repeat;
}
.server-select .ggs3 a:hover, .server-select .ggs3 a.active{
    background: url(/media/img/arnor.png) no-repeat;
}



.top-select{
    
}

.top-select li{
    display: block;
    float: left;
    margin-right: 23px;
}


.top-select  a{
    display: block;
    color: gray;
    text-decoration: none;
}

.top-select  a:hover, .top-select  a.active{
    color: white;
}