div#navigation #nav_body{
	position: relative;
	background-image: url('/media/images/layout/navigation/nav.jpg');
	padding-left:30px;
	width: 180px;
	height: 291px;
}

div#navigation #nav_header{
	background-image: url('/media/images/layout/nav_top.gif');
	width: 212px;
	height: 30px;
}

div#navigation #nav_footer{
	background-image: url('/media/images/layout/nav_bot.gif');
	width: 212px;
	height: 38px;
}

.debug{
	opacity:.5;
	filter: alpha(Opacity=50);
	background-color:orange;
	outline:1px solid blue;
}

a.click_less{
	cursor:default;
}

div#navigation #nav_body a{
	background-color:transparent;
	border:0px;
	text-decoration:none;
	height:26px;
	width:168px;
}

div#navigation #nav_body a:hover {
	background-image: url(/media/images/layout/navigation/nav.jpg);
	background-position:-240px 0px;
	cursor: pointer;
}

div#navigation #nav_body li li a{
	font-family:arial;
	border:0px;
	width:175px;
	height:20px;
	background-image:url(/media/images/layout/navigation/fly_out_bg_level_1.jpg);
	font-size:12px;
	color:#fff;
	padding-top:6px;
	padding-left:6px;
}

div#navigation #nav_body li li a:hover{
	background-image:url(/media/images/layout/navigation/fly_out_bg_level_1.jpg);
	background-position:-181px 0px;
}

div#navigation #nav_body li ul{
	border-bottom:1px solid #fff;
}
div#navigation #nav_body li ul.hover{/*reveals the subnav ul's by bringing it back from off the screen when someone mouses over its parent li*/
	margin-left: 168px;/*overides ul#nav_body ul*/
	margin-top: -27px;
}
div#navigation #nav_body li li li a{
	border:0px;
	width:186px;
	height:19px;
	background-image:url(/media/images/layout/navigation/fly_out_bg_level_2.jpg);
	font-size:11px;
	padding-top:5px;
	padding-left:6px;
}
div#navigation #nav_body li li li a:hover{
	background-image:url(/media/images/layout/navigation/fly_out_bg_level_2.jpg);
	background-position:-192px 0px;
}


div#navigation #nav_body li li ul.hover{/*reveals the subnav ul's by bringing it back from off the screen when someone mouses over its parent li*/
	margin-left: 181px;/*overides ul#nav_body ul*/
	margin-top: -25px;
}

/*specialized top level styling*/
div#navigation #nav_body a#about{background-position:-240px 0px;height:26px;}
div#navigation #nav_body a#facility{background-position:-240px -26px;height:27px;}
div#navigation #nav_body a#park-calendar{background-position:-240px -53px;height:27px;}
div#navigation #nav_body a#usssa{background-position:-240px -80px;height:26px;}
div#navigation #nav_body a#tournaments{background-position:-240px -106px;height:27px;}
div#navigation #nav_body a#clinics{background-position:-240px -133px;height:26px;}
div#navigation #nav_body a#leagues{background-position:-240px -159px;height:26px;}
div#navigation #nav_body a#umpires{background-position:-240px -185px;height:27px;}
div#navigation #nav_body a#directions{background-position:-240px -212px;height:26px;}
div#navigation #nav_body a#contact_us{background-position:-240px -238px;height:26px;}
div#navigation #nav_body a#field-products{background-position:-240px -264px;height:26px;}

div#navigation #nav_body a.usssa:hover {
	cursor: pointer;
	background-image: url(/media/images/layout/navigation/nav.jpg);
	background-position:-240px 0px;
}