﻿@charset "utf-8";
/* CSS Document */


body	{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	}

form {
margin:0px;
padding:0px;
}	
/* ----- Generic styles ----- */

p	{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size: 1.1em;
	}

.news p	{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size: 1em;
	display: inline;
	}

div	{
	padding:0px;
	margin:0px;
	}
	
abbr	{
	cursor:help;
	}
	
.clear	{
	clear: both;
	}
	
.clear:after {
	content: ".";
	display: block;
	font-size: 0%;
	line-height: 0%;
	height: 0px;
	visibility: hidden;
	clear: both;
	}
	
.clearleft {
	clear: left;
	}
	
.bold	{
	font-weight:bold;
	}
	
.micro	{
	font-size:8px;
	}

a:active, a:focus {
    outline: 0;
	}
	
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
.float-right {
	float: right;
	}
	
.float-left {
	float: left;
	}
	
.centred {
text-align:center
}

.rightText {
	text-align: right;
	}
	
.contentPadding {
	padding: 6px 0px 0px 0px;
	}
	
/* ----- Anchors ----- */
	
a:link, a:visited, a:active	{
	font-size: 1.0em;
	color: #000000;
	text-decoration:none;
	}
	
a:hover	{
	color: #666666;
	text-decoration:none;
	}

a img {
	border: none;
	font-weight: normal;
	font-size: xx-small;
	}

/*******************************headers*******************************************/

h1 {
	margin: 0 0 12px 0;
	padding:3px 0 0 0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:2.8em;
	font-weight:blod;
	letter-spacing:-1px;
	color:#000000;
	}
	
h2 {
	margin: 0px;
	padding: 0px;
	}
	
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	}
	
h4 {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 1em;
	}
	
/*************************************text layout*******************************************/

.mainstyle {
	padding: 5px 0px 5px 0px;
	}
.mtext {
	font-size:1.1em;
	}	
.ltext {
	font-size:1.2em;
}
.xltext {
	font-size:1.4em;
}

.sifr12 {
	font-size:1.2em;
	font-weight: bold;
	}
	
.sifr13 {
	font-size:1.3em;
	font-weight: bold;
	}
	
.sifr14 {
	font-size: 1.4em;
	font-weight: bold;
	}	
	
.sifr16 {
	font-size: 1.6em;
	font-weight: bold;
	}
.sifr22 {
	font-size: 2.2em;
	font-weight: bold;
	}


.rhodeBlack {
	color: #000000;
	}
		
.rhodeYellow {
	color: #FFDD00;
	}
	
.rhodeWhite {
	color: #FFFFFF;
	}

.threeColLeft p{
	font-size: 1.3em;
	line-height:1.4em;
	margin: 0px 0px 12px 0px;
	}
/**********************************page structure***********************************************/


#maingrad {
	background: url(/images/pageElements/background_grad.jpg) repeat-y top center;
	width: 980px;
	margin: 0px auto;
	border: none;
	}
	
#header {
	width: 960px;
	margin: 0px auto;
	}
	
#mainpage {
	width: 948px;
	margin: 0px auto;
	padding: 6px 6px 6px 6px;
	clear: both;
	}
	
#footer {
	width: 960px;
	background: #25262E url(/images/pageElements/footerGrad.jpg) repeat-x bottom;
	margin: 0px auto;
	clear: both;
	}
	


/*****************************************column layouts**********************************************/

#leftcols {
	float: left;
	width: 648px;
	}
	
#rightcols {
	float: right;
	width: 300px;
	}

.oneColLeft {
	width: 156px;
	float: left;
	padding: 0px 6px 6px 0px;
	}

.oneHalfColLeft {
	width: 236px;
	float: left;
	padding: 0px 6px 6px 0px;
	}
	
.twoColLeft {
	width: 318px;
	float: left;
	padding: 0px 6px 6px 0px;
	}
	
.twoColFloatRight {
	width: 318px;
	float: right;
	padding: 0px 0px 6px 6px;
	}
.hs1Column {
	width: 312px;
	float: left;
	padding: 0px 6px 6px 0px;
}
.hs1ColumnNew {
	width: 312px;
	float: left;
	padding: 0px 0px 6px 0px;
}
.hs2Column {
	width: 630px;
	float: left;
	padding: 0px 6px 6px 0px;
}
.hs3Column {
	width: 948px;
	float: left;
	padding: 0px 6px 6px 0px;
}

.no-padding{
padding:0px!important;
}
	
.twoCol {
	width: 324px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
	
.threeColLeft {
	width: 480px;
	float: left;
	padding: 0px 6px 6px 0px;
	overflow: hidden;
	}

.threeColRight {
	width: 480px;
	float: right;
	padding: 0px 6px 6px 0px;
	overflow: hidden;
	}
	
.fourColLeft {
	width: 642px;
	float: left;
	padding: 0px 0px 6px 0px;
	}
	
.editorialColLeft {
	width: 237px;
	float: left;
	padding: 0px 6px 6px 0px;
	}
	
.editorialColRight {
	width: 237px;
	float: right;
	padding: 0px 6px 6px 0px;
	clear: right;
	position: relative;
	}
	
.ColOneRight {
	float: left;
	width: 172px;
	margin: 0px 6px 6px 0px;
	}
	
.ColTwoRight {
	float: left;
	width: 120px;
	margin: 0px 0px 6px 0px;
	}
	
.twoColRight {
	float: left;
	width: 300px;
	margin: 0px 0px 6px 0px;
	}
	
.ColOneHalfRight {
	float: left;
	width: 144px;
	margin: 0px 6px 6px 0px;
	}
.ColTwoHalfRight {
	float: left;
	width: 144px;
	margin: 0px 0px 6px 0px;
	}
	
.allCols {
	width: 954px;
	float: left;
	padding: 0px 0px 6px 0px;
	}
.allCols_rightpadding {
	width: 948px;
	float: left;
	}	
.threecolwrapper {
	width: 486px;
	float: left;
	}

.geotargeting {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	}
.geotargeting img {
	float: left;
	}
a.geo-btn {
	background:  url(/images/pageElements/geo-btn.gif) top no-repeat;
	width: 121px;
	height: 40px;
	display: inline-block;
	float: left;
	}
a.geo-btn:hover {
	background-position: bottom;
	}

div.twoColLeft div.centered-container {
	width: 318px;
}

div.twoColLeft div.centered-smallEvp 
{
	width: 237px;
	margin-left: auto;
	margin-right: auto;
}

.geotargeting {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	}
.geotargeting img {
	float: left;
	}
a.geo-btn {
	background:  url(/images/pageElements/geo-btn.gif) top no-repeat;
	width: 121px;
	height: 40px;
	display: inline-block;
	float: left;
	}
a.geo-btn:hover {
	background-position: bottom;
	}
	
.fullColLeft {
	width: 960px;
	margin-left:10px;
	}

#mainpage #ctl00_cphForm_AllCols_allCols_rightpadding { overflow:hidden; clear: both; }

/**********************************custom navigation***********************************************/
.customNav .title 
{
    background-image: url("/images/header/marketing_bg.gif");
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: bold;
    padding: 3px;
}

.customNav li 
{
    background-color: black;
    border-top: 1px solid white;
    font-size: 1.4em;
    font-weight: bold;
    padding: 3px;
}

.customNav a 
{
    color: #fff;
}

.customNav .active a
{
    color: #FFDD00;
}

/**********************************top stories***********************************************/
#top-stories .story-item
{
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	/* to make min-height work in IE6 */
	min-height: 85px;
	height: auto !important;
	height: 85px;
}

#top-stories  .featured {
	overflow:visible;
	margin-top: 5px;
	/* to make min-height work in IE6 */
	min-height: 140px;
	height: auto !important;
	height: 140px;
}

#top-stories .cellLink a 
{
	text-decoration: underline;
}

#top-stories .cellLink 
{
	padding: 0;
	clear: right;
}

#top-stories .featured .cellLink 
{
	text-align: left;
	clear: none;
}

#top-stories img 
{
	float:left;
	padding-right: 5px;
	padding-bottom: 5px;
	height: 75px;
}

#top-stories .featured img 
{
	height: 130px;
}

#top-stories p 
{
	font-size: 1em;
	margin: 0;
}

#top-stories .featured p 
{
	font-size: 1.2em;
	padding-top: 15px;
	padding-bottom: 15px;
}

/**********************************blogs***********************************************/
#bloggers .firstCol, #bloggers .secondCol, #bloggers .recentBlogs,  #bloggers .twoColLeft 
{
	width: 237px;
}

#bloggers .secondCol 
{
	float: right;
}

#bloggers .firstCol
{
	float: left;
}

#bloggers .row 
{
	overflow: hidden;
}

#bloggers .blogger-image 
{
	height: 48px;
	float:left;
	padding-bottom: 15px;
	padding-right: 5px;
}

#bloggers .blog-name 
{
	font-size: 1.4em;
	font-weight: bold;
}

#bloggers .blog-title {
    font-size: 1.2em;
    font-weight: bold;
}

#bloggers .blogger-bio 
{
	clear:both;
	padding-bottom: 15px;
}

#bloggers .blogger-bio .bio-text 
{
	height: 168px;
}

/**********************************new sport news layout***********************************************/
.two-columns .news 
{
	overflow: visible;
}

.two-columns .news h2 
{
    clear:both;
}

.two-columns li
{
	float:left;
	width: 49%;
	height: 40px;
	clear: none !important;
}

.two-columns li.sport
{
	height: auto;
}

.two-columns .title
{
	width: 100%;
}

/**********************************new titles***********************************************/
.title-image, 
.title-image-tall 
{
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    clear:both;
}
.title-image
{
    height: 25px;
}
.title-image-tall 
{
    height: 40px;
}

/**********************************featured events***********************************************/
#leftcols .event-item 
{
    width:318px;
    overflow:hidden; 
    padding:0 6px 6px 0;
    font-size:1.2em;
}

#leftcols .event-item .description 
{
    font-size:1.0em;
    font-weight:bold; 
    display:block;
}

#leftcols .event-item .description img
{
    width:60px;
    float:left;
}

#leftcols .event-item .cell-link 
{
    float:right;
    padding: 6px 6px 0 0;
}
