#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:28px;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
	width:200px;
	list-style-type: none;
	margin-right: -20px;
	padding-right: -5px;
}
#nav li.top {
	display:block;
	float:left;
	margin-left: -20px;
	width: 120px;
}
#nav li a {
	display:block;
	float:left;
	height:28px;
	width:100px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	list-style-type: none;
}
#nav li a b {margin-left:-999px; list-style-type: none;}

#nav li a.boysblue {background-image: url(../images/sidemenu/comp-boys-blue.jpg); list-style-type: none; width: 100px;}
#nav li a.boysred {background-image: url(../images/sidemenu/comp-boys-red.jpg); list-style-type: none; width: 100px;}
#nav li a.girlsblue {background-image: url(../images/sidemenu/comp-girls-blue.jpg); list-style-type: none; width: 100px;}
#nav li a.girlsred {background-image: url(../images/sidemenu/comp-girls-red.jpg); list-style-type: none; width: 100px;}

#nav li:hover a,
#nav a:hover{background-position: 0 28px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:28px; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:28px; position:relative; float:left; width:152px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:28px; width:200px; text-decoration:none; padding:0; cursor:pointer; margin-left: -5px}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav :hover ul li a.blueunder8 {background-image: url(/images/sidemenu/house-blue-8.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder10 {background-image: url(/images/sidemenu/comp-blue-10.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder11 {background-image: url(/images/sidemenu/comp-blue-11.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder12 {background-image: url(/images/sidemenu/comp-blue-12.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder13 {background-image: url(/images/sidemenu/comp-blue-13.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder14 {background-image: url(/images/sidemenu/comp-blue-14.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder15 {background-image: url(/images/sidemenu/comp-blue-15.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder16 {background-image: url(/images/sidemenu/comp-blue-16.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder17 {background-image: url(/images/sidemenu/comp-blue-17.jpg); list-style-type: none;}
#nav :hover ul li a.blueunder19 {background-image: url(/images/sidemenu/comp-blue-19.jpg); list-style-type: none;}
#nav :hover ul li a.bluejunior1 {background-image: url(/images/sidemenu/comp-blue-junior1.jpg); list-style-type: none;}
#nav :hover ul li a.bluejunior2 {background-image: url(/images/sidemenu/comp-blue-junior2.jpg); list-style-type: none;}
#nav :hover ul li a.blue3on3 {background-image: url(/images/sidemenu/3on3spring-blue.jpg); list-style-type: none;}
#nav :hover ul li a.blueprimetime {background-image: url(/images/sidemenu/primetime-blue.jpg); list-style-type: none;}



#nav :hover ul li a.redunder8 {background-image: url(/images/sidemenu/house-red-8.jpg); list-style-type: none;}
#nav :hover ul li a.redunder10 {background-image: url(/images/sidemenu/comp-red-10.jpg); list-style-type: none;}
#nav :hover ul li a.redunder11 {background-image: url(/images/sidemenu/comp-red-11.jpg); list-style-type: none;}
#nav :hover ul li a.redunder12 {background-image: url(/images/sidemenu/comp-red-12.jpg); list-style-type: none;}
#nav :hover ul li a.redunder13 {background-image: url(/images/sidemenu/comp-red-13.jpg); list-style-type: none;}
#nav :hover ul li a.redunder14 {background-image: url(/images/sidemenu/comp-red-14.jpg); list-style-type: none;}
#nav :hover ul li a.redunder15 {background-image: url(/images/sidemenu/comp-red-15.jpg); list-style-type: none;}
#nav :hover ul li a.redunder16 {background-image: url(/images/sidemenu/comp-red-16.jpg); list-style-type: none;}
#nav :hover ul li a.redjunior1 {background-image: url(/images/sidemenu/comp-red-junior1.jpg); list-style-type: none;}
#nav :hover ul li a.redjunior2 {background-image: url(/images/sidemenu/comp-red-junior2.jpg); list-style-type: none;}
#nav :hover ul li a.redunder17 {background-image: url(/images/sidemenu/comp-red-17.jpg); list-style-type: none;}
#nav :hover ul li a.redunder19 {background-image: url(/images/sidemenu/comp-red-19.jpg); list-style-type: none;}
#nav :hover ul li a.red3on3 {background-image: url(/images/sidemenu/3on3spring-red.jpg); list-style-type: none;}
#nav :hover ul li a.redprimetime {background-image: url(/images/sidemenu/primetime-red.jpg); list-style-type: none;}

#nav :hover ul.sub li a:hover 
{background-position: 0 56px; position:relative;}