/*	------------------------------
	pull in stylesheets that define component display
-----------------------------	*/
@import "schedule.css";
@import "leaguedisplay.css";
@import "champs.css";
@import "upcoming.css";
@import "current.css";
@import "forms.css";

/*--------------------------
*	outer container for each row
*---------------------------*/
div.componentRow{
	margin: 20px 0;
	border:1px solid #E1E5EC;
	width: 768px;
}
div#componentRow_1{
	border:0;
	background:transparent;
	margin:0;
}
div#component_1_1{
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
}
div#component_1_1.component.size_3{
	padding-right:0;
	width: 768px;
}
div#component_1_1.component.size_2{
	width: 500px;
}
div#component_1_2{
	border:1px solid #E1E5EC;
	width: 230px;
}
div.componentRow.TwoColumn{
	background: url(../graphics/component-double.gif) repeat-y top left;
}
div.componentRow.ThreeColumn{
	background: url(../graphics/component-triple.gif) repeat-y top left;
}

/*--------------------------
*	individual component boxes
*---------------------------*/
div.component{
	float:left;
	padding: 12px;
}
div.component.size_3{
	width: 742px;
}
div.component.size_2{
	width: 488px;
}
div.component.size_1{
	width: 232px;
}


/*--------------------------
*	titles
*---------------------------*/
div.component h2,div.component h3{
	text-align:left;
}
div.component h2, div.siteContent h2{
	margin-bottom:12px;
}
div.component h3, div.siteContent h3{
	margin-bottom: 8px;
}
div.leagueDetail  h3{
	margin-bottom: 1px;
}

div.component.size_3 div.siteContent h2{	font-size:24px;	line-height:26px;}
div.component.size_3 div.siteContent h3{	font-size:14px;	}

div.component.size_2 div.siteContent h2{	font-size:18px;	line-height:21px;}
div.component.size_2 div.siteContent h3{	font-size:12px;	}

div.component.size_1 div.siteContent h2{	font-size:18px;	line-height:21px;}
div.component.size_1 div.siteContent h3{	font-size:12px;	}


/*--------------------------
*	images and captions
*---------------------------*/
div.contentImage img, div.component img.teamPic{
	border:1px solid #777;
}
div.component div.contentImage{
	float:left;
	clear:left;
	text-align:left;
	margin: 0 8px 8px 0;
}
div.component.size_1 div.contentImage{
	width: 68px;
}
div.component.size_2 div.contentImage{
	width: 98px;
}
div.component.size_3 div.contentImage{
	width: 308px;
}
div.component div.contentImage div.caption{
	width: 300px;
	padding: 3px 0 0 0;
	font-size:10px;
	text-align:left;
	margin:0 auto;
	line-height: 12px;
	color:#444;
}
div.component.size_2 div.contentImage div.caption{
	width: 90px;
}

/*
 * 	the body.siteContentEditor selector helps make the appearance
 * 	while editing match up with the front-end appearance
 */
div.siteContent ul li, body.siteContentEditor ul li{
	list-style:disc inside;
	margin-left:8px;
}
div.siteContent ul, body.siteContentEditor ul{
	margin-top:6px;
}

/*-----------------------------
*	photo gallery content
*--------------------------------*/
	div.photoGalleryComponent div.title{
		font-size: 15px;
		font-weight:bold;
		margin: 8px 0 8px 15px;
	}
	div.photoGalleryComponent div.label{
		font-weight:bold;
		font-size:11px;
		margin-left:15px;
	}
	div.photoGalleryComponent div.galleryLink{
		margin: 10px 0 10px 15px;
	}
	div.photoGalleryComponent a.button{
		width: 75px;
	}
	div.photoGalleryComponent img.photo{
		margin: 6px;
		border:1px solid #000;
	}
	div.photoGalleryComponent img.photo.large{
		float:right;
	}
	div.component.size_1 div.photoGalleryComponent div.photos{
		float:right;
		width: 80px;
		text-align:right;
	}

/*--------------------------
*	our section of the privacy policy
*---------------------------*/
	div.ourPolicy{
		margin-top: 50px;
		width: 600px;
		text-align:justify;
	}
	div.ourPolicy p{
		margin-top:12px;
	}

/*======================
*	custom page
*=======================*/
	div#contactUsPageBody{
		float:left;
		width: 345px;
	}
	div#contactUsPageBody h4{
		margin: 20px 0 6px 0;
	}	
	div#contactUsPageBody div.componentRow,div#contactUsPageBody div.component.size_3{
		width: 325px;
		margin-right: 20px;
	}
	div#requestInfoForm{
		float:left;
		width:350px;
		margin-top: 25px;
	}
	#privacyPolicyContainer, #paymentPolicyContainer{
		margin: 12px 20px 12px 12px;
	}