@import url("reset.css");

/*
/		TYPOGRAPHY
/		all global typography styles
--------------------------------------------------------------------------------------------------------*/

body 				{ font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 16px; }
a 					{ color: #FFF; text-decoration: none; }
a:hover 			{ color:#CCC; }
p 					{ margin-bottom: 15px; }
h2 				{ font-weight: bold; font-size: 22px; line-height: 1em; }
h3 				{ font-weight: bold; font-size: 16px; margin-bottom: 7px; }
strong 			{ font-weight: bold; }


/*
/		LISTS
--------------------------------------------------------------------------------------------------------*/

.content ul li {
	list-style-type: square;
	margin-left: 10px;
	}



/*
/		NAVIGATION
--------------------------------------------------------------------------------------------------------*/

#MainNav { background: url('../images/master/MainNav_bg_gray.gif') repeat-x bottom; float: left; }
.home #MainNav { background: none; }
#MainNav ul,	 
.home #MainNav ul {
	background: url('../images/master/MainNav_bg.gif') no-repeat;
	list-style: none;
	width: 960px;
	height: 34px;
	margin: 20px 0 0 0;
	padding: 0px;
	float: left;
	}
	#MainNav ul li	{ float: left; background: url('../images/master/MainNav_div.gif') no-repeat top right; padding-right: 1px;}
	#MainNav ul li.last { background: none; }
	#MainNav ul li a {
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	padding: 0 22px;
	color: #FFF;
	font-size: 17px;
	letter-spacing: -0.01em;
	font-weight: bold;
	text-decoration: none;
	}
	#MainNav ul li a:hover {	color: #CCC; }
	#MainNav ul li.active a { background: url('../images/master/MainNav_bg.gif') center bottom; }
	#MainNav ul li.activefirst a { background: url('../images/master/MainNav_bg.gif') left bottom; color:#CCC; }
	#MainNav ul li.activelast a { background: url('../images/master/MainNav_bg.gif') right bottom; color:#CCC; }
	#MainNav ul li.active a { color:#CCC; }

.SubNav			{
	background: url('../images/master/SubNav_bg.png') no-repeat;
	width: 960px;
	height: 34px;
	float: left;
	}
.SubNav ul		{
	list-style: none;
	padding: 0px;
	float: left;
	display: inline;
	}
	.SubNav ul.floatRight { float: right; padding-right: 22px; }
	.SubNav ul li	{ float: left; }
	.SubNav ul li.last { background: none; }
	.SubNav ul li a {
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 0 0 0 22px;
	color: #CCC;
	font-size: 13px;
	letter-spacing: 0.01em;
	font-weight: bold;
	text-decoration: none;
	}
	.SubNav ul li.active a,
	.SubNav ul li a:hover { color: #FFF; }
	.SubNav .CMSListMenuLinkHighlighted { color:#FFF; }


#TopNav {
	background: url('../images/master/TopNav_right_bg.gif') no-repeat top right;
	padding-right: 3px;
	margin-top: 15px;
	float: right;
	}
#TopNav ul {
	background: url(../images/master/TopNav_bg.png) repeat-x;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	float: left;
	}
	#TopNav ul li {
	background: url('../images/master/TopNav_div.gif') no-repeat top right ;
	padding-right: 1px;
	float: left;
	}
	#TopNav ul li a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
	font-size: 11px;
	font-family: Helvetica, arial, sans-serif;
	color: #FFF;
	}
	#TopNav ul li.last { background: none; padding: 0; }
	#TopNav ul li a:hover { text-decoration: underline; }


	
#footer { clear: both; }
#footer ul { margin: 0 0 5px 30px; padding-top:5px; }
#footer ul li { float: left; color: #FFF; }
#footer ul li a { color: #FFF; }
#footer ul li a:hover { color: #FFF; text-decoration: underline; }

.ContentNav ul li { 
	list-style: none;
	background: url('../images/master/Nav_div.gif') no-repeat top right;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	}
	.ContentNav ul li a {
	float: left;
	font-size: 14px;
	line-height: 34px; 
	font-weight: bold;
	color: #CCC;
	} 
	.ContentNav ul li a:hover { color: #FFF; }
	.ContentNav ul li.last { background: none; margin: 0; padding: 0; }

/*
/		GLOBAL LAYOUT
--------------------------------------------------------------------------------------------------------*/
body { position: relative; width: 100%; }
#body-wrap { width: 960px; margin-left: 25px; float: left; }



/*
/		LOGIN / LOGOUT / SEARCH
--------------------------------------------------------------------------------------------------------*/

.sponsor-login-wrap {
	float: right;
	margin: 33px 0 0 0;
	position: relative;
	z-index: 10;
	}	
	.sponsor-login-wrap .sponsor-login-button {
	
	position: absolute;
	right: 0;
	display: block;
	width: 198px;
	height: 31px;
	float: right;
	text-indent: -9999px;
	cursor: pointer;
	}
    .sponsor-login-wrap .sponsor-login-button span {
    display:block;
    width:198px;
    height:31px;
    position:relative;
    z-index:1000;
    cursor:pointer;
    }
	.sponsor-login-wrap .sponsor-login {
	display: none;

	position: relative;
	padding: 10px;
	top: -1px;
	width: 178px;
	height: 153px;
	_height: 163px;
	z-index: 100;
	text-indent: 0;
	cursor:default;
	}
	.sponsor-login-wrap .sponsor-login span {
    display:inline;
    position:static;
    width:auto;
    cursor:default;
    }
	
	.sponsor-login-wrap .sponsor-login ul li { margin-bottom: 1px; }
	.sponsor-login-wrap .sponsor-login ul li a { text-decoration: underline; }
	.sponsor-login-wrap .sponsor-login ul li a:hover { text-decoration: none; color: #FFF; }
	.sponsor-login-wrap .sponsor-login ul li.login { margin-top: 3px; }
	.sponsor-login-wrap .sponsor-login label { color: #FFF; font-size: 12px; font-weight: bold; line-height: 20px; }
	.sponsor-login-wrap .sponsor-login .Required { color: #FFF !important; font-size: 21px; vertical-align: bottom; }
	.sponsor-login-wrap .sponsor-login input.text { 
	border: 1px solid #000;
	padding: 3px;
	width: 145px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	}

.sponsor-login-wrap .sponsor-logout {
	background: url('../images/master/sponsor_log_out_bg.gif') no-repeat;
	color: #fff;
    float:right;
	height: 60px;
	position: absolute;
	right: 0;
	width: 198px;
	}
	.sponsor-login-wrap .sponsor-logout p { margin: 5px 5px 8px 10px; font-size: 11px; }
	.sponsor-login-wrap .sponsor-logout p span { font-weight: bold; }
	.sponsor-login-wrap .sponsor-logout input { margin-left: 10px; }
	
.sponsor-login-wrap .search-wrap { float: right; margin: 3px 210px 0 0; display: inline; }
.sponsor-login-wrap input.go { float: left; margin-left: 5px; }
.sponsor-login-wrap input.search { 
		border: 1px solid #9EA1A5;
		width: 136px;
		height: 15px;
		padding: 4px;
		font-size: 12px;
		font-weight: bold;
		float: left;
		}
        
        
/*
/		HOME
--------------------------------------------------------------------------------------------------------*/

#home-content-wrap { width: 960px; height: 426px; margin-top: 115px; }
.home-content-top { width: 940px; height: 210px; margin-top: 10px; padding: 0 10px;  float: left; }
.home-content-top .home-title { float: left; width: 730px; }
.home-content-top ul.home-photos {
	float: right;
	width: 200px;
	margin-top: 20px;
	}
	.home-content-top ul.home-photos li {
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
	}
	.home-content-top ul.home-photos li.allvideos a {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	width: 185px;
	float: left;
	}
	
    h1.marquee {
    float: left;
    margin: 40px 0 0 20px;
    height: 120px;
    width: 527px;
    text-indent: -9999px;
    }
	
.home-content-bottom ul.Banners {
	color: #FFF;
	position: relative;
	bottom: 13px;
	float: left;
	margin: 0 7px 0 8px;
	display: inline;
	}
    .home-content-bottom ul.Banners li { float: left; width: 315px; height: 213px; }
    .home-content-bottom ul.Banners li h2 { width: 300px; font-size: 18px; margin: 14px 0 0 10px; line-height: 28px; color: #000; letter-spacing: -1px; }
    .home-content-bottom ul.Banners li h2 a { height: 148px; }
    .home-content-bottom ul.Banners li p { width: 300px; margin: 0 5px 0 10px; line-height: 1.1em; }
    .home-content-bottom ul.Banners li p a { font-weight: bold; }

/*
/		CONTENT
--------------------------------------------------------------------------------------------------------*/

#content-wrap { width: 960px; float: left; margin-top: 7px; }
#content-wrap .content { 
	width: 914px;
	padding: 0 23px 20px 23px;
	margin-top: 10px;
	color: #FFF;
	overflow:hidden;
	}

.fulloverview { }
.content h2 { margin: 30px 0 15px 0;  }
	
.Column1 { float: left; clear:left; width: 403px; padding-right: 80px; }
.Column1 table { margin-bottom: 20px; }
.Column1 table td { width: 185px; padding-right: 15px; }

.Column1 table.longerTable { width: 800px; }
.Column1 table.longerTable td { width: 100px; }
.Column1 table.longerTable td.large { width: 500px; }

.Column2 { float: left; width: 429px; }

.Column3 { float: left; width: 417px; padding-right: 40px; }

.TwoCol { float: left; width: 443px; margin-right: 26px;}
.TwoCol ul li { list-style: none; }
.TwoCol ul li { padding-bottom: 10px; }
.TwoCol.last { margin: 0; }
.TwoCol.last .MarketingMetrics ul li a img { float: left; }

.Column1 ul { margin: 20px 0; }
.Column1 ul li { list-style: none; }
.Column1 ul li { padding-bottom: 10px; }


.Column { float: left; clear:left; width: 780px; padding-right: 80px; }
.Column table { margin-bottom: 20px; }
.Column table td { width: 185px; padding-right: 15px; }
.Column h3 { margin-top:20px; margin-bottom:10px; }

.Column ul li { list-style-image:none; list-style-position:outside; list-style-type:disc; padding-bottom: 5px;  }

.TwoColumnLeft {float:left; width:370px; padding-right:20px; }
.TwoColumnRight {float:left; width:370px; }

.wide { width: 580px; padding-right: 40px; }
.wide2 { width: 780px; padding-right: 40px; }
/* .wide3 was 810px width had to stretch it for espn 2011 */
.wide3 { width: 900px; padding-right: 10px; }

/*
/		MISCELLANEOUS STYLES
--------------------------------------------------------------------------------------------------------*/

hr { height: 1px; border: 0; border-bottom: 1px solid #FFF; }

.video169 { width: 429px; height: 100%; margin-bottom: 30px; margin-right: 15px; margin-top:15px; }

.video43 { width: 320px; height: 100%; margin-bottom: 30px; margin-right: 15px; }

.Description { line-height:1.3em; }
.Description * { line-height:1.3em; }
.Description ul, .Description h2, .Description h3, .Description p { margin-bottom: 15px; }


/*
/		PROMOTIONAL ADS
--------------------------------------------------------------------------------------------------------*/

.PromoAd { margin-top: 10px; float: left; }
.PromoAd .img { float: left; width: 155px; display: block; }
.PromoAd .text { float: left; width: 250px; margin-left: 15px; display: block; }
.PromoAd .text h3 a { margin: 10px 0; font-size: 17px; }

/*
/		PHOTO GALLERY
--------------------------------------------------------------------------------------------------------*/

.PhotoNav { border-right: none !important; border-left: none !important; height: 30px; line-height: 30px; }
.PhotoNav .PhotoFilter { float: left; } 
.PhotoNav .PhotoFilter tbody tr td {
	float: left;
	font-weight: bold;
	font-size: 14px;
}
.PhotoNav .PhotoFilter tbody tr td input { float: left; margin-top: 8px; }
.PhotoNav .PhotoFilter tbody tr td label { float: left; margin-left: 7px; display: inline; }

.PhotoNav ul.PhotoPages { float: right; height: 18px; line-height: 18px; margin: 6px 0; }
.PhotoNav ul.PhotoPages  li {
	list-style: none;
	float: left;
	border-right: 1px solid #CCC;
	margin: 0 0 0 9px;
	padding: 0 9px 0 0;
	}
	.PhotoNav ul.PhotoPages li.active { color: #ffcc00; font-weight: bold; }
	.PhotoNav ul.PhotoPages li.active a { color: #ffcc00; font-weight: bold; }
	.PhotoNav ul.PhotoPages li.last { border: none; }
	
.PhotoGallery, .RadioSpots { width: 915px; overflow: hidden; }
.PhotoGallery ul, .RadioSpots ul { width: 915px; padding: 0; margin:10px 0 35px 0; float: left; }
.PhotoGallery ul li, .RadioSpots ul li { float: left; list-style: none; margin: 0 35px 0 0; padding: 0; height: 170px; width:150px; }

.PhotoGallery ul#Overview { margin: 0; }
.PhotoGallery ul#Overview li { height: 100px; }
.PhotoGallery span.caption { display:block; text-align:center; padding-top:5px; }

.espnMag .PhotoGallery
{
	width:417px;
}

.espnMag .PhotoGallery ul
{
	width:417px;
}

/*
/		SPONSORS
--------------------------------------------------------------------------------------------------------*/

.SponsorList { width: 914px; overflow: hidden; .margin-bottom: 35px; }
.SponsorList ul { width: 950px; }
.SponsorList ul li { list-style: none; float: left; margin: 0 35px 35px 0; padding: 0; height: 97px; width: 153px; }
.SponsorList ul li a { display: block; }
.SponsorList h2 { margin: 0 0 7px 0; }
.SponsorList .GoldSponsor { color: #FFCC00; margin-top: 20px; }
.SponsorList .AssocSponsor { color:#71AFDD; }

.SponsorBox { width: 100%; }
.SponsorBox img { position:relative; display: block; float: left; margin: 0 20px 15px 0; }
.SponsorBox div.SponsorTitle { float: left; width: 30%; }

.Columns .SponsorList { width: 350px; float: left; }
.Columns hr { clear: both; }

/*
/		MARKETING & METRICS
--------------------------------------------------------------------------------------------------------*/

.MarketingMetrics { padding: 7px;  float: left; }
.MarketingMetrics ul li { list-style: none; float: left; margin: 10px 20px 10px 0; padding: 0; vertical-align: middle; }
.MarketingMetrics ul.regional li { list-style: none; float: left; width: 195px; margin: 10px 20px 10px 0; padding: 0; vertical-align: middle; }
.MarketingMetrics ul li.wide { list-style: none; float: left; width: 595px; margin: 10px 20px 10px 0; padding: 0; vertical-align: middle; }
.MarketingMetrics ul li a { float: left; font-weight: bold; }
.MarketingMetrics ul li.odd { margin-right: 0; }
.MarketingMetrics ul li img { vertical-align: middle; margin-right: 4px; }

.MarketingMetrics .icon { float: left; display: block; width: 37px;}
.MarketingMetrics .text { float: left; display: block; width: 154px;}
.MarketingMetrics .widetext { float: left; font-weight:normal; display: block; width: 554px; }
.MarketingMetrics .widetextTitle { float: left; font-weight:bold; font-size:14px; display: block; width: 554px; }

.MarketingMetrics  ul.pressNews { float:left; width: 914px; margin-bottom:10px; }

.MarketingMetrics .pressHeader
{
	margin-bottom:15px;
}

.MarketingMetrics .accHeader 
{
	display:inline;
	margin:0px;
	position:relative;
	top:-13px;
	font-size:20px;
	padding-left:10px;
}	

.MarketingMetrics .accHeader.open a
{ 
	color:#E61938 !important;
}

.MarketingMetrics .pressIcon
{
display:inline;
	width:54px;
	display:inline;
}

.MarketingMetrics .Online{ 	background: url('../images/master/MainNav_bg.gif') no-repeat; }
.MarketingMetrics .TV{}
.MarketingMetrics .InPrint{}

ul.Metrics li { width: 275px; }

/*
/		SEARCH RESULTS
-----------------------------------------*/

.SearchResult { margin-bottom: 15px; padding-bottom: 15px; }
.SearchResult .ResultTitle a { font-weight: bold; border-bottom: 1px solid #FFF; }
.SearchResult .ResultTitle { font-size: 15px; margin-bottom: 7px; }