body { 
    font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #7d8b6c;
	background: url(background.gif); 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}

p { 
	padding: 5px;
    font-size: 1.0em;
    color: #7d8b6c;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;}	

li {
list-style-type: circle;}

table, td, tr {
padding: 3px;
font-size: 1.0em;
font-weight: bold;
color: #7d8b6c; }

th {
padding: 3px;
font-size: 1.0em;
font-weight: bold;
text-transform: uppercase;
color: #7d8b6c; }

input, textarea, select {
font-size: 1.0em;
color: #7d8b6c;
border: 1px solid #7d8b6c;
background-color: #e0d8cd;
padding: 1px; }


a:link { 
	font-weight: bold; 
	text-decoration: none; 
    font-size: 1.0em;
	color: #6f745d;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #6f745d;
	font-size: 1.0em;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #b7a786;
    background-color: transparent;
	}
img {
	border: 0;
	padding: 0px;}	

strong {
font-size: 0.9em;
text-transform: uppercase;}
	
label {
font-size: 0.9em;
text-transform: uppercase;
padding: 4px;}

/*LAYOUT*/	
#container { 
	background-color: #e9e1dc; 
    width: 418px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 0px;
	text-align: left;
	border: 2px solid #858f71;
	}
    
#header { 
	background: url(header.jpg) no-repeat right top; 
    background-color: #e9e1dc;
	width: 414px;
	height: 323px;
    border: 0px;
    margin: 0 0 auto;
	}

#menu {width: 414px; height: 49px; background: url(navigation.jpg) no-repeat; padding: 0; margin: 0 0 auto;}   
#menu li {margin: 0; padding: 0; list-style: none; top: 0; display: inline; float: left;}
#menu li a {display: block; height: 49px; } 
       
#home {left: 0px; width: 75px;} 
#home a:hover {background: url(navigation.jpg) 0px -49px no-repeat;}	
    
#codes {left: 75px; width: 65px;}
#codes a:hover{background: url(navigation.jpg) -75px -49px no-repeat;}	

#join {left: 140px; width: 45px;}
#join a:hover {background: url(navigation.jpg) -140px -49px no-repeat;}	
    
#members {left: 185px; width: 99px;}
#members a:hover {background: url(navigation.jpg) -185px -49px no-repeat;}	
	
#about {left: 284px; width: 59px;}
#about a:hover {background: url(navigation.jpg) -284px -49px no-repeat;}	

#links {left: 343px; width: 55px;}
#links a:hover {background: url(navigation.jpg) -343px -49px no-repeat;}	


/*CONTENT*/
#content {
	border-top: 0px;
	margin: 0 auto;
	padding: 0px;
	width: 414px; 
    background-color: #e9e1dc;
    border: 0px;
}

#content h1 {
    font-size: 0.9em;
    text-transform: uppercase; 
	font-weight: bold;
    color: #6f745d;
	margin: 0px;
    padding: 2px;
    padding-left: 2px;
    background: #dfd9cd;
    border-bottom: 1px solid #6f745d;}

#content h2 {
    font-size: 0.9em;
    text-transform: uppercase; 
	font-weight: bold;
    color: #6f745d;
	margin-bottom: 5px;
    padding: 2px;
    padding-left: 2px;
    background: transparent;
    border-bottom: 1px solid #6f745d; }

#content .p {
	margin: 0px;
	padding: 5px;
    font-size: 0.75em;
    color: #E7E7E7;
    background: #CECECE; }

/*FOOTER*/
#footer {
	position: relative;
	border-top: 0px;
	margin: 0px auto;
	padding: 0px;
	text-align: right;
    width: 414px;
	background: transparent;
    clear: both;}
	  
#footer h1{
    font-size: 0.9em;
    text-transform: uppercase; 
	font-weight: bold;
    color: #6f745d;
    padding: 0px;
    padding-left: 2px;
    background: #dfd9cd;
    border-top: 1px solid #6f745d;}


#footer p{
    padding-top: 5px;
    font-size: 0.9em;
border-top: 1px solid #6f745d;
    text-align: right;
    color: #6f745d;
}