body { 
	margin:0 auto;
	background-image:url(tato.jpg);
	background-color:;}
p, ul {margin-top:0;}
li {list-style:none;}
a {color:#000000;
	font-style:normal;
	text-decoration:none;}
a:hover {text-decoration:none;
	font-weight:bold;}
img {border:none;}
h1 {
height:70px;
width:100%;
background-color:#669933;
margin:0 auto;
padding:20px 0 10px 50px;}
h1 a {
color:#222;
text-decoration:none;
font-size:1.5em;}

/* --------------------------------  MAIN NAVIGATION  ------------------------*/
#mainNav {
border-top:2px solid #333;
margin:0 auto;
width:100%;}
#mainNav ul {
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
background-color:#888;
padding: 0 63px 450px 40px;}
#menu li {
display:inline;}
#mainNav a {
color:#222;
margin-bottom:35px;
text-align:center;
text-decoration:none;
width:130px;
}
#mainNav .active a {font-weight:bold;}
/* --------------------------------------------------  CONTENT BODY  ------------------------*/
.bodyList {
margin:0 auto;
height:700px;
width:750px;
display:block;
border-left:2px dashed #444;
}
.bodyList ul  {
	display:block;
	height:400px;
	width:180px;
	float:left;
	margin:10px 25px 0px 30px;}
	.bodyList ul li {display:block;}
	.bodyList ul li {display:block;
	margin:  2px 0;}


/* --------------------------------------------------  footer  ------------------------*/
#footer {
margin:0 auto;
width:660px;
}
#footer p {
color:#bbb;
float:left;
font-size:80%;
margin:0 0 2px;
padding:30px 0 0;
}