@charset "utf-8";
/* --- Main Menu --- */
#mainMenu {
	background: #039;
	height: 40px;
	text-align: center;
}
#mainMenu li {
	display: inline;
	width: 160px;
	height: 40px;
	text-decoration: none;
	text-align: center;
}
#mainMenu li a {
	display: inline-block;
	width: 160px;
	height: 20px;
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
	background: #039;
}
#mainMenu li a:hover {
	background: #09F;
}

/* --- Module Menu --- */
#moduleMenu li {
	display: block;
	float: left;
	width: 160px;
	height: 40px;
}
#moduleMenu li a {
	display: block;
	float: left;
	width: 160px;
	height: 20px;
	padding: 10px 0;
	margin: 0px;
	text-decoration: none;
	font-size: 0;
}
#moduleMenu li .visual-menu { background: url(/images/modules.png) 0 0; }
#moduleMenu li .game-menu { background: url(/images/modules.png) -160px 0; }
#moduleMenu li .instructional-menu { background: url(/images/modules.png) -320px 0; }
#moduleMenu li .design-menu { background: url(/images/modules.png) -480px 0; }
#moduleMenu li .testing-menu { background: url(/images/modules.png) -640px 0; }
#moduleMenu li .navigation-menu { background: url(/images/modules.png) -800px 0; }

#moduleMenu li .visual-menu:hover { background: url(/images/modules.png) 0 40px; }
#moduleMenu li .game-menu:hover { background: url(/images/modules.png) -160px 40px; }
#moduleMenu li .instructional-menu:hover { background: url(/images/modules.png) -320px 40px; }
#moduleMenu li .design-menu:hover { background: url(/images/modules.png) -480px 40px; }
#moduleMenu li .testing-menu:hover { background: url(/images/modules.png) -640px 40px; }
#moduleMenu li .navigation-menu:hover { background: url(/images/modules.png) -800px 40px; }

/* --- Set Menu --- */
#setMenu {
	display: block;
	float: left;
	margin: 10px 0;
	width: 40px;
}
#setMenu li {
	display: block;
	float: left;
	height: 25px;
	width: 40px;
	margin: 0;
}
#setMenu li a {
	display: block;
	float: left;
	text-decoration: none;
	height: 15px;
	width: 40px;
	padding: 5px 0;
	text-align: center;
}
/* -------------------------------------------------- */
#setMenu li .menuTop {
	background: url(/images/sets.png) 0px 0px;
}
#setMenu li .menuTop:hover {
	background: url(/images/sets.png) 40px 0px;
}
/* -------------------------------------------------- */
#setMenu li .menuMiddle {
	background: url(/images/sets.png) 0px -25px;
}
#setMenu li .menuMiddle:hover {
	background: url(/images/sets.png) 40px -25px;
}
/* -------------------------------------------------- */
#setMenu li .menuBottom {
	background: url(/images/sets.png) 0px -75px;
}
#setMenu li .menuBottom:hover {
	background: url(/images/sets.png) 40px -75px;
}
/* -------------------------------------------------- */
#setMenu li .menuSingle {
	background: url(/images/sets.png) 0px -50px;
}
#setMenu li .menuSingle:hover {
	background: url(/images/sets.png) 100% -50px;
}