/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 970px){
	img									{ max-width: 100%; }
	.skCntArea							{ width: 95%; }
	.skWidth							{ width: 90%; }
	ul.banner,
	.skAction,
	.skSocial,
	.skLogo,
	.skBanner							{ padding-top: 6px; padding-bottom: 6px; }
	.skSlider							{ float: none; display: table; margin: auto; padding-bottom: 48px; }
	.skNews,
	.skEvents,
	.skSocialMedia						{ float: none; width: auto; }
	.skSocialMedia						{ padding-bottom: 48px; }
	.skSocialMedia .content:after		{ display: none; }
	.skSocialMedia .feeds,
	.skSocialMedia ul.skTabs				{ float: none; width: auto; }
	.skSocialMedia ul.skTabs				{ text-align: center; border-bottom: 10px solid #c7c7c7; }
	.skSocialMedia ul.skTabs li			{ display: inline-block; }
	.skSocialMedia ul.skTabs li.ui-tabs-active a:after
										{ border-bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
										border-top: 10px solid #429538; right: auto; bottom: -10px; top: auto; left: 50%; margin: 0 0 0 -10px; }
	ul.announcement						{ margin: -1%; }
	ul.announcement li.item				{ padding: 1%; width: 31.33%; }
	ul.announcement .detail				{ width: auto; height: auto; }
	ul.announcement .popup				{ position: relative; top: auto !important; display: block; background: transparent; }
	ul.announcement .summary				{ text-shadow: inherit; color: #429538; padding: 12px 0; }
	.ftLinks							{ width: 33.33%; }
	h2.ftHead							{ padding: 18px 0 8px; }
	.inner-width,
	.inner-table,
	.inner-cell							{ display: block; }
	#Body .LeftPane						{ width: 65%; padding: 0 4% 0 0; float: left;}
	#Body .RightPane						{ width: 31%; float: right; }
}
@media screen and (max-width: 900px){
	.skLogo,
	.skBanner							{ display: block; padding: 6px 0; }
	.skPlayerOfWeek .banner:after		{ content: "a"; }
	.skPlayerOfWeek .banner img			{ display: none; }
}
@media screen and (max-width: 768px){
	#dnnStandardMenu					{ display: none; }
	.skSlider							{ display: block; width: auto; }
	.skSlider .r620375 ul.list li.item > img, 
	.skSlider .r620375 ul.list li.item > a > img
										{ width: auto; height: auto; }
	.skSlider .r620375 .pager			{ position: relative; top: auto; left: auto; display: block; 
										padding: 12px 0 0 0; text-align: center; }
	.skSlider .r620375 .pager a			{ float: none; display: inline-block; }
	.skPlayerOfWeek						{ display: none; }
	.respPlayerOfWeek					{ display: block; }
	ul.announcement li.item				{ padding: 1%; width: 48%; }
	.ftLinks							{ width: 50%; }
}
@media screen and (max-width: 620px){
	.skInfo .left,
	.skInfo .right						{ float: none; width: auto; text-align: center; }
	.skInfo .left						{ padding-bottom: 18px; }
	ul.skTabs li.item a .icon				{ display: none; }
	#Body .LeftPane						{ width: auto; padding: 0; float: none;}
	#Body .RightPane						{ width: auto; float: none; }
}
@media screen and (max-width: 480px){
	.ftLinks,
	ul.announcement li.item				{ float: none; width: auto; }
	ul.skTabs li.item a .icon				{ display: block; margin: auto; }
	ul.skTabs li.item a .text				{ display: none; }
	.respPlayerOfWeek td:first-child		{ display: none; }
}

/* Splash Page Responsive Code */
/********************************************************************/
@media screen and (max-width: 1400px){
	img 									{ max-width: 100%; }
	.spWrapper							{ width: 90%; }
	.spRow								{ width: 100%; display: table; }
	.spCol								{ float: none; display: table-cell; width: 33.33%; }
}
@media screen and (max-width: 1300px){
	.spArea a.spLink,
	.spArea a.spLink:link,
	.spArea a.spLink:visited				{ padding: 20px 30px 42px 30px; }
	
}
@media screen and (max-width: 1200px){
	.spRow, .spCol						{ display: block; width: 100%; }
}
@media screen and (max-width: 960px){
	.spArea h1.spHead span				{ display: block; }
}
@media screen and (max-width: 768px){
	.spWrapper							{ width: 80%; }
}
@media screen and (max-width: 640px){
	.spArea h1.spHead					{ font-size: 30px; line-height: 42px; }
	.spArea .spLink .title				{ font-size: 20px; line-height: 26px; margin: 0 0 6px 0; }
	.spArea .spLink .detail				{ font-size: 14px; line-height: 20px; }
	.spArea a.spLink,
	.spArea a.spLink:link,
	.spArea a.spLink:visited				{ padding: 12px 30px 18px 30px; }
}
@media screen and (max-width: 400px){
	.spArea .spLink .title				{ font-size: 16px; line-height: 24px; }
}