/*---------------------------------------------------------------------------------------------------------
//	Menus
//-------------------------------------------------------------------------------------------------------*/

/* m1 must be 178px */
ul.m1
{
	width:					178px !important;
}

ul.m1,
ul.m1 ul
{
	position:				absolute;
	left:					180px;
	top:					0px;
	display:				none;

	list-style:				none;
	margin:					0px;
	padding:				0px;

/*	border-top:				1px solid darkgray;*/
	width:					180px;
}

ul.m1 li
{
	display:				block;
	position:				relative;
	margin:					0px;
	padding:				0;
	width:					100%;
	float:					left;
	background-image:		url('/images/menu-bg.png');
	background-repeat:		repeat-y;
	/*border:1px solid green;*/

}


ul.m1 li a
{
	display:				block;
	text-decoration:		none;

	/*height 	needed so IE can size the link correctly	*/
	min-height:				14px;
	height:					auto !important;
	height:					14px;

	line-height:			14px;
	font-size:				13px;
	color:					white;

	padding:				4px 5px 4px 30px;
	font-family:			arial,sans serif;
	width:					118px !important;
	/*border:1px solid red;*/
	font-weight:			normal;

}

ul.m1 ul li a
{
	padding-left:			22px;
}

ul.m1 li ul.m2 
{
	left:					156px !important;
	width:					163px !important;
}

ul.m1 li ul.m2 .i2
{
	background-image:		url('/images/menu-3-bg.png');
	background-repeat:		repeat;
	border-right:			1px solid #3f3f3f;
}

ul.m1 a:hover,
a.highlight,
a.highlight-active
{
	background-image:		url('/images/menu-active.png') ;
	background-repeat:		no-repeat;
	/*background-position:	17px 0; */
	background-position:	17px center; 
	color:					white!important;
}

ul.m1 ul li a:hover,
ul.m1 ul li a.highlight,
ul.m1 ul li a.highlight-active
{
	background-image:		url('/images/menu-3-arrow.png') ;
	background-repeat:		no-repeat;
	background-position:	8px center; 
	color:					white!important;
}



/*	Makes arrow indicator for links with submenu	*/
a.showsub,
a.showsub:hover
{
	/*background-image:		url( /images/arrow0.gif );
	background-position:	center right;
	background-repeat:		no-repeat;*/
}

/*	Menu item mouseover	*/
a.showsub:hover
{
	/*background-image:		url( /images/arrow1.gif );*/
}
/*
// top menus have a fixed width so javascript can position the dhtml menus since the top menus are in flash.
*/
#b-somuchtodo
{
	width:					164px;
}

#b-fieldtrip
{
	width:					170px;
}

#b-youcanbeapart
{
	width:					136px;
}

#b-letsgo
{
	width:					143px;
}

.menu_top_image_1,
.menu_bottom_image_1,
.menu_top_image_2,
.menu_bottom_image_2
{
	border:					0 !important;
	background:				none  !important;
}

.menu_top_image_1
{
	height:					30px !important;;
	line-height:			30px !important;
}

.menu_bottom_image_1
{
	height:					58px !important;;
	line-height:			58px !important;
}


.menu_top_image_2,
.menu_bottom_image_2
{
	height:					12px !important;
	line-height:			12px !important;
	width:					164px !important;
}

.menu_top_image_2
{
	background:				url('/images/menu-3-top.png') no-repeat left bottom !important;
}

.menu_bottom_image_2
{
	background:				url('/images/menu-3-bottom.png') no-repeat !important;
}