/*------------------------------------------MainMenu General---*/
#MainMenu {
	background-image:	url(../_Images/main-navigation-bg.jpg);
	background-repeat: 	repeat-x;
	background-color:	#D6D6D6;
	height:				30px;
	list-style:			none;
	position:			relative;
	}

#MainMenu li.MenuItem {
	background-position:	right top;
	background-repeat:	no-repeat;
	display:			block;
	float:				left;
	list-style:			none;
	}
#MainMenu li.MenuItem a.MenuLink {
	background-position:	right -30px;
	background-repeat:	no-repeat;
	color:				#000000;
	display:			block;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	line-height:		30px;
	text-decoration:	none;
	text-indent:		-200px;
	overflow:			hidden;
	}

#MainMenu li.MenuItem a.MenuLink:hover {
	/* important ca sa rescrie regulile pentru id*/
	background-image:	none !important; /* IEB 2 */
	}

#MainMenu li.MenuItem a img {
	display:			block;
	cursor:				pointer;
	}


/*------------------------------------------MainMenu Links---*/
#MainMenu #HomeLink,
#MainMenu #HomeLink a.MenuLink {
	width:				115px;
	background-image:	url(../_Images/Menu/home-bg.jpg); /* IEB 2 */
	}

#MainMenu #HomeLinkSelected,
#MainMenu #HomeLinkSelected a.MenuLink {
	width:				115px;
	background-image:	url(../_Images/Menu/home-selected-bg.jpg); /* IEB 2 */
	}

#MainMenu #ClubLink,
#MainMenu #ClubLink a.MenuLink {
	width:				112px;
	background-image:	url(../_Images/Menu/club-bg.jpg); /* IEB 2 */
	}
#MainMenu #ClubLinkSelected,
#MainMenu #ClubLinkSelected a.MenuLink {
	width:				112px;
	background-image:	url(../_Images/Menu/club-selected-bg.jpg); /* IEB 2 */
	}
#MainMenu #TeamsLink,
#MainMenu #TeamsLink a.MenuLink {
	width:				125px;
	background-image:	url(../_Images/Menu/teams-bg.jpg); /* IEB 2 */
	}
#MainMenu #TeamsLinkSelected,
#MainMenu #TeamsLinkSelected a.MenuLink {
	width:				125px;
	background-image:	url(../_Images/Menu/teams-selected-bg.jpg); /* IEB 2 */
	}
#MainMenu #CompetitionsLink,
#MainMenu #CompetitionsLink a.MenuLink {
	width:				154px;
	background-image:	url(../_Images/Menu/competitions-bg.jpg); /* IEB 2 */
	}
#MainMenu #CompetitionsLinkSelected,
#MainMenu #CompetitionsLinkSelected a.MenuLink {
	width:				154px;
	background-image:	url(../_Images/Menu/competitions-selected-bg.jpg); /* IEB 2 */
	}
#MainMenu #FansLink,
#MainMenu #FansLink a.MenuLink {
	width:				150px;
	background-image:	url(../_Images/Menu/fans-bg.jpg); /* IEB 2 */
	}
#MainMenu #FansLinkSelected,
#MainMenu #FansLinkSelected a.MenuLink {
	width:				150px;
	background-image:	url(../_Images/Menu/fans-selected-bg.jpg); /* IEB 2 */
	}
#MainMenu #MultimediaLink,
#MainMenu #MultimediaLink a.MenuLink {
	width:				160px;
	background-image:	url(../_Images/Menu/multimedia-bg.jpg); /* IEB 2 */
	}
#MainMenu #MultimediaLinkSelected,
#MainMenu #MultimediaLinkSelected a.MenuLink {
	width:				160px;
	background-image:	url(../_Images/Menu/multimedia-selected-bg.jpg); /* IEB 2 */
	}

/*------------------------------------------SubMenu General---*/
#SubMenuContainer {
	background-color:	#000000;
	background-image:	url(../_Images/submenu-bg.jpg);
	background-repeat:	repeat-x;
	height:				29px;
	list-style:			none;
	}
.SubMenu li {
	background-image:	url(../_Images/submenu-spacer.gif);
	background-position:	right 8px;
	background-repeat:	no-repeat;
	float:				left;
	}
.SubMenu a {
	color:				#CCC;
	display:			block;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	line-height:		29px;
	padding:			0 25px;
	text-decoration:	none;
	}
.SubMenu a:hover {
	color:				#FFF;
	}
.SubMenu li.selected a,
.SubMenu li.selected a:hover {
	/*color:				#82afd8;*/
	color: #5c9cd7;
	}


/*------------------------------------------Menu Effects---*/
#MainMenu li.current ul {
	z-index: 			999;
	}
#MainMenu li.sfHover ul,
#MainMenu li:hover ul {
	z-index: 			1000;
	}
#MainMenu li ul {
	left:				0;
	top:				-999em;
	position:			absolute;
	width:				960px;
	}
#MainMenu li:hover ul, /* pure CSS hover is removed below */
body #MainMenu li.current ul, /* this must be more specific than the .superfish override below */
#MainMenu li.sfHover ul {
	top:				29px;
	}

#MainMenu li:hover li ul,
#MainMenu li.sfHover li ul {
	top:				-999em;
	}
#MainMenu li li:hover ul, /* pure CSS hover is removed below */
#MainMenu li li.sfHover ul {
	top:				29px;
	}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:				-999em;
	}