#nav {

	width: 201px;

}



#nav ul {

	display: block;

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid white;

}



#nav ul ul {

	border-bottom: none;

}



#nav ul li {

	display: inline;

	width: 100%;

}



#nav ul ul li {

	display: block;

	margin: 0px;

	padding: 0px;

	list-style: none;

}



#nav ul .menu-header {

	display: block;

	background: #cc0000;

	color: white;

	border-top: 1px solid white;

	position: relative;

	padding: 2px 8px;

}



#nav ul .menu-header a.title {

	display: block;

	text-decoration: none;

	color: white;

	font-weight: bold;

}



#nav ul .menu-header a.title:hover {

	text-decoration: underline;

}



#nav ul .menu-header a.button {

	display: block;

	position: absolute;

	right: 2px;

	top: 3px;

	width: 10px;

	height: 10px;

	overflow: hidden;

	border: 1px solid #cc0000;

	background: url(images/menu-button.gif) no-repeat 0px 0px;

}



#nav ul li.open .menu-header a.button {

	background-position: 0px -10px;

}



#nav ul .menu-header a.button:hover {

	border-color: white !important;

}



#nav ul .menu-header a.button span {

	display: block;

}



#nav ul .menu {

	background: #dfdfbf;

	padding: 4px;

	display: none;

	border-top: 1px solid white;

}



#nav ul .closing .menu,

#nav ul .opening .menu {

	display: block;

	padding: 0px;

}



#nav ul .closing .menu ul,

#nav ul .opening .menu ul {

	display: none;

}



#nav ul li.open .menu {

	display: block;

}



#nav ul .menu ul li {

	border-top: 1px solid #ED8351;

}



#nav ul .menu ul li.first {

	border-top: none;

}



/*#nav ul .menu ul a {

	display: block;

	color: white;

	text-decoration: none;

	font-weight: bold;

	padding: 2px 4px;

	width: 152px;

}*/



#nav ul .menu ul a {

	font-weight: normal;

	display: block;

	text-decoration: none;

	color: white;

	padding-left: 16px;

	width: 176px;

	background: url(images/nav-icon.gif) no-repeat 4px 4px;

}



#nav ul .menu a:hover {

	background-color: #cc0000;

	color: white;

}



#nav ul .menu ul ul a:hover {

	background-position: 7px -88px;

}



/*#nav #menu-balls-and-nets .menu-header a.title,

#nav #menu-learning .menu-header a.title,

#nav #menu-about-us .menu-header a.title {

	text-transform: uppercase;

	letter-spacing: 2px;

}*/





#nav #menu-balls-and-nets .menu-header {

	background: #CC0000;

}



#nav #menu-balls-and-nets .menu-header a.button { border-color: #cc0000; }



#nav #menu-balls-and-nets .menu {

	background: #E44900;

}



#nav #menu-balls-and-nets .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-balls-and-nets .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-sports-apparel .menu-header {

	background: #CC0000;

}



#nav #menu-sports-apparel .menu-header a.button { border-color: #cc0000; }



#nav #menu-sports-apparel .menu {

	background: #E44900;

}



#nav #menu-sports-apparel .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-sports-apparel .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-sports-gear .menu-header {

	background: #CC0000;

}



#nav #menu-sports-gear .menu-header a.button { border-color: #cc0000; }



#nav #menu-sports-gear .menu {

	background: #E44900;

}



#nav #menu-sports-gear .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-sports-gear .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-training-equipment .menu-header {

	background: #CC0000;

}



#nav #menu-training-equipment .menu-header a.button { border-color: #cc0000; }



#nav #menu-training-equipment .menu {

	background: #E44900;

}



#nav #menu-training-equipment .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-training-equipment .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-team-uniforms .menu-header {

	background: #CC0000;

}



#nav #menu-team-uniforms .menu-header a.button { border-color: #cc0000; }



#nav #menu-team-uniforms .menu {

	background: #E44900;

}



#nav #menu-team-uniforms .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-team-uniforms .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-summer-sports .menu-header {

	background: #CC0000;

}



#nav #menu-summer-sports .menu-header a.button { border-color: #cc0000; }



#nav #menu-summer-sports .menu {

	background: #E44900;

}



#nav #menu-summer-sports .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-summer-sports .menu a:hover {

	background-color: #E96D33;

}



#nav #menu-cricket .menu-header {

	background: #CC0000;

}



#nav #menu-cricket .menu-header a.button { border-color: #cc0000; }



#nav #menu-cricket .menu {

	background: #E44900;

}



#nav #menu-cricket .menu ul li {

	border-bottom: 1px #E44900;

}



#nav #menu-cricket .menu a:hover {

	background-color: #E96D33;

}

