body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	color: #807070;
	background-color: #f6e2e2;
	margin: 0;
	padding: 0;
}

*{
	margin: 0;
	padding: 0;
}

#box{
	width: 1024px;
    margin: 0;
	padding: 0;
}

#mainpic{
	width: 854px;
	height: 768px;
    margin: 0;
	padding: 0;
	background: url(images/mainpic.jpg) no-repeat top left;
	z-index: 1;
}

#header{
	width: 560px;
	height: 94px;
	background: url(images/header.jpg) no-repeat;
}

/* --NAVIGATION --*/

#nav{
	position: absolute;
	width: 101px;
	top: 0px;
        margin: 0;
	padding: 0;
	left: 363px;
}

#menu{
	width: 101px;
	padding-left: 0px;
}

#menu li{
	padding: 0px 0px;
	display: block;
	float: left;
}

#menu li a span{
	display: none;
}

ul#menu li.info a{
	width: 101px;
	height: 42px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/info.jpg);
}

ul#menu li.info a:hover{
	display: block;
	background-image: url(images/info2.jpg);
}

ul#menu li.codes a{
	width: 101px;
	height: 35px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/codes.jpg);
}

ul#menu li.codes a:hover{
	display: block;
	background-image: url(images/codes2.jpg);
}

ul#menu li.join a{
	width: 101px;
	height: 45px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/join.jpg);
}

ul#menu li.join a:hover{
	display: block;
	background-image: url(images/join2.jpg);
}

ul#menu li.fans a{
	width: 101px;
	height: 34px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/fans.jpg);
}

ul#menu li.fans a:hover{
	display: block;
	background-image: url(images/fans2.jpg);
}

ul#menu li.site a{
	width: 101px;
	height: 34px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/extra.jpg);
}

ul#menu li.site a:hover{
	display: block;
	background-image: url(images/extra2.jpg);
}

ul#menu li.index a{
	width: 101px;
	height: 39px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/main.jpg);
}

ul#menu li.index a:hover{
	display: block;
	background-image: url(images/main2.jpg);
}

/* -- CONTENT --*/

#content{
	position: absolute;
	width: 560px;
	top: 0px;
	left: 500px;
}

#contentmain{
	width: 520px;
text-align: left;
    margin: 0px 0px 0px 10px;
}

#stats{
	width: 250px;
	color: #fcf7f7;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 90%;
	padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 150px;
	text-align: center;
	background-color: #d8c7c7;
}

#footer{
	width: 560px;
height: 65px;
margin: 0px 0px px 0px;
background: url(images/footer.jpg) no-repeat;
}

#footercontent{
	width: 510px;
	color: #fcf7f7;
	font-size: 80%;
background-color: #d8c7c7;
    padding: 0px 0px 0px 0px;
margin: 10px 0px 5px 15px;
	text-align: center;

}

#footercontent a{
	width: 562px; 
	color: #b3adad;
	text-align: center;
	text-decoration: none;
}

#footercontent a:hover{
	width: 562px; 
	color: #d8cfcf;
	text-align: center;
	text-decoration: none;
}

#extra{
	clear: both;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

/* -- CONTENT STYLE --*/

h1{
	font-family: "Tebuchet Ms", Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	color: #fcf7f7;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 40px;
	height: 43px;
	width: 297px;
	background: url(images/head.jpg) no-repeat;
}

p{
padding: 5px 0px 5px 0px;
}

a{
	cursor: help;
    color: #b2ac96;
background-color: #e2e7f6;
	text-decoration: none;
}

a:hover{
	cursor: help;
    color: #e1ddd6;
background-color: #b09c98;
	text-decoration: none;
}

a img{
	border: none;
}