/* CSS Document */
body,h1,h2,h3,h4,h5,p,div,ol,ul,li,form,dd,dl,dt,hr,table,tr,td{
margin:0px;
padding:0px;
font-size:13px;
}

a:link{
color:#FFFFFF;
}
a:visited{
color:#FFFFFF;
}
a:hover{
color:red;
}
a:active{
color:#FF0000;
}

body{
background-color:#000000;
font-size:14px;
line-height:130%;
text-align:center;
color:#FFFFFF;
}

#wrap{
position:relative;
width:820px;
margin:0px auto 0px auto;
text-align:center;
background: url(img/bg.gif);
background-repeat:repeat-y;
background-position: top center;
}

#hed{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:410px;
background: url(img/hedder_back.jpg);
}

h1{
width:818px;
height:55px;
background-image: url(img/h1_back.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
}

#tv{
position:absolute;top:84px;left:558px;
width:242px;
height:260px;
}

#menu{
position:absolute;top:370px;left:20px;
width:780px;
height:30px;
}


#menu ul{
margin:0px; 
padding:0px;
list-style:none;
}

#menu li{
float:left;
}


#menu li a {
margin-left:7px;
display:block;
width:122px;
height:30px;
text-decoration:none;
text-indent:-9999px;
background-image: url(img/button_back.jpg);
}

#home a{ 
background-position: 0px 0px;
}
#home a:hover,
#home a:focus {
background-position: 0px 30px;
}

#wanted a{
background-position: -131px 0px;
}
#wanted a:hover,
#wanted a:focus {
background-position: -131px 30px;
}

#result a{
background-position: -263px 0px;
}
#result a:hover,
#result a:focus {
background-position: -263px 30px;
}

#player a{
background-position: -395px 0px;
}
#player a:hover,
#player a:focus {
background-position: -395px 30px;
}

#album a{
background-position: -526px 0px;
}
#album a:hover,
#album a:focus {
background-position: -526px 30px;
}

#mail a{
background-position: -658px 0px;
}
#mail a:hover,
#mail a:focus {
background-position: -658px 30px;
}

#contents{
position:relative;left:2px; top:20px;
width:618px;
height:1020px;
background: url(img/contents-back.png);
background-repeat:no-repeat;
float:left;
margin-bottom:20px;
}


#contents h2{
position:absolute;left:17px;top:11px;
width:590px;
height:44px;
background-image: url(img/h2-bar.jpg);
text-indent:-9999px;
}

h3.about{
text-indent:-9999px;
background-image:url(img/h3_back.png);
width:388px;
height:19px;
margin:0px auto 0px auto;
}
* html h3.about{
background-image:url(img/h3_back3.png);
}
h3.date{
text-indent:-9999px;
background-image:url(img/h3_back2.png);
width:388px;
height:19px;
margin:0px auto 0px auto;
}
* html h3.date{
background-image:url(img/h3_back4.png);
}



#contents-main{
position:relative;left:-14px; top:68px;
background: url(img/contents-rightback.png);
background-repeat:no-repeat;
float:right;
height:930px;
width:425px;
padding-top:5px;
}

#contents-main p{
text-align:left;
font-size:96%;
width:405px;
margin:8px auto 8px auto;
}
.ye{
color:#D5D500;
}
.bl{
color:#0091F0;
font-size:110%
}
#contents-main img{
margin:10px auto 20px auto;
}

#contents-main table{
width:92%;
height:380px;
margin:5px auto 5px auto;
}
#contents-main table td{
border-bottom:2px #000000 dotted;
text-align:center;
}
#contents-main table th{
color:#E3E300;
padding:2px;
}

#contents-menu{
position:relative;left:10px; top:76px;
float:left;
width:168px;
height:916px;
}
#contents-menu ul{
position:relative;left:0px; top:0px;
margin:20px 7px 0px 7px;
list-style:none;
}
#contents-menu li{
margin-bottom:9px;
}
#contents-menu li a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:154px;
height:30px;
margin-bottom:9px;
background-image: url(img/button_side.gif);
}

#record a{ 
background-position: 0px 0px;
}
#record a:hover,
#record a:focus {
background-position:-154px 0px;
}
#manager a{ 
background-position:0px -39px;
}
#manager a:hover,
#manager a:focus {
background-position:-154px -39px;
}
#news a{ 
background-position:0px -78px;
}
#news a:hover,
#news a:focus {
background-position:-154px -78px;
}
#uniform a{ 
background-position:0px -117px;
}
#uniform a:hover,
#uniform a:focus {
background-position:-154px -117px;
}
#link a{ 
background-position:0px -156px;
}
#link a:hover,
#link a:focus {
background-position:-154px -156px;
}
#score a{ 
background-position:0px -195px;
}
#score a:hover,
#score a:focus {
background-position:-154px -195px;
}
#bbs a{ 
background-position:0px -234px;
}
#bbs a:hover,
#bbs a:focus {
background-position:-154px -234px;
}

#side-menu{
position:relative;left:0px; top:20px;
width:200px;
height:1020px;
float:right;
margin-bottom:40px;
}

#side-menu h3{
text-indent:-9999px;
position:relative;left:0px; top:0px;
margin:10px 13px 10px 11px;
height:24px;
background-image:url(img/reccomend.gif);
background-repeat:no-repeat;
}

#side-menu h3.join{
text-indent:-9999px;
position:relative;left:0px; top:0px;
margin:30px 13px 10px 11px;
height:24px;
margin-top:30px;
background-image:url(img/pickup.gif);
background-repeat:no-repeat;
}

#side-menu h3.link{
text-indent:-9999px;
height:24px;
position:relative;left:0px; top:0px;
margin:30px 13px 10px 11px;
background-image:url(img/link.gif);
background-repeat:no-repeat;
}

#side-menu p{
margin-bottom:18px;
font-size:95%;
}
#side-menu dl{
position:relative;left:0px; top:0px;
margin:10px 13px 10px 11px;
}

#side-menu dt{
text-align:left;
width:176px;
padding:0px auto 0px 3px;
color:#E3E300;
margin-bottom:0px;
font-size:90%;
}

#side-menu dd{
text-align:left;
width:176px;
color:#E3E300;
padding:0px;
margin-top:0px;
margin-bottom:4px;
}

#footer{
width:820px;
height:60px;
clear:both;
position:relative;
background-position:top center;
background-image:url(img/foot_back.gif);
background-repeat:no-repeat;
}
.jump{
	text-indent:-9999px;
}