body {
	behavior:url("cssover.htc");
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 91px;
	background: #fff url(images/navigation_over.gif) no-repeat;
}

a, a:link, a:visited {
	text-decoration: none;
}



/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 91px;
	background: url(images/navigation.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/navigation_over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#classes a {
	width: 78px;
 }

li#playground a {
	width: 85px;
}

li#playground a:link,
li#playground a:visited,
li#playground a:hover {
	background-position: -78px 0px;
}

li#parties a {
	width: 82px;
}

li#parties a:link,
li#parties a:visited,
li#parties a:hover {	
	background-position: -163px 0px;
}


li#health a {
	width: 89px;
}

li#health a:link, 
li#health a:visited, 
li#health a:hover {	
	background-position: -245px 0px;
}



li#members a {
	width: 83px;
}

li#members a:link,
li#members a:visited, 
li#members a:hover {
	background-position: -334px 0px;
}

li#camps_events a {
	width: 63px;
}

li#camps_events a:link,
li#camps_events a:visited, 
li#camps_events a:hover {
	background-position: -417px 0px;
}
	
/*</group>*/

/*<group=level 2>*/


#navigation li ul {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 10px;
	width: 90px;
	margin: 0;
	padding: 0;
	border: 0;
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li.activ ul {
	visibility: visible;
	z-index: 100;
}

* html #navigation li#classes ul {
	margin-left: 0px;
}


#navigation li#playground ul {
	margin-left: 78px;
}

#navigation li#parties ul {
	margin-left: 163px;
}

#navigation li#health ul {
	margin-left: 245px;
}


#navigation li#members ul {
	margin-left: 334px;
}

#navigation li#camps_events ul {
	margin-left: 417px;
}

/*</group>*/

/*<group=level 2 ids>*/
/*---------------classes menu level 2-------------- */

ul#navigation li#classes ul li#classes_info {text-align:right;}
ul#navigation li#classes ul li#classes_info a:link,
ul#navigation li#classes ul li#classes_info a:visited {
	width: 25px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px 0px;
}

ul#navigation li#classes ul li#classes_info a:hover {
	width: 25px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px -47px;
}

ul#navigation li#classes ul li#classes_info a.act {
	width: 25px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px -47px;
	color:#82c1ea;
}

ul#navigation li#classes ul li#classes_schedule{text-align:right;}
ul#navigation li#classes ul li#classes_schedule a:link, 
ul#navigation li#classes ul li#classes_schedule a:visited {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat -25px 0px;
}

ul#navigation li#classes ul li#classes_schedule a:hover {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat -25px -47px;
}



ul#navigation li#classes ul li#classes_schedule a.act {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat -25px -47px;
	color:#82c1ea;
}

/*nuevo sin link*/
ul#navigation li#classes ul li#classes_todo {text-align:right;}
ul#navigation li#classes ul li#classes_todo a:link, 
ul#navigation li#classes ul li#classes_todo a:visited {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px -94px;
}
ul#navigation li#classes ul li#classes_todo a:hover {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px -94px;
	color:#82c1ea;
}

ul#navigation li#classes ul li#classes_todo a.act {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_classes.gif) no-repeat 0px -94px;
	color:#82c1ea;
}


/*-----------------playground menu level 2-------------*/

ul#navigation li#playground ul li#playground_info {text-align:right;}
ul#navigation li#playground ul li#playground_info a:link, 
ul#navigation li#playground ul li#playground_info a:visited {
	width: 45px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px 0px;
}

ul#navigation li#playground ul li#playground_info a:hover {
	width: 45px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px -47px;
}

ul#navigation li#playground ul li#playground_info a.act {
	width: 45px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px -47px;
	color:#82c1ea;
}

ul#navigation li#playground ul li#playground_photos {text-align:center;}
ul#navigation li#playground ul li#playground_photos a:link,
ul#navigation li#playground ul li#playground_photos a:visited {
	width: 30px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat -45px 0px;
}

ul#navigation li#playground ul li#playground_photos a:hover {
	width: 30px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat -45px -47px;
}

ul#navigation li#playground ul li#playground_photos a.act {
	width: 30px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat -45px -47px;
	color:#82c1ea;
}
/*TODOS*/
ul#navigation li#playground ul li#playground_todo {text-align:center;}
ul#navigation li#playground ul li#playground_todo a:link,
ul#navigation li#playground ul li#playground_todo a:visited {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px -94px;
}

ul#navigation li#playground ul li#playground_todo a:hover {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px -94px;
}

ul#navigation li#playground ul li#playground_todo a.act {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_playground.gif) no-repeat 0px -94px;
}
/*-----------------parties menu level 2-------------*/

ul#navigation li#parties ul li#parties_birthdays a:link, 
ul#navigation li#parties ul li#parties_birthdays a:visited {
	width: 54px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px 0px;
}

ul#navigation li#parties ul li#parties_birthdays a:hover {
	width: 54px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px -47px;
}

ul#navigation li#parties ul li#parties_birthdays a.act {
	width: 54px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px -47px;
	color:#82c1ea;
	
}

ul#navigation li#parties ul li#parties_photos a:link,
ul#navigation li#parties ul li#parties_photos a:visited {
	width: 36px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat -54px 0px;
}

ul#navigation li#parties ul li#parties_photos a:hover {
	width: 36px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat -54px -47px;
}

ul#navigation li#parties ul li#parties_photos a.act {
	width: 36px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat -54px -47px;
	color:#82c1ea;
}

/*NUEVO LINK*/
ul#navigation li#parties ul li#parties_todo {text-align:center;}
ul#navigation li#parties ul li#parties_todo a:link,
ul#navigation li#parties ul li#parties_todo a:visited {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px -94px;
}

ul#navigation li#parties ul li#parties_todo a:hover {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px -94px;
}

ul#navigation li#parties ul li#parties_todo a.act {
	width: 50px;
	height: 47px;
	background: url(images/subnavigation_parties.gif) no-repeat 0px -94px;
}


/*-----------------health benefits menu level 2-------------*/

ul#navigation li#health ul li#health_benefits a:link, 
ul#navigation li#health ul li#health_benefits a:visited {
	width: 90px;
	height: 47px;
	background: url(images/subnavigation_empty.gif) no-repeat 0px 0px;
}

ul#navigation li#health ul li#health_benefits a:hover {
	width: 90px;
	height: 47px;
	background: url(images/subnavigation_empty.gif) no-repeat 0px -47px;
}

/*-----------------members menu level 2-------------*/

ul#navigation li#members ul li#members a:link, 
ul#navigation li#members ul li#members a:visited {
	width: 90px;
	height: 47px;
	background: url(images/subnavigation_empty.gif) no-repeat 0px 0px;
}

ul#navigation li#members ul li#members a:hover {
	width: 90px;
	height: 47px;
	background: url(images/subnavigation_empty.gif) no-repeat 0px -47px;
}


/*---------------camps & events menu level 2-------------- */

ul#navigation li#camps_events ul li#camps {text-align:left;}
ul#navigation li#camps_events ul li#camps a:link,
ul#navigation li#camps_events ul li#camps a:visited {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat 0px 0px;
}

ul#navigation li#camps_events ul li#camps a:hover {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat 0px -47px;
}

ul#navigation li#camps_events ul li#camps a.act {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat 0px -47px;
	color:#82c1ea;
}


ul#navigation li#camps_events ul li#ev{text-align:right;}
ul#navigation li#camps_events ul li#ev a:link, 
ul#navigation li#camps_events ul li#ev a:visited {
	width: 33px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -35px 0px;
}

ul#navigation li#camps_events ul li#ev a:hover {
	width: 33px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -35px -47px;
}



ul#navigation li#camps_events ul li#ev a.act {
	width: 33px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -35px -47px;
	color:#82c1ea;
}

/*nuevo link todo events*/

ul#navigation li#camps_events ul li#camps_todo {text-align:left;}
ul#navigation li#camps_events ul li#camps_todo a:link,
ul#navigation li#camps_events ul li#camps_todo a:visited {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -5px 0px;
}

ul#navigation li#camps_events ul li#camps_todo a:hover {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -5px -47px;
}

ul#navigation li#camps_events ul li#camps_todo a.act {
	width: 35px;
	height: 47px;
	background: url(images/subnavigation_camp.gif) no-repeat -5px -47px;
	color:#82c1ea;
}



/*</group>*/

ul#navigation li ul li{text-indent:0;
	font-size:10px;
	text-align:center;
	font-family:arial;
}

ul#navigation li ul li a{color:#004990;}
ul#navigation li ul li a:hover{color:#82c1ea;}

