body
{
background-image: url(bg.jpg);
background-color: #0B0704;
background-position: top left;
background-repeat: repeat-x repeat-y;	
padding: 0;
margin: 0;
--overflow-x: hidden;
}

a:focus
{  
     outline: none;  
}  

h1
{
text-align:center;
background-image: url(title.png);
background-position: top center;
background-repeat: no-repeat;	
height: 189px;
padding: 0;
margin: 0;
}

h1 a
{
display: block;
height: 153px;
text-indent: -1000%;
overflow: hidden;	
border: 0;
}

h1 div.hand
{
background-image: url(hand.png);
background-position: top center;
background-repeat: no-repeat;
height: 24px;
position: relative;
top: 189px;
}

#menu
{
background-image: url(menu.jpg);
background-position: top center;
background-repeat: repeat-x;
height: 33px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#menu ul
{
padding: 0;
margin: 0;
list-style: none;
position: relative;
left: 50%;
margin-left: -320px;
width: 660px;
}

#menu a.mf
{
display: block;
width: 39px;
height: 41px;
position: absolute;
left: 50%;
margin-left: -370px;
margin-top: 2px;
background-image: url(mf.png);
background-position: left center;
background-repeat: no-repeat;
}

#menu li
{
width: 110px;
height: 100%;
display: inline-block;
text-align: center;
}

#menu li.now
{
background-image: url(mbg.png);
background-position: top left;
background-repeat: no-repeat;
--border-right: 1px solid #000;
--border-left: 1px solid #000;
}

#menu li.submit
{
display: inline-block;
text-align: center;
margin-left: 0px;
}

#menu li.login
{
display: inline-block;
text-align: center;
margin-left: 90px;
}

#menu a
{
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #000;
display: block;
height: 100%;
padding-top: 8px;
background-repeat: no-repeat;
background-image: url(menu.png);
text-indent: -1000%;
overflow-x: hidden;
}

#menu a.news {background-position: 0px 1px;}
#menu a.rules {background-position: -110px 1px;}
#menu a.results {background-position: -220px 1px;}
#menu a.submit {background-position: -330px 1px;}
#menu a.login {background-position: -440px 1px;}

#menu a:hover.news {background-position: 0px -33px;}
#menu a:hover.rules {background-position: -110px -33px;}
#menu a:hover.results {background-position: -220px -33px;}
#menu a:hover.submit {background-position: -330px -33px;}
#menu a:hover.login {background-position: -440px -33px;}


#content
{
width: 744px;
position: relative;
left: 50%;
margin: 10px 0 10px -379px;	
}

#content .center
{
background-image: url(mcenter.png);
background-position: top center;
background-repeat: repeat-y;
padding: 10px 40px 0 40px;	
font-family: Trebuchet MS;
font-size: 1em;
}

#content .center p
{
margin-bottom: 0;
}

#content .top
{
background-image: url(mtop.png);
background-position: top center;
background-repeat: no-repeat;
padding: 28px 0 0 40px;
margin: 0;
font-family: Trebuchet MS;
font-size: 38px;
color: #291F16;
font-weight: bold;
}

#content h3
{
position: absolute;
margin: 0;
font-family: Trebuchet MS;
font-size: 14px;
color: #493F36;
font-weight: normal;
right: 34px;
text-align: right;
margin-top: -50px;
}

#content h4
{
margin: 0;
padding: 20px 0 0 0;
font-family: Trebuchet MS;
font-size: 18px;
color: #493F36;
border-bottom: 1px dashed #666;
}

#content .bottom
{
background-image: url(mbottom.png);
background-position: top center;
background-repeat: no-repeat;
height: 30px;
}

.content a, .content a:visited
{
color: #009;
font-weight: bold;	
}

.content a:active
{
color: #900;
}

.copyrights
{
width: 700px;
position: relative;
left: 50%;
margin: 0 0 0 -350px;	
color: #654B32;
font-size: 11px;	
font-family: Arial;
background-image: url(wd.png);
background-position: 55% 0;
background-repeat: no-repeat;
height: 55px;
}

.copyrights a
{
color: #654B32;
}

.copyrights .left
{
width: 49%;
float: left;

}

.copyrights .right
{
width: 49%;
float: right;
text-align: right;
}

#viewer
{
display: none;
position: absolute;
background-color: #000;
z-index: 999;
background-position: center center;
background-repeat: no-repeat;
margin: 0;
text-align: center;
padding-top: 20px;
}