/*******
	NAVIGATION
		#This controls the hover and style for all of the top navigational bodies
		#Using a series of lists.
********/

.nav_sports {
	background: url(nav_sports.gif) no-repeat;
	display: block;
	height: 25px;
	width: 111px;
	background-color:#00CC00;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:7px;
}

.nav_concert {
	background: url(nav_concert.gif) no-repeat;
	display: block;
	height: 25px;
	width: 131px;
	background-color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:7px;
}

.nav_theater {
	background: url(nav_theater.gif) no-repeat;
	display: block;
	height: 25px;
	width: 111px;
	background-color:#0000CC;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:7px;
}

.nav_special-events {
	background: url(nav_packages.gif) no-repeat;
	display: block;
	height: 25px;
	width: 158px;
	background-color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:7px;
}

.nav_citypages {
	background: url(nav_citypages.gif) no-repeat;
	display: block;
	height: 25px;
	width: 132px;
	background-color:#990099;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:7px;
}

#navigation {
	height: 48px;
	width: 974px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 10;
	float: left;
	background: url(../gui/nav_background.gif) repeat-x;
	font-weight: bold;
}

#navigation h2 {
	position: absolute;
	top: 0px;
	left: 815px;
	height: 40px;
	width: 161px;
	text-indent: 0px;
	background-image: url(../gui/800Number.gif);
	background-repeat: no-repeat;
}

#navigation a {
	text-decoration: none;
	display: block;
	font-weight: bold;
}

#navigation a span {
	cursor: pointer;
}

#navigation div a:hover {
	text-decoration: underline;
}
	
#navigation li {
	list-style-type:none;
	font-weight: bold;
	margin: 0px;
	float: left;
	cursor: pointer;
}

#navigation li.blank {
	width: 86px;
	cursor: default;
}

#navigation li#number {
	background-image: url(phone_number.gif) no-repeat top right;
}

#navigation li div {
	position: absolute;
	left: -999em;
	background: #ffffff;
	text-align: left;
	clear: both;
	display: block;
	border: 1px solid #336699;
	z-index: 3;
}

#navigation iframe {
	display: block;
	position: absolute;
	left: -999em;
	width: 250px;
	height: 140px;
	background: #fff;
	z-index: 2;
}

object {
	z-index: 1;
}

#navigation #iframeSports
{
	width: 350px;
	height: 140px;
}


#navigation #iframeTheater
{
	width: 200px;
	height: 140px;
}

#navigation #iframeSpecialEvents
{
	width: 272px;
	height: 140px;
}

#navigation #iframeCorporate 
{
	width: 213px;
	height: 68px;
}

#cobrand_header iframe
{
	display: block;
}

#navigation li div span {
	margin-top: 5px;
	display: block;
	padding: 0px 10px;
	color: #999;
	font-weight: normal;
	white-space: nowrap;
}

#navigation li div img {
	position: absolute;
	top: -14px;
	left: 30px;
}

#navigation li div ul {
	width: 120px;
	float: left;
	clear: none;
	padding: 0px;
	margin: 2px 5px 5px 5px;
	background-color: #ffffff;
}

#navigation li ul li {
	text-align:	left;
	clear: both;
	margin: 2px 5px;
	font-weight: normal;
	width: auto;
	white-space: nowrap;
}

#navigation li:hover div, 
#navigation li li:hover div,
#navigation li li li:hover div,
#navigation li:hover iframe,
#navigation li.sfhover div, 
#navigation li li.sfhover div, 
#navigation li li li.sfhover div,
#navigation li.sfhover iframe {
	top: auto;
	left: auto;
	width: auto;
}