/*
*	global and
*	3-column width champs display (Default)
*	--the other views inherit these, and must override
*		where appropriate. this means you have to check all
*		versions whenever these get edited
*/
	div.divisionChamps div.leagueName{
		font-size:13px;
		background: #f9f9f9;
		padding: 10px 20px;
		margin: 0 0px 10px 0px;
		border-bottom:1px solid #eee;
		font-weight:bold;
	}
	div.component div.divisionChamps div.leagueName{
		margin: -12px -12px 10px -12px;
	}
	div.component.size_2 div.leagueName{
		margin-right: -10px;
	}
	div.component.size_3 div.leagueName{
		margin-right: -14px;
	}
	div.divisionChamps img.teamPic,
	div.divisionChamps div.teamThumbnail{
		float:left;
		margin: 0 12px 12px 0;
	}
	div.divisionChamps img.champsTrophy{
		float:left;
		border:0;
		margin: 0 8px 8px 0;
	}
	div.divisionChamps h4{
		font-size: 15px;
		padding: 15px 0 12px 0;
	}
	div.divisionChamps h4 div{
		padding-top: 3px;
	}
	div.divisionChamps div.champsMainTeam p{
		margin-right: 15px;
	}

	div.divisionChamps h3{
		margin-bottom: 6px;
	}
	
	div.divisionChamps div.otherTeams{
		clear:both;
	}
	div.otherTeams h3.teamName{
		clear:left;
	}
	div.divisionChamps div.champsTeam{
		float:left;
		width: 370px;
	}

/*	main team display	*/
	div.champsMainTeam{
		border-bottom:1px solid #eee;
		margin-bottom: 10px;
	}
	
	div.champsMainTeam h5{
		font-size:14px;
		margin: 8px 0;
		text-align:left;
	}
	div.champsMainTeam h6{
		font-size:13px;
		margin: 8px 0;
		text-align:left;
	}
	a.teamPageLinkLarge{
		display:block;
		margin: 10px 12px;
		text-align:right;
	}
/*	other, smaller teams	*/
	div.divisionChamps div.otherTeams{
		border-bottom:1px solid #eee;
		padding-bottom: 12px;
	}
	

/*
*	2-column champs display
*/
	div.component.size_2 div.divisionChamps div.otherTeams{
		clear:none;
		float:left;
		width: 190px;
		padding-left: 12px;
		border-bottom:0;
	}
	div.component.size_2 div.champsTeam{
		width:200px;
		border-bottom:1px solid #ccc;
		padding-bottom:12px;
	}
	div.component.size_2 div.champsMainTeam{
		float:left;
		width: 265px;
		border-right:1px solid #ccc;
		padding-right: 12px;
		border-bottom:0;
	}
	div.component.size_2 div.champsMainTeam h5{
		clear:left;
	}


/*
*	1-column champs display
*/
	div.component.size_1 div.champsMainTeam {
		border:0;
	}
	div.component.size_1 div.divisionChamps div.otherTeams{
		clear:left;
		border:0;
	}
	div.component.size_1 div.champsTeam{
		border-top: 1px solid #ccc;
		width: 230px;
	}
	div.component.size_1 div.otherTeams img.champsTrophy{
		padding: 16px 0 8px 0;
	}