/********************************************************************/
/* Website Developed by : Blue Sombrero 							*/
/* Skin 035 (National Flag Football - Location)						*/
/* Created: 01 Dec 2015 by Anita									*/
/* Updated: 24 Aug 2016 by Krunal									*/
/********************************************************************/

@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Lato:100,300,400,700,900);

/* Comman CSS */
/********************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td			{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
										background: transparent; }
blockquote,q								{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,q:after						{ content:''; content: none; }
:focus									{ outline:none; }
ins										{ text-decoration:none; }
del										{ text-decoration:line-through; }
form										{ height: 100%; }
img										{ border: 0; padding: 0; margin: 0; }
html, body								{ text-align: left; font-size: 14px; margin: 0; padding: 0;
										font-family: 'Lato',Arial,Helvetica,sans-serif; height: 100%;
										background: #fff; color: #525252; line-height: 20px; 
										font-weight: normal; }
.AlertText a:hover,
.AlertText a:focus,
.AlertText a:active				{color: #ebeaea;}
/* Text CSS */
/********************************************************************/
h1, h2, h3, h4, h5, h6					{ font-family: 'Oswald',Arial,Helvetica,sans-serif; font-weight: 400; color: #fe0000; padding: 0 0 18px 0; }
h1										{ font-size: 40px; line-height: 62px; color: #000; }
h2										{ font-size: 32px; line-height: 36px; }
h3										{ font-size: 26px; line-height: 32px; }
h4										{ font-size: 20px; line-height: 22px; }
h5	 									{ font-size: 18px; line-height: 20px; }
h6										{ font-size: 16px; line-height: 20px; }
p										{ padding: 0 0 18px 0; }
ul, ol									{ padding: 0 0 18px 0; margin: 0 0 0 24px;}
sup										{ vertical-align: top; font-size: 8px; }
small									{ font-size: 8px; }
td[valign=middle]						{ vertical-align: middle; }
td[valign=top]							{ vertical-align: top; }
td[valign=bottom]						{ vertical-align: bottom; }
.Normal, 
.NormalDisabled,
.BoldText,
.NormalRed,
.SubHead,
.SkinObject								{ font-family: 'Lato',Arial,Helvetica,sans-serif; font-weight:normal;
										font-size: 14px; line-height: 20px; text-align: left; }

.Normal, .NormalDisabled				{ color: #525252; }
.BoldText								{ font-weight: bold;}
.NormalRed								{ color: #cd0000; font-weight: bold; }
.SubHead								{ color: #fe0000; }
.SkinObject								{ color: #fe0000; }

/* Link CSS */
/********************************************************************/
a, a:link, a:visited,
a.CommandButton, 
a.CommandButton:link, 
a.CommandButton:visited,
a.SkinObject, 
a.SkinObject:link,
a.SkinObject:visited					{ font-family: 'Lato',Arial,Helvetica,sans-serif;
										font-weight: normal; font-size: inherit; text-decoration: none;
										line-height: inherit; color: #fe0000; }
a:active, a:hover, a:focus,
a.CommandButton:active, 
a.CommandButton:hover, 
a.CommandButton:focus,
a.SkinObject:hover , 
a.SkinObject:focus,
a.SkinObject:active						{ color: #000; }
.paneOutline							{ outline: 1px dotted #000; border: none; }
.paneOutline center						{ text-align: center; }
.paneOutline .SubHead					{ color: #000; }

/* DNN Empty Pane CSS For IE */
/********************************************************************/
.DNNEmptyPane							{ font-size: 0px; line-height: 0px; display: none; }

/* Input CSS */
/********************************************************************/
input.NormalTextBox,
textarea.NormalTextBox,
select.NormalTextBox						{ font-family: 'Lato',Arial,Helvetica,sans-serif;
										font-weight:normal; font-size: 14px; line-height: 22px;
										height: 22px; background: #f6f6f6; border: 1px solid #acacac; 
										padding: 2px 8px; margin: 2px 0px; color:#222; }
select.NormalTextBox						{ padding: 2px 2px 2px 8px; }
input.NormalTextBox:focus, 
input.NormalTextBox:hover,
textarea.NormalTextBox:focus,
textarea.NormalTextBox:hover,
select.NormalTextBox:focus,
select.NormalTextBox:hover				{ border-color:#222; }
textarea.NormalTextBox, select.NormalTextBox
										{ height: auto; }

/* Button CSS */
/********************************************************************/
.StandardButton							{ background: #fe0000; color: #fff; display: inline-block; border: none;
										font-size: 14px; line-height: 20px; margin: 12px 0; padding: 8px 12px; }
.StandardButton:hover, 
.StandardButton:focus					{ background: #000; color: #fff; outline: none; text-decoration: none; }

/* Float CSS */
/********************************************************************/
.float-left								{ float:left; }
.float-right							{ float:right; }
.clear:after							{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear-both								{ clear:both; font-size: 0px; line-height: 0px; height: 0px; }

/* DNN Overwrite CSS */
/********************************************************************/
.textAlignRight							{ text-align: right; }
.textAlignCenter						{ text-align: center; }
.FileManager_FileList 					{ margin: 2px 0 0 0; }
.rgMasterTable							{ width: 100%; }
.rgCurrentPage span						{ line-height: 22px; }
input.rgPagerTextBox						{ width: 24px!important; }
.termsContainer, 
.privacyContainer						{ padding: 12px; }
.FileManager_FileList 					{ margin: 2px 0 0 0; }
.rgMasterTable							{ width: 100%; }
.rgCurrentPage span						{ line-height: 22px; }
input.rgPagerTextBox						{ width: 24px!important; }

/* DNN 6 Fix */
/********************************************************************/
#dnnCPWrap a,
#dnnCPWrap a:link,
#dnnCPWrap a:visited						{ text-decoration: none; }
#dnnCPWrap a:hover span, #dnnCPWrap a:active span,
#dnnCPWrap a:focus span, #dnnCommonTasks a:hover, 
#dnnCommonTasks a:active, #dnnCommonTasks a:focus, 
#dnnCurrentPage a:hover, #dnnCurrentPage a:active, 
#dnnCurrentPage a:focus, #dnnOtherTools a:hover, 
#dnnOtherTools a:active, #dnnOtherTools a:focus
										{ text-decoration: underline; }
/*Skin CSS */
/********************************************************************/
.skWidth								{ width: 974px; margin: auto; }
.skArea									{ background: #393939 url(images/skinbg.jpg) center top no-repeat;}
.skTopbar								{ background: #000; border-bottom: 6px solid #fe0000; padding: 26px 0; position: relative;   }
.skAction								{ float: right; padding: 0 18px; }
.skLogin,
.skSocial								{ float: left; }
.skLogin								{ padding: 0 0 0 18px; }
a.actionLink,
a.actionLink:link,
a.actionLink:visited					{ font-family: 'Oswald',Arial,Helvetica,sans-serif; color: #fff; font-size: 16px; line-height: 20px; 
										background: #fe0000; text-transform: uppercase; padding: 8px 12px; margin: 0 0 0 12px; 
										display: block; float: left; }
a.actionLink:hover,
a.actionLink:focus,
a.actionLink:active						{ background: #fff; color: #fe0000; }
.skSocial a.link,
.skSocial a.link:link,
.skSocial a.link:visited					{ float: left; display: block; text-indent: -100px; height: 34px; width: 34px; overflow: hidden;
										margin: 0 0 0 10px; background: transparent url(images/icn-social.png) 0 0 no-repeat; }
.skSocial a.facebook,
.skSocial a.facebook:link,
.skSocial a.facebook:visited				{ background-position: 0 0; }
.skSocial a.facebook:hover,
.skSocial a.facebook:active,
.skSocial a.facebook:focus				{ background-position: 0 -35px; }
.skSocial a.instagram,
.skSocial a.instagram:link,
.skSocial a.instagram:visited			{ background-position: -35px 0; }
.skSocial a.instagram:hover,
.skSocial a.instagram:focus				{ background-position: -35px -35px; }
.skSocial a.twitter,
.skSocial a.twitter:link,
.skSocial a.twitter:visited				{ background-position: -70px 0; }
.skSocial a.twitter:hover,
.skSocial a.twitter:active,
.skSocial a.twitter:focus				{ background-position: -70px -35px; }
.skSocial a.google,
.skSocial a.google:link,
.skSocial a.google:visited				{ background-position: -105px 0; }
.skSocial a.google:hover,
.skSocial a.google:focus					{ background-position: -105px -35px; }
.skSocial a.youtube,
.skSocial a.youtube:link,
.skSocial a.youtube:visited				{ background-position: -140px 0; }
.skSocial a.youtube:hover,
.skSocial a.youtube:focus				{ background-position: -140px -35px; }
.skSocial a.snapchat,
.skSocial a.snapchat:link,
.skSocial a.snapchat:visited				{ float: left; display: block; text-indent: -100px; height: 34px; width: 34px; overflow: hidden;
										margin: 0 0 0 10px; background: transparent url(images/icn-snapchat.png) top left no-repeat;}
.skSocial a.snapchat:hover,
.skSocial a.snapchat:focus				{ background-position: bottom left; }
.skSocial a.linkedin,
.skSocial a.linkedin:link,
.skSocial a.linkedin:visited			{ background-position: -175px 0; }
.skSocial a.linkedin:hover,
.skSocial a.linkedin:focus				{ background-position: -175px -35px; }
.skWrapper								{ background: #fff;  padding: 0 0 40px 0; }
.skLogo									{ position: absolute; width: 262px; height: 135px; background: transparent url(images/logo-wrapper.png) 0 0 no-repeat; 
										padding: 17px 11px; top: -37px; left: -37px; z-index: 1; }
.skLogo img								{ width: 262px; height: 135px; }
.skHeadLeft								{ position: relative; }
.skHeadRight							{ padding: 0 0 0 250px; }
.skBanner								{ padding: 0 10px; font-size: 45px; line-height: 64px; font-weight: bold; text-transform: uppercase; }
.skLeft									{ float: left; width: 315px; }
.skRight								{ float: right; padding: 0 16px 0 0; width: 600px;  }

/* Inner Panes CSS */
/********************************************************************/
.video-container 						{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, 
.video-container object, 
.video-container embed 					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Inner Panes CSS */
/********************************************************************/
.innerSkin .skInContent					{ padding: 18px 18px 0 18px; }
.innerSkin .skWrapper					{ padding: 0; }
.innerSkin .skLogo						{ position: relative; float: left; top: auto; left: auto; margin: -37px 0 0 -37px;}
.LeftPane								{ float: left; width: 600px; padding: 0 20px 0 0; }
.RightPane								{ float: right; width: 318px; }
.inner-width							{ display: table; max-width: 100%; }
.inner-table							{ display: table; width: 100%; }
.inner-cell								{ display: table-cell; float: none; }

/* Home Page Setting Panel Overwrite CSS */
/********************************************************************/
#Body a.sWebTheme_ActionsLinks:hover span, 
#Body a.sWebTheme_ActionsLinks:focus span, 
#Body a.sWebTheme_ActionsLinks:active span
										{ background: #fe0000; }

/* Container CSS */
/********************************************************************/
.blContainer							{ background: #000; margin: 0 -6px 0 -22px; text-align: center; -webkit-box-shadow: 0 0 10px #000;
										-moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; position: relative; }
.blContainer  h2.head,
.blContainer  h2.head a 					{ color: #fff; font-size: 22px; line-height: 26px; font-family: 'Oswald',Arial,Helvetica,sans-serif;
										display: block; padding:  12px 0; text-decoration: none; text-align: center; font-weight: normal; 
										text-transform: uppercase;}
.blContainer  h2.head a:hover,
.blContainer  h2.head a:focus,
.blContainer  h2.head a:active			{ color: #fe0000;}
/* Slider CSS */
/********************************************************************/
.skSlider								{ padding: 8px 18px 18px 18px; }

/* Tabs CSS */
/********************************************************************/
.skTabsCnt								{ max-height: 900px; padding: 0 50px 0 0; overflow: auto; text-align: center; display: none; }
.skTabsCnt .head							{ text-transform: uppercase; }
.topNotch,
.bottomNotch							{ background: transparent url(images/red-topnotch.png) 0 0 no-repeat; height: 10px; 
										position: relative; display: block; }
.topNotch								{ top: -10px; }
.bottomNotch							{ background: transparent url(images/red-bottomnotch.png) 0 0 no-repeat; bottom: -10px; }
.skTabs ul.nav							{ margin: 0; padding: 0; }
.skTabs ul.nav li.item						{ margin: 0; padding: 0; list-style: none; position: relative; }
.skTabs ul.nav li.item:before				{ content: ""; position: absolute; bottom: 0px; height: 1px; background: #3f3f3f;
										width: 90%; left: 5%; right: 5%; -webkit-box-shadow: 0 0 0 5px #171717;
										-moz-box-shadow: 0 0 0 5px #171717; box-shadow: 0 0 0 5px #171717; }
.skTabs ul.nav .notch						{ position: absolute; top: 0; right: -14px; height: 51px; width: 40px; display: none;
										background: transparent url(images/img-tabs-notch.png) 0 0 no-repeat; }
.skTabs ul.nav li.item a.link,
.skTabs ul.nav li.item a.link:link,
.skTabs ul.nav li.item a.link:visited		{ color: #fff; font-size: 22px; line-height: 27px; font-family: 'Oswald',Arial,Helvetica,sans-serif;
										display: block; padding:  12px 0; text-decoration: none; text-align: center; 
										text-transform: uppercase; }
.skTabs ul.nav a.active,
.skTabs ul.nav li.ui-tabs-active a.link,
.skTabs ul.nav li.ui-state-active a.link	{ background: #000; -webkit-box-shadow: inset 0 0 10px 10px rgba(254,0,0,0.5), inset 0 0 0 3px #fe0000; position: relative;
										-moz-box-shadow: inset 0 0 10px 10px rgba(254,0,0,0.5), inset 0 0 0 3px #fe0000; 
										box-shadow: inset 0 0 10px 10px rgba(254,0,0,0.5), inset 0 0 0 3px #fe0000; }
.skTabs ul.nav a.active .notch,
.skTabs ul.nav li.ui-tabs-active .notch,
.skTabs ul.nav li.ui-state-active .notch	{ display: block;  }

/* Sponsors css */
/********************************************************************/
.skSponsor								{ position: relative; padding: 0 90px; }
.blContainer .skSponsor h2.head			{ padding: 24px 0; }
.skSponsor .content						{ padding: 0 0 24px 0; }
.skSponsor ul.list						{ margin: 0; padding: 0; }
.skSponsor li.item						{ margin: 0; padding: 0 12px; list-style: none; float: left; }
.skSponsor a.link img						{ -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.skSponsor a.link:hover img				{ -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95);
										-ms-transform: scale(0.95); transform: scale(0.95); }
.skSponsor .prev,
.skSponsor .next							{ top: 50%; height: 40px; width: 20px; position: absolute;
										background: transparent url(images/img-sponsor-arrow.png) left top no-repeat;
										z-index: 1; text-indent: -999px; overflow: hidden; }
.skSponsor .prev							{ left: 50px ; }
.skSponsor .next							{ right: 50px; background-position: right top; }
.skSponsor .prev:hover					{ background-position: left bottom; }
.skSponsor .next:hover					{ background-position: right bottom; }
.skMobileSponsor						{ display: none; }

/* State Sponsors css */
/********************************************************************/
.skStateSponsor							{ position: relative; border-top: 1px solid #afafaf; padding: 24px 0 0 0; }
.skStateSponsor .content					{ padding: 0 30px 24px 30px; }
.skStateSponsor h2.head					{ color: #fe0000; font-size: 25px; line-height: 30px; text-transform: uppercase; text-align: center; }
.skStateSponsor .prev,
.skStateSponsor .next					{ top: 50%; height: 50px; width: 25px; position: absolute;
										background: transparent url(images/img-sponsor-arrow-2.png) left top no-repeat;
										z-index: 1; text-indent: -999px; overflow: hidden; }
.skStateSponsor .prev					{ left: 0 ; }
.skStateSponsor .next					{ right: 0; background-position: right top; }
.skStateSponsor .prev:hover				{ background-position: left bottom; }
.skStateSponsor .next:hover				{ background-position: right bottom; }

/* News css*/
/********************************************************************/
.skNews									{ background: #efefef; }
.skMobileNews							{ display: none; }
.skNews .skContent						{ padding: 16px 14px; }
.skNews h2.head							{ color: #fe0000; font-size: 30px; line-height: 34px; text-align: center; 
										text-transform: uppercase; padding: 16px 0 0; font-weight: normal; }
.skNews a.btn,
.skNews a.btn:link,
.skNews a.btn:visited					{ background: #000; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 16px; line-height: 20px; color: #fff; 
										padding: 8px 26px; display: table; margin: 10px auto 0; text-transform: uppercase; }
.skNews a.btn:hover						{ background: #fe0000; color: #fff; }
.skNews ul.list							{ padding: 0; margin: 0; }
.skNews ul.list li.item					{ list-style: none; margin: 0; padding: 6px 22px 6px 6px; border-bottom: 1px solid;
										background: transparent url(images/link-arrow.png) right center no-repeat;}
.skNews ul.list a.link:after				{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.skNews ul.list a.link,
.skNews ul.list a.link:link,
.skNews ul.list a.link:visited			{ display: block; }
.skNews ul.list .title					{ font-family: 'Oswald',Arial,Helvetica,sans-serif; padding: 12px 0; font-size: 17px; line-height: 22px; 
										padding: 0 0 0 59px; text-transform: uppercase; color: #000; display: block; }
.skNews ul.list .date						{ float: left; width: 36px; text-align: center; font-family: 'Oswald',Arial,Helvetica,sans-serif; text-transform: uppercase; }
.skNews ul.list .month					{ font-size: 14px; line-height: 20px; color: #fe0000; display: block; }
.skNews ul.list .day						{ font-size: 26px; line-height: 30px; color: #000; display: block;  }
.skNews ul.list a.link:hover .title		{ color: #fe0000; }

/* Contact css*/
/********************************************************************/
.skContact .content						{ padding: 0 30px 0 86px; text-align: left; }
.skContact .content,
.skContact .content h3,
.skContact .content p					{ font-size: 16px; line-height: 20px; font-weight: normal; color: #fe0000; }
.skContact .content a.link,
.skContact .content a.link:link,
.skContact .content a.link:visited		{ font-size: 13px; line-height: 20px; font-weight: normal; color: #fff; text-decoration: underline; }
.skContact .content a.link:hover			{ color: #fe0000; }
.skFooterContact						{ display: none; }
.skFooterContact .content				{ padding: 0; }

/* Footer css*/
/********************************************************************/
.skFooter								{ background: #000; border-top: 6px solid #fe0000; padding: 40px 0; }
.skFooter h2.head						{ color: #fff; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: normal; }
.skFooterInner							{ padding: 0 54px; }
.skSiteLink								{ padding: 0 0 40px 0; }
.skSiteLink ul.list						{ margin: 0; padding: 0 5% 0 0; float: left; width: 30%; }
.skSiteLink ul.list.last					{ padding: 0; }
.skSiteLink ul.list li.item				{ margin: 0; padding: 10px 0; list-style: none; border-bottom: 1px solid #fe0000; }
.skSiteLink ul.list a.link,
.skSiteLink ul.list a.link:link,
.skSiteLink ul.list a.link:visited		{ font-family: 'Lato',Arial,Helvetica,sans-serif; font-size: 16px; line-height: 20px; color: #fff; 
										display: block; padding: 0 0 0 22px; background: transparent url(images/link-arrow.png) left center no-repeat; }
.skSiteLink ul.list a.link:hover			{ color: #fe0000; }

/* Info css*/
/********************************************************************/
.skInfo:after							{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.skInfo,
.skInfo .SkinObject,
.skInfo a.SkinObject,
.skInfo a.SkinObject:link,
.skInfo a.SkinObject:visited				{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 27px; color: #fff; }
.skInfo a.SkinObject:hover				{ color: #fe0000; }
.skInfo a img								{ -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.skInfo a:hover img						{ -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95);
										-ms-transform: scale(0.95); transform: scale(0.95); }
.skInfo .left							{ float: left; }
.skInfo .right							{ float: right; }

/* Responsive Table */
/********************************************************************/
.table-responsive 						{ min-height: .01%; overflow-x: auto; }
@media screen and (max-width: 980px){
	.table-responsive 					{ width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch;  }
}