﻿
/* The Menu */

#navbar {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	height: 48px;
	width: 850px;
	font: bolder 11px "Lucida Sans", Lucida, Verdana, sans-serif;
	z-index: 9988;
	
	/* **************** below is for test ************** */
	
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	letter-spacing: 0.001ex;
	background-color:transparent; 
	*/
}

/* All lists must float */

#navbar ul {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 1px 0px 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; /* border:3px solid #FF9900; */
}

/* Hide 3rd Level */
#navbar ul ul ul {
	left: -20000px;
	background-color:transparent; 
}

/* All list-items must obey parent selector */

#navbar li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	
}


/* Second level lists hide by default */

#navbar li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top:24px;
	height: 24px;
	overflow:hidden;
	left: 0;
	width:850px; /* new change */
	
}

/* IE needs to know we are on a computer */

#navbar a {
	text-decoration: none;
	cursor: pointer;
}

/* Underline all sublevel hover a.links */

#navbar li ul a:hover,
#navbar li.active ul a:hover {
    text-decoration: underline;
}

/* Underline all sublevel active a.links */

#navbar li li.active a, 
#navbar li li.active:hover a {
	 text-decoration: underline;
}


/* Keeps sublevel persistant */

#navbar li.active ul {
	display: block;
}

/* Makes sure sublevels stay on top */

#navbar li:hover ul {
	display: block;
	z-index: 6000;
}

/* Top level a.links (sizes only) */

#navbar li a {
	display: block;
	float: left;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
}

/* Second level a.links */

#navbar li ul a, #navbar li.active ul a {
	display: block;
	float: left;
	font-weight: normal;
	padding: 0 10px;
	background-color:transparent; 
	height: 24px;
	line-height: 24px;
}

/* First level list-items */

#navbar ul li {
	background: url(images/nav/menu_normal.gif) no-repeat right top;
	margin-right: -1px; /* new change */
	border-left: 1px solid #919191;
}
/* First level list-items (hover) */

#navbar ul li:hover {
	background: url(images/nav/menu_active2.gif) no-repeat right top;
	/* border-left: 1px solid #919191; */
}

/* First level normal a.link */

#navbar ul li a {
	color: #9F0010;
}

#navbar li:hover a
{
color: #9F0010;
	/* color:#B7BDC1; */
}
/* Second level normal a.link */


#navbar ul li:hover ul
{

	color: #fff;
}

#navbar ul li ul,
#navbar ul li.active a
#navbar ul li.active ul:hover,
#navbar ul li.active:hover ul {
 background: #9F0010 url(images/nav/menu_sub.gif) repeat-x;
 /* padding: 1px 14px; */
	color: #fff;
/* background-color:Blue; */
/*	border:1px solid blue; */
}

#navbar ul li.active a:link,
#navbar ul li.active a:visited {
	background: url(images/nav/menu_active.gif) no-repeat right top;
	color: #fff;
}
#navbar li.active li a:link,
#navbar li.active li a:visited,
#navbar li.active li a:hover,
#navbar li:hover ul li a:link,
#navbar li:hover ul li a:visited,
#navbar li:hover ul li a:hover,
#navbar li li a:link,
#navbar li li a:visited,
#navbar li li a:hover
{
	 background:  url(images/nav/menu_sub.gif) repeat-x;
	border-left: 1px solid #9f0010;
	padding: 1px 12px;
	color: #fff;

}
#navbar ul li.active
{
	border-left: 1px solid #9f0010;
}

#navbar ul li.active ul li,
#navbar ul li ul li
{
	border: none;
}

#navbar #moreSports{
	position: relative; 
	BORDER-RIGHT: #919191 1px solid; 
	Z-INDEX: 9999; 
	PADDING-BOTTOM: 5px; 
	margin-right:0px; 
	margin-top:-1px;
	margin-left:-115px;
	BORDER-LEFT: #919191 1px solid; 
	WIDTH: 125px; BORDER-TOP-STYLE: none; 
	BORDER-BOTTOM: #919191 1px solid; 
	LIST-STYLE-TYPE: none; HEIGHT: 100%;

}

#navbar #moreSports li{
DISPLAY: block; Z-INDEX: 99999; FLOAT: left;

}



/*these are the styles for the subtabs*/
#navbar2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	height: 48px;
	width: 800px;
	font: bolder 11px "Lucida Sans", Lucida, Verdana, sans-serif;
	font-weight: bolder;
	letter-spacing: 0.001ex;
	background-color:transparent; 
	z-index: 5;
	margin-left: 1px;
}

/* All lists must float */

#navbar2 ul {
	margin: 0;
	padding: 0;
	float: left;
	background-color:transparent; 
}

/* Hide 3rd Level */
#navbar2 ul ul ul {
	left: -20000px;
	background-color:transparent; 
}

/* All list-items must obey parent selector */

#navbar2 li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	
}

/* Second level lists hide by default */

#navbar2 li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top:24px;
	height: 24px;
	overflow:hidden;
	left: 0;
	width:100%;
	
}

/* IE needs to know we are on a computer */

#navbar2 a {
	text-decoration: none;
	cursor: pointer;
}


/* Top level a.links (sizes only) */

#navbar2 li a {
	display: block;
	float: left;
	padding: 0 11px;
	height: 24px;
	line-height: 24px;
}

/* Second level a.links */

#navbar2 li ul a, #navbar li.active ul a {
	display: block;
	float: left;
	font-weight: normal;
	padding: 0 10px;
	background-color:transparent; 
	height: 24px;
	line-height: 24px;
}

/* First level list-items */

#navbar2 ul li {
	background: url(images/tab_off.jpg) no-repeat right top;
	margin-right: 0px;
	border-left: 1px solid #ababab;
}


/* First level list-items (hover) */

#navbar2 ul li:hover {
	background: url(images/tab_on.jpg) no-repeat right top;
}

/* First level normal a.link */

#navbar2 ul li a {
	color: #9F0010;
}

#navbar2 ul li.active a {
	background: url(images/tab_on.jpg) no-repeat right top;
	color: navy;
	outline: none;
}

/* ///////////////////////// */

#navbar2 #Tab04 {
	background: url(images/tab_last_off.jpg) no-repeat right top;
	margin-right: 0px;
	border-left: 1px solid #ababab;
}

#navbar2 #Tab04:hover {
	background: url(images/tab_last_on.jpg) no-repeat right top;
}

#navbar2 #Tab04.active a {
	background: url(images/tab_last_on.jpg) no-repeat right top;
	color: navy;
	outline: none;
}

/* @end */

