/*  Consistent for every Web Page:  */
/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body { background-color: #0033CC;
		padding-right: 5%;
		padding-left: 5%;
		font-size: 100%;
		font-weight: 400;
	}


#wrapper {
			max-width: 1400px;
			padding: 0;
			margin: 0;
			background-color: #FFFFFF;

	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	



.style1 {
	color: #FFFFFF;
	line-height: 50px;
	font-size: 40px;
	background-color: #FFFF00;
    text-align: center; 
	border-top: 1px solid  #990000;
	border-bottom: 1px solid #000000;
    margin: 0;
	}

.style11 { max-width: 100%;
	height: auto;
	border: none;
}




p {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.paragraph_align { text-align: left;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	


footer a: hover { color: #FFFF99;
}


footer a {color: #00FFFF;
		font-weight: 200;
		font: 18px Verdana, Arial, Helvetica, sans-serif;	
}
	
footer { color: #FFFFFF;
		text-align: center;
}

#footer_img {max-width: 100%;
		height: auto;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	

nav a {letter-spacing:.1em;
	text-decoration:none;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	font-weight: bold;
	border: 4px solid #990000;
	background-color: #FFFF00;
	display:inline;
	margin-right: 0;
	padding-right: 2px;
	padding-left: 2px;
}
/*
nav a:hover {  
	color: #660033;
	background-color: #FFFFFF; 
	}
*/
nav ul {border-top: 4px solid #0099CC;
		border-bottom: 4px solid #0099CC;
		padding: 5px;
		padding-left: auto;
		padding-right:auto;
		margin: 0;
		background-color: #FF0000;
		text-align: center;
		max-width: 100%;

	}

nav li {display: inline; 
        list-style-type: none;
		line-height:30px;
		padding: 5px;
		
	}

#index_color { background-color: #99FFCC;
} 

#index_color:hover {  
	color: #FF6633;
	background-color: #66FFFF;
	border-color: #FFFFFF; 
	}

#elementary_color { background-color: #FFFF00;
}

#elementary_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}


#middle_school_color { background-color: #FF99CC;
}

#middle_school_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}

#classroom_games_color { background-color: #33FF00;
}

#classroom_games_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}

#interactive_games_color { background-color: #99FFCC;
}

#interactive_games_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}

#algebra_color { background-color: #FFFF00;
}

#algebra_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}

#geometry_color { background-color: #FF99CC;
}

#geometry_color:hover {  
	color: #FF6633;
	background-color: #66FFFF; 
	border-color: #FFFFFF; 
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	


a	{ 
	text-decoration: none;
	font-weight: 900;
	color: #3333CC;
	}

a:hover {color: #FF6633;
		 }



/*  Date*/	
.style2 { color: #000099;
	 background-color: #CCCCCC;
	 border: 2.5px solid #993300;
	 font-weight: 500;
	 font-size: 100%;
	 display: inline;
	 margin-bottom: 5px;
	 margin-top: 5px;
}



/*   Body Header  */
.style9 { color: #000099;
		background-color: inherit;
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		border: none;
		text-align: center;
}

.style10 { color: #000099;
		background-color: inherit;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
		border: none;
		text-align: center;
}


/*  END of Consistent for every Web Page  */
/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */






/*    Content InLine Style CLASS for Particular word(s) */
.style3 {color: #FF0000;
		font-weight: 800px;

}

/* ------------------  HOMEPAGE CONTENT BEGINS HERE   ---------------------- */


#tier2content_left_container { width: 100%;
			margin: 0;
			padding-left: 0;
			padding-right: 0;
			background-color: #FFFFFF;
			display: inline;
			
}



#tier2insideleft1a { background-color: inherit;
			width: 92%;
			padding-left: 1%;
			padding-right: 1%;
			margin-top: 0;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 10px;
			text-align: left;

}


.tier2insideleft { background-color: inherit;
			width: 50%;
			display: inline;
			padding-left: 5px;
			padding-right: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 1%;
			text-align:left;
			
}




#index_images_container { 
			width: 92%;
			display: inline;
			padding-left: 1%;
			padding-right: 1%;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 10px;
			text-align: left;

}

.index_image { width: 150px;
			height: 150px;
			border: none;
			margin: 5px;
			text-align: center;
			display: inline;

}

.soccer_header_image { width: 130px;
			height: 100px;
			border: none;
			margin: 5px;
			text-align: center;
			float: left;

}

.fill_in_space { position: absolute;
			top: 200px;
}

.tier2_holding {  background-color: inherit;
			width: 29%;
			display: inline;
			padding-left: 5px;
			padding-right: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 1%;
			text-align:left;

}

#soccer_math_return_bottom { background-color: inherit;
			width: 93%;
			display: inline;
			padding-left: 1%;
			padding-right: 1%;
			margin-top: 0;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 10px;
			text-align: center;
}


#return_bottom { background-color: inherit;
			width: 93%;
			display: inline;
			padding-left: 1%;
			padding-right: 1%;
			margin-top: 0;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 10px;
			text-align: left;
}


.tier2insideleft_block { background-color: inherit;
			width: 70%;
			display: block;
			padding-left: 5px;
			padding-right: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 25%;
			margin-right: 25%;
			text-align:left;
			
}

#tier2insideleft3 {background-color: inherit;
			width: 90%;/*
			min-width: 470px;*/
			height: 150px;
			padding: auto;
			margin-top: 20px;
			margin-bottom: 10px;
			margin-left: 0;
			margin-right: 10px;
			text-align:center;
}

.math_millionaire_tier2 { background-color: inherit;
			width: 93%;
			display: block;
			padding-left: 1%;
			padding-right: 1%;
			margin-top: 20px;
			margin-bottom: 10px;
			margin-left: 1%;
			margin-right: 10px;
			text-align:center;
}


@media screen and (max-width: 1150px) {


body { padding-left: 0;
			padding-right: 0;
}


/*
#tier2insideleft1a { background-color: inherit;
			width: 92%;

}



.tier2insideleft { background-color: inherit;
			width: 45%;
		
}

.tier2insideleft { background-color: inherit;
			width: 45%;
}

#return_bottom { background-color: inherit;
			width: 93%;

}

*/

}

@media screen and (max-width: 800px) {




.tier2insideleft { width: 90%;
				display: block;
}




.fill_in_space {display: block;
				position: static;
}

.tier2_holding { width: 90%;
				display: block;
}



#index_images_container { width: 100%;
			margin-left: 0;
			margin-left: 0;
			text-align: center;
			display: block;
			
}



#return_bottom { width: 93%;
				display: block;
}



}

@media screen and (max-width: 600px) {





.style1 { font-size: 200%;
}


.style2 {display: none;
}

.style9 { font-size: 150%;
}

.style10 { text-align: left;
		font-size: 150%;
}



#index_images_container { width: 100%;
			margin-left: 0;
			margin-left: 0;
			padding-left: 0;
			padding-right: 0;
			
}


#tier2content_left_container { max-width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			
}



#tier2insideleft1a { max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;

}


.tier2insideleft { max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			
}




#index_images_container { max-width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;

}

.index_image { max-width: 100%;
			height: auto;

}

.soccer_header_image {max-width: 100%;
			height: auto;

}

.fill_in_space { position: absolute;
			top: 200px;
}

.tier2_holding {  max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;

}

#soccer_math_return_bottom { max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
}


#return_bottom { max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
}


.tier2insideleft_block {max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			
}

#tier2insideleft3 {max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
}

.math_millionaire_tier2 {max-width: 100%;
			min-width: 93%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
}



}