/* CSS Document */


/* ***** TOP STORIES *****************/
#topstories,
#topstories table,
#topstories table tr,
#topstories table td,
#topstories table td table,
#topstories table td table td,
#topstories table td table tr,
#topstories tr td img  {
padding: 0; 
margin: 0; 
border:0;}
 
 
#middlecolumn #topstories {padding: 0; margin: 0; border:0;}
 
 
#topstories {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#FFFFFF;
 width: 551px;
}
#topstories a {
	color: #53baff;
}
.mainstorytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 5px 2px 5px; 
	height:131px; /* a fixed height is necessary to prevent everything below the story box from jumping up and down as the stories rotate in and out. this is because story blurbs are variable and can change the height of the box */
	overflow:hidden;
}
.mainstorytext h3  {
	font-size: 14px;
	margin-bottom: 3px;
	padding: 0;
}
.topstoryphoto {
 border: 1px solid white;
 }
#thumbsbox {
width: 100px;
height: auto;
margin: 0;
padding: 0;
border: 0;
align:center;
}
#thumbsbox td  {
 margin: 0;
 padding: 0;
 border:0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#FFFFFF;
 }
#thumbsbox td img {
 text-align: center;
 border: 1px solid white;
 margin-bottom:0;
 }
#thumbsbox td.thumb0 {
padding: 0 0 10px 0;
}
#thumbsbox td.thumb1 {
padding: 10px 0 10px 0;
}
#thumbsbox td.thumb2 {
padding: 10px 0 0 0;
}



/* ***** Middle column *****************/

#middlecolumn {
	width: 551px;
	margin:0;
	padding: 10px 5px 5px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	float:left;
	/* width:531px;
 }
html>body #middlecolumn {
	width:531px; */
}


/* ***** TOP STORIES CSS *****************/
#topstories-css {
	 color:#FFFFFF;
	 border: 0;
	 margin: 0;
	 padding: 0;
	 width:551px;
	 height: auto;
	 background:  #002E5F; 
}
#ts-top {
	background: url(/imgs/topstories-css/topstories-top.gif) no-repeat left top;
	width:551px;
	height:12px;
}
#ts-btm {
	background:  #002E5F url(/imgs/topstories-css/topstoriespalletebottom.gif) no-repeat left bottom;
	width:551px;
	height:12px;
}
#focuswrapper-nocontrols {
	width: 416px;
	background-image: url(/imgs/topstories-css/fswrapper-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;  
/*	height: auto;	 */
	margin: auto;
}

#fswrapper-top {
	background: #1e6c9e url(/imgs/topstories-css/fswrapper-top.gif) no-repeat left top;
	width:416px;
	height:7px;
	margin:0;
	padding: 0;
}
#focusstoryphoto {
	width:400px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	border: 1px solid white; 
	background-color:#1e6c9e;
}
#controls {
	width: 129px; 
	height:12px; 
	position:relative; 
	left: 263px;
	background-color:#1e6c9e;
}
#focusstorywrapper-btm {
	width:416px;
	height:31px;
	background-image: url(/imgs/topstories-css/topstories-btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
} 
#topstoriestitle {
	width:416px;
	height:21px;
	margin:0;
	padding: 0;
	background-image: url(/imgs/topstories-css/topstories.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#focusstorytext {
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 background:#002E5F;
	 padding:  12px;
	 /*
	margin: 0;
	padding: 5px 5px 2px 5px;  */
}

#focusstorytext a {
	color: #53baff;
}
#focusstorytext h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0px;
	margin-bottom: 3px;
	font-size: 14px;	
}

 #focuswrapper-nocontrols #focusphoto tr td,
 #focuswrapper-nocontrols table
  {
padding: 0; 
margin: 0; 
border:none;}

#moreheadlines {
	width: 551px;
	padding: 0;
/* bottom: 0px; */
 margin: 20px 0 0 0; 
}

#moreheadlines h2 {
	background: url(/imgs/homepg/moreheadlinesbar-top.gif) no-repeat left top;
	height: 37px;
	width: 551px;
	border: none;
	padding: 0;
	margin: 0;
}

#moreheadlines div.headlinescopy {
border-right: 3px solid #184575;
width: 538px;
height: auto;
padding: 0 10px 0 0;
margin: 0;
}
#moreheadlines div.headlinescopy p {
margin-bottom: 0;
}

#moreheadlines p.headlinearchivelink {
text-align: right;
padding: 5px 5px 0 5px;
font-weight:bold;
}

#moreheadlines div.headlinesbottom {
	background-image: url(/imgs/homepg/moreheadlines-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 14px;
	width: 551px;
	margin: 0 0 30px 0;
	padding: 0;
	top: 0px;
}


/*  NOTE: This one is different than the one on main.css - ************/
#content {
  background-color: #ffffff;  
	padding: 0;
/*	float:left; */
	width: 760px !important;
}


/* ***** Right column ******************/
#rightcolumn {
	width: 180px;
	height:auto;
	position:relative;
	 float:right;
	padding: 20px 0 10px 0;
	margin: 0;
	}

#upcomingevents, #playeroftheweek, #sponsorsbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	 background-color: #f3f3f3; 
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cfcfcf;
	border-left-color: #cfcfcf;
	width: 180px;
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:178px;
 }
html>body #upcomingevents, html>body #playeroftheweek, html>body #sponsorsbox {
	width:178px;
}

#POWpaneltop {
	background-color: #e0e0e0; 
	background-image: url(/imgs/homepg/POWpaneltop.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 180px;
	height:15px;
	padding: 0;
	}


#paneltitle { height: 27px;
padding: 0 0 5px 0;
margin: 0;}

#graphics, #specialevents {padding: 5px 0;}

#graphics img, #specialevents img {
margin: 12px auto;
padding: 0;
border:none;
display:block;
}


#upcomingevents p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
	padding: 8px;
	margin: 0;
}

#playeroftheweek {
	background-color: #e0e0e0; 
	clear: both;
	overflow:hidden;
	width: 178px; 
	}

#playeroftheweek div.playerphoto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #1e6c9e;
	width: 180px !important; 
	background-image: url(/imgs/homepg/playeroftheweek.gif);
	background-repeat: no-repeat;
	background-position: 100px 25px;
	padding: 0 5px 0 0;
	border-bottom: 8px solid #002e5f;
	 height:auto;  
	margin: 0;
	overflow:visible;

}

#playeroftheweek div.playerphoto img {
	border: 1px solid black;
	margin: 5px;
/*	text-align:left;  */
} 


#playeroftheweek div.playerinfo {
	background-color: #e0e0e0;
	background-image: url(/imgs/homepg/CCbggraphic2.gif);
	background-repeat: no-repeat;
	background-position: 40px 20px;
font-size:12px;
line-height: 15px;
	clear:both;
	margin: 0;
	padding: 0 9px 12px 9px;
}

#playeroftheweek div.playerinfo p {
	padding-top: 2px;
}
#playeroftheweek div.playerinfo strong {
font-size:13px;
margin-top:2px;
}

#sportname {
width:85px; 
float:right; 
position:relative; 
top:-25px; 
 text-align:center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #1e6c9e;
}

#sponsorsbox { 
margin: 20px 0 0 0;
background-color: #f3f3f3;
text-align: center;
}

#sponsorsbox p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
	padding: 8px;
	margin: 0;
}
#play {display:none} 

.cancelation{
	text-align:center;
	width:98%;
	font-weight:bold;
	color:#990000;
	font-size:120%;
	padding: 0;
	margin-bottom:10px;
}

.cancelation p {
	border: 1px solid #cfcfcf;
	background-color:#F3F3F3;
	padding-top: 10px; 
	padding-bottom:10px;
}