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


/*---------------------------------------------------------------------------------------------------------
//	Default / Column 1
//-------------------------------------------------------------------------------------------------------*/

ul.m1,
ul.m1 ul
{
	position:				absolute;
	left:					0px;
	top:					0px;
	display:				none;
	border-bottom:			5px solid #4d8acc;
	border-top:				5px solid #4d8acc;
	border-left:			1px solid #4d8acc;

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

	background-color:		white;
	z-index:				999;
}

/*	Hack so that IE6 doesn't get screwed p by the png's	*/
*>ul.m1,
*>ul.m1 ul
{
	background:				url("/images/menu1-bg.png") repeat;
}

ul.m1 li
{
	display:				block;
	position:				relative;
	margin:					0px;
	padding:				0px;

	float:					left;
	width:					100%;
}

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


	height:					22px;	/*	needed so IE can size the link correctly	*/
	line-height:			22px;

	padding:				0px 8px;

	white-space:			nowrap;
	
	font-family:			'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size:				11px;
	color:					black;
}

ul.m1 a:hover,
a.highlight,
a.highlight-active
{
	background-color:		#b3d0f0!important;
	color:					black!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 );
}

/*---------------------------------------------------------------------------------------------------------
//	Columns 2, 3, 4...
//-------------------------------------------------------------------------------------------------------*/
.menu-column-2,
.menu-column-2 ul
{
	position:				absolute;
	left:					180px;
	top:					-5px;
	border-bottom:			5px solid #4d8acc;
	border-top:				5px solid #4d8acc;

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

	width:					100%;
	height:					100%;
	background-color:		white;
	z-index:				999;
}

/*	Hack so that IE6 doesn't get screwed p by the png's	*/
*>.menu-column-2,
*>.menu-column-2 ul
{
	background:				url("/images/menu2-bg.png") repeat-y;
	background-position:	bottom-left;
}

.menu-column-2 li
{
	display:				block;
	position:				relative;
	margin:					0px;
	padding:				0px;

	float:					left;
	width:					100%;
}

.menu-column-2 li a
{
	display:				block;
	text-decoration:		none

	height:					22px;	/*	needed so IE can size the link correctly	*/
	line-height:			22px;

	padding:				0px 8px;

	white-space:			nowrap;
	
	font-family:			'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size:				11px;
	color:					black;
}

.menu-column-2 a:hover,
a.highlight,
a.highlight-active
{
	background-color:		#b3d0f0!important;
	color:					black!important;
}
/*
#m-sports
{
	
}*/