/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 960px){

	img										{ max-width: 100%; height: auto; }
	.skWidth								{ width: 96%; }

	/* Header CSS ***************************************/
	.sklogo									{ display: none; }
	.skMainBanner,
	.top-skSponsor							{ float: none; text-align: center; }
	.skMainBanner img						{ margin: auto; }

	/* Nav CSS ******************************************/
	#dnnStandardMenu .dnnNav					{ padding: 0; }
	#dnnStandardMenu .root					{ float: none; display: inline-block; *display: inline; zoom: 1; }

	/* Slider CSS ***************************************/
	#Body .s31Wrapper .s31Left				{ float: none; width: auto; }
	#Body .s31Wrapper .s31Left .s31 img		{ width: 100%; height: auto; }
	#Body .s31Wrapper .s31Right				{ padding: 0; }
	#Body .s31Wrapper .n31 li .notch			{ top: -10px; left: 50%; margin: 0 0 0 -10px; border-top: 0; border-left: 10px solid transparent;
											border-right: 10px solid transparent; border-bottom: 10px solid #005dab; }

	/* Field Status CSS *********************************/
	.skFsAndLnk								{ text-align: center; }
	.skFieldStatus							{ float: none; display: inline-block; *display: inline; zoom: 1; }

	/* Club Links CSS *********************************/
	.skClub,
	ul.skClubLinks li							{ float: none; display: inline-block; *display: inline; zoom: 1; }

	/* Embed HTML CSS *********************************/
	.skEmbededHTML							{ float: none; width: auto; padding-bottom: 56.25%; }

	/* Club CSS ***************************************/
	.cbLeft,
	.cbRight								{ float: none; width: auto; }

	/* Footer CSS *************************************/
	.skFtLogo								{ clear: both; margin: auto; }
	.skInfo									{ text-align: center; }

	/* Splash CSS *************************************/
	.spWidth								{ width: 96%; }
	.spArea table tr td							{ display: block; }
	.spArea .spLnk							{ margin: 0 20px 20px 20px; display: inline-block; }
	.spArea .spLogo,
	.spArea .spText							{ display: none; }
	.spArea .spRec:after						{ background: url("images/sp-notech-right.png") no-repeat scroll 0 0 transparent; width: 20px; right: -20px; }
	.spArea .spComp:before					{ background: url("images/sp-notech-left.png") no-repeat scroll 0 0 transparent; width: 20px; left: -20px; }
	.spFooter .spMember						{ margin: auto; }
	.spArea .spRow							{ padding: 0; }
	.spArea .spFooter .spRow					{ padding: 20px 0; }
	.spFooter img.spSponsor,
	.spFooter svg.spSponsor					{ margin: 20px 10px; }
	.spFieldStatus							{ text-align: center; }
	.spRespLogo								{ display: block; text-align: center; }
	.spMember,
	.spRespShow								{ display: inline-block; vertical-align: middle; }
	.spRespHide								{ display: none; }
	.inner-width,
	.inner-table,
	.inner-cell								{ display: block; }
	#Body .LeftPane							{ width: 62%; padding: 0 3% 0 0; float: left;}
	#Body .RightPane							{ width: 35%; float: right; }
	.spTopMarginMinus                                         { margin-top: 0;}
	.spLnk.spTour                                                 { width: auto !important;}
	
}
@media screen and (max-width: 700px){
	.spFooter img.spSponsor,
	.spFooter svg.spSponsor					{ height: 40px; }
	.spLnk a.recreationLink                                   { padding-left: 0;}
	.spLnk a.competitiveLink                                { padding-right: 0;}
	.spLnk.spCamps                                                  { margin-right: 0; margin-left: 0;}
	.spLnk a.campsLink                                           { padding-left: 0;}
	.spLnk.spTournament                                          { margin-left: 0;}
}
@media screen and (max-width: 640px){

	/* Header CSS ***************************************/
	.top-skSponsor img						{ max-width: 120px; }

	/* Nav CSS ******************************************/
	.skNav									{ display: none; }

	/* Field Status CSS *********************************/
	.skFieldStatus							{ padding: 0 9px; margin: 0 0 24px 0; }

	/* Club Links CSS *********************************/
	ul.skClubLinks li,
	ul.skClubLinks li.last						{ padding: 0 9px; }
	#Body .LeftPane							{ width: auto; padding: 0; float: none; }
	#Body .RightPane							{ width: auto; float: none; }
	#Body .spMiddleSpace                                     { display: none;}  
	.spArea table tr td                                              { width: 100%;} 
	.spFieldStatus .fsOpen                                  { text-decoration: none;}
}
@media screen and (max-width: 480px){

	/* Header CSS ************************************/
	.skheader,
	.top-skSponsor							{ display: none; }

	/* Club Links CSS *******************************/
	ul.skClubLinks li img						{ max-width: 100px; }

	/* Site Links CSS *******************************/
	.skSiteLinks							{ float: none; width: auto; padding: 0 0 48px 0; text-align: center; }
	ul.skFtList								{ float: none; width: auto; display: inline-block; *display: inline; zoom: 1; padding: 0 12px; }

	/* Contact CSS **********************************/
	.skContact								{ float: none; width: auto; text-align: center; padding: 0 0 48px 0; }

	/* Footer CSS ***********************************/
	.skInfo a.SkinObject,
	.skInfo a.SkinObject:link, 
	.skInfo a.SkinObject:visited				{ white-space: nowrap; }

	/* Splash CSS *************************************/
	.spArea .spLnk a, 
	.spArea .spLnk a:link, 
	.spArea .spLnk a:visited					{ font-size: 32px; }

	/* Splash CSS *************************************/
	.spFieldStatus .fsHead					{ display: block; }
	.spFieldStatus .fsHead:before			{ content: " - "; }
	.spFooter img.spSponsor,
	.spFooter svg.spSponsor					{ height: auto; margin: 10px; }
	

}
@media screen and (max-width: 360px){

	/* Header CSS ************************************/
	a.actionLink, a.actionLink:link, a.actionLink:visited { font-size: 16px;padding: 2px 0;}

	/* Club Links CSS *******************************/
	ul.skClubLinks li img						{ max-width: 80px; }

}