body { 
	font: 14px calibri, Tahoma, Arial, Sans-Serif;
	color: #000;
	background-color: #3d3538; background: url(tile.jpg) repeat; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}
   
strong {font-weight: bold;}
    
a, a:link, a:visited {text-decoration: none; color: #5e191e; font-weight: bold;}
a:hover, a:active {color: #fff;}

img {border: 0px solid #000000;padding: 2px;}	

label, form span {
text-transform: uppercase;
font-weight: bold;
padding: 2px; }
	
input, select, option, textarea {
background: #fff;
border: 1px solid #000;
padding: 2px;
}

/*LAYOUT*/	

#pageHeader { background: url(logo.png) no-repeat right top; height: 49px; width: 286px;margin: 0 auto; margin-top: 100px;}

#container { 
	background: #968b90 url(background.png) repeat-x; border: 1px solid #110d0c; 
    height: 464px;left: 20px; right: 20px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: left;
	position: relative;
    top: 50%; position: absolute; margin-top: -232px;
	}

#navigate{
	width: 350px; height: 464px; float: left;
	background: url(layout.png) no-repeat; margin: 0;
	padding: 0px;}
    
    
#menu {margin: 0; list-style-type: none; margin-top: 197px;}   

#menu li {position: absolute; left: 0px; width: 201px; height: 34px;}
#menu li a {width: 201px; height: 34px; margin: 0; visibility: visible;text-indent: -9000px;overflow: hidden; display: block;border: none; }
#menu li a:hover {width: 201px; height: 34px; } 

#menu .home{top: 197px;}
#menu .home a:hover{background: url(layout.png) 427px -197px;}	
    
#menu .codes{top: 231px;}   
#menu .codes a:hover{background: url(layout.png) 427px -231px;}	

#menu .join{top: 264px;}   
#menu .join a:hover{background: url(layout.png) 427px -264px;}	

#menu .members{top: 297px;}   
#menu .members a:hover{background: url(layout.png) 427px -297px;}	
    
#menu .downloads{top: 330px;}   
#menu .downloads a:hover{background: url(layout.png) 427px -330px;}	
    
#menu .site{top: 363px;}   
#menu .site a:hover{background: url(layout.png) 427px -363px;}	
    
#menu .other{top: 396px;}   
#menu .other a:hover{background: url(layout.png) 427px -396px;}	
    
#menu .home span, #menu .codes span, #menu .join span, #menu .other span, #menu .members span, #menu .downloads span, #menu .site span{
	visibility: hidden;
	white-space: nowrap;}

/*CONTENT*/
#content {
overflow: auto; height: 455px;left: 350px; right: 0px; float: right; position: absolute;
background: #988d92; margin: 0px; 
border-radius: 2em;	-webkit-border-radius: 2em;	-moz-border-radius: 2em;-moz-opacity:.65; -ms-filter:?alpha(opacity=65)?; filter:alpha(opacity=65); opacity:.65;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}

    p {padding-left: 15px }

#content h1{
	margin: 10px;
	padding: 10px; font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
    border-bottom: 1px solid #110d0c;
    }

#content .p{
	margin: 0;
	padding: 35px;
}

/*FOOTER*/
#footer {margin: 10px;padding: 10px;border-top: 1px solid #5e191e;}
#footer h1{}
#footer p{}