@charset "utf-8";
/* CSS Document */

body {
	font-family:  Arial, Franklin Gothic Medium, Geneva, Helvetica, sans-serif;
	background:url(images/back.gif);
	text-decoration:none;
	background-repeat: repeat-x;
	background-color: #8cc63f;
	
}

.gamepic
{
margin:10px;
width: 100px;
height: 100px;
float:left;
}

.gametext
{
margin:10px;
width: 250px;
height: 100px;
float:left;
}


#wrapper
{
	
	padding: 20px;
	background:url(images/bodytint.png);
	width: 800px;
	/*-- centering the container to the center of the site --*/
	margin: 0px auto;
	height: 1100px;	
}

#header
{
background: url(images/banner.png);
	width:800px;
	height:300px;
}

#maincontent
{
	
	width: 800px;
	height: 800px; 
	}

#maincontent a:hover
{
background:url(images/buttonhover.png);
}
#navigation
{
		background:url(images/bodytint.png);
	width: 170px;
	height: 800px;
	float:left;
	color:#FFFFFF;
	}

#nav1 a, #nav1 a:link, #nav1 a:visited
{	background:url(images/buttons/homebutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
#nav1 a:hover
{
background:url(images/buttons/homebutton.png) no-repeat right center;
}

#nav2 a, #nav2 a:link, #nav2 a:visited
{	background:url(images/buttons/wipbutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav2 a:hover
{
background:url(images/buttons/wipbutton.png) no-repeat right center;
}

#nav3 a, #nav3 a:link, #nav3 a:visited
{	background:url(images/buttons/howcanibutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav3 a:hover
{
background:url(images/buttons/howcanibutton.png) no-repeat right center;
}


#nav4 a, #nav4 a:link, #nav4 a:visited
{	background:url(images/buttons/funandgames.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav4 a:hover
{
background:url(images/buttons/funandgames.png) no-repeat right center;
}

#nav5 a, #nav5 a:link, #nav5 a:visited
{	background:url(images/buttons/fmbutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav5 a:hover
{
background:url(images/buttons/fmbutton.png) no-repeat right center;
}


#nav6 a, #nav6 a:link, #nav6 a:visited
{	background:url(images/buttons/grownupbutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav6 a:hover
{
background:url(images/buttons/grownupbutton.png) no-repeat right center;
}


#nav7 a, #nav7 a:link, #nav7 a:visited
{	background:url(images/buttons/ecowebbutton.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:10px;
	}	
	
#nav7 a:hover
{
background:url(images/buttons/ecowebbutton.png) no-repeat right center;
}

#sponser1, #sponser1 a:link, #sponser1 a:visited
{	background:url(images/buttons/sponser1.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:3px;
	}	

#sponser1 a:hover
{
background:url(images/buttons/sponser1.png) no-repeat right center;
}

#sponser2, #sponser2 a:link, #sponser2 a:visited
{	background:url(images/buttons/sponser2.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:3px;
	}	

#sponser2 a:hover
{
background:url(images/buttons/sponser2.png) no-repeat right center;
}

#sponser3, #sponser3 a:link, #sponser3 a:visited
{	background:url(images/buttons/sponser3.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:3px;
	}	

#sponser3 a:hover
{
background:url(images/buttons/sponser3.png) no-repeat right center;
}

#sponser4, #sponser4 a:link, #sponser4 a:visited
{	background:url(images/buttons/sponser4.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:3px;
	}	

#sponser4 a:hover
{
background:url(images/buttons/sponser4.png) no-repeat right center;
}

#sponser5, #sponser5 a:link, #sponser5 a:visited
{	background:url(images/buttons/sponser5.png) no-repeat left center;
	display:block;
	width: 160px;
	height:25px;
	margin-top:3px;
	}	

#sponser5 a:hover
{
background:url(images/buttons/sponser5.png) no-repeat right center;
}

#content
{ 
	background:url(images/nav.png);
	width: 500px;
	height: 800px;
	float:left;
	}

#contenthead
{
	
	width: 450px;
	height: 150px;
	margin: 10px auto;
	
	}

#contenttext
{
	width: 450px;
	height: 600px;
	margin: 10px auto;
	font-size: 14px;
	}

#contenttext a:link, #contenttext a:visited
{
	text-decoration: none;
	color: #000000;
	border-color: #A6EE11;
}
	
#contenttext a:hover
{
 	color: #FFFF99; 
}

#sidebar
{ 
	float:left;
	width:130px;
	height:800px;
	background: url(images/bodytint.png);
	}
	
#ad1
{
	background-color:#FFFFFF;
	width: 140px;
	height: 225px;
	margin: 20px auto;
}	
	#search
{
	background:#33CCFF;
	width: auto;
	height:auto;
	margin: 10px auto;
}

.clear{
clear:both;
}

#footer
{
	background:url(images/bodytint2.png);
	width: 500px;
	height:60px;
	font-size:10px;
	color:#FFFFFF;
	text-align: center;
	margin: 10px auto;
	padding: 5px;
	}

#footer a:link, #footer a:visited
{
	text-decoration: none;
	color: #000000;
	border-color: #A6EE11;
}
	
#footer a:hover
{
 	color: #FFFF99; 
}