/********************************************************************/
/* Website Developed by : Blue Sombrero 							*/
/* Skin 018 ( Force Sports )										*/
/* Created: 03-22-2013 by Anita										*/
/* Updated: 08-02-2013 by Krunal									*/
/********************************************************************/

@font-face {
	font-family: 'Gothic';
	src: url('fonts/trade-gothic-webfont.eot');
	src: url('fonts/trade-gothic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/trade-gothic-webfont.woff') format('woff'),
		 url('fonts/trade-gothic-webfont.ttf') format('truetype'),
		 url('fonts/trade-gothic-webfont.svg#gothic') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 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: Arial,Helvetica,sans-serif; height: 100%;
										background: #fff; color: #001b4d; line-height: 20px; 
										font-weight: normal; }
.AlertText a,
.AlertText a:link,
.AlertText a:visited				{color: #ffc423;}
.AlertText a:hover,
.AlertText a:focus,
.AlertText a:active				{color: #ebeaea;}

/* Text CSS */
/********************************************************************/
h1, h2, h3, h4, h5, h6					{ font-family: Arial,Helvetica,sans-serif; 
										font-weight: normal; color: #000; 
										padding: 0 0 18px 0; }
h1										{ font-size: 28px; line-height: 32px; }
h2										{ font-size: 26px; line-height: 30px; }
h3										{ font-size: 24px; line-height: 26px; }
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;}
ul ul, ol ol,
ul ol, ol ul 								{ padding: 0; }
ul li                                                                { list-style-type: disc; }
ul li, ol li									{ padding: 0; margin: 0;}
sup										{ vertical-align: top; font-size: 8px; }
small									{ font-size: 8px; }
.Normal, 
.NormalDisabled,
.BoldText,
.NormalRed,
.SubHead,
.SkinObject								{ font-family: Arial,Helvetica,sans-serif; font-weight:normal;
										font-size: 14px; line-height: 20px; text-align: left; }

.Normal, .NormalDisabled				{ color:#666; }
.BoldText								{ color:#666; font-weight:bold;}
.NormalRed								{ color:#cd0000; font-weight:bold; }
.SubHead								{ color:#001b4d; }
.SkinObject								{ color:#001b4d; }

/* 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: inherit;
										font-weight: normal; font-size: inherit; text-decoration: none;
										line-height: inherit; color: #001b4d; }
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: 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: #ffc423; color: #000; display: inline-block; border: 1px solid #bd2500;
										font-size: 14px; line-height: 20px; margin: 12px 0; padding: 8px 12px; }
.StandardButton:hover, 
.StandardButton:focus					{ background: #1c1649; border-color: #05002b; outline: none; text-decoration: none; color: #fff; }

/* 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; }

/* Mobile Nav CSS */
/********************************************************************/
.mobNav									{ display: none; width: 100%; background: #ffc423; z-index: 4; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
										-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); margin: 0 0 18px 0; }
a.mobNavLink,
a.mobNavLink:link,
a.mobNavLink:visited					{ float: right; display: block; height: 32px; width: 32px; margin: 6px;
										background: transparent url(images/menu-toggle-button.png) right top no-repeat; 
										font-size: 16px; line-height: 32px; padding: 0 46px 0 0; text-transform: uppercase;
										color: #000; font-weight: bold; }
a.mobNavLink:hover,
a.mobNavLink:focus,
a.mobNavLink:active 						{ text-shadow: 1px 1px 0 rgba(255,255,255,0.5); background-position: right bottom; }

/* Skin CSS */
/********************************************************************/
.skin-width								{ width: 960px; margin: auto; }
.skin-actions							{ background: #6a6b6c; padding: 7px 0; }
.skin-social,
.skin-contact							{ float: right;}
.skin-contactleft						{ float: left;}

a.social-link,
a.social-link:link,
a.social-link:visited					{ display: block; float: left; text-indent: -9999px; height: 16px; width: 16px;
										background-image: url(images/icn-social.png); background-repeat: no-repeat;
										background-color: transparent;margin: 0 0 0 7px; }
a.email,
a.email:link 							{ background-position: 0 0; }
a.email:hover,
a.email:focus 							{ background-position: 0 -16px; }
a.facebook,
a.facebook:link 							{ background-position: -16px 0; }
a.facebook:hover,
a.facebook:focus 						{ background-position: -16px -16px; }
a.twitter,
a.twitter:link 							{ background-position: -32px 0; }
a.twitter:hover,
a.twitter:focus 							{ background-position: -32px -16px; }
.skin-header							{ position: relative; z-index: 11; }
.skin-logo 								{ top: -34px; left: 50%; margin: 0 0 0 -260px; position: absolute; }
.skin-logo img							{ width: 250px; height: 120px; }
h1.skin-banner							{ border-bottom: 8px solid #ffc423; padding: 32px 0 0 0; color: #ffc423; 
										font-family: 'Gothic',Arial,Helvetica,sans-serif; font-size: 32px; 
										line-height: 22px; text-transform: uppercase; }
span.contact-info						{ font-family: 'Gothic',Arial,Helvetica,sans-serif; font-size: 14px; 
										line-height: 18px; font-weight: 200; color:#fff; padding:0 16px 0 0;}
span.contact-info span					{ color: #ffc423; padding: 0 2px 0 0;}
.skin-content,
.skin-content .skin-width				{ position: relative; }
.skin-skinLoginleft						{ float: left; padding: 0 10px 0 0;}
.skin-nav								{ position: relative; z-index: 10; }
.cb-slider								{ border-bottom: 5px solid #ffc423; }
.has-slider								{ position: absolute; width: 100%; }
.cb-row									{ padding: 22px 0;}
h2.cbHeader								{ border-bottom: 5px solid #0c110b; 
										font-family:  'Gothic',Arial,Helvetica,sans-serif; 
										font-size: 22px; line-height: 32px; padding:0; 
										text-transform: uppercase; }
.cbContent								{ padding: 22px 0; }
.skin-footer							{ background: #6a6b6c; padding: 18px 0 36px 0;}
.skin-ftright							{ float: right; color: #fff;}
a.skinLogin,
a.skinLogin:link,
a.skinLogin:visited,
.skin-footer .SkinObject,
.skin-footer a.SkinObject,
.skin-footer a.SkinObject:link,
.skin-footer a.SkinObject:visited 		{ font-size: 12px; line-height: 16px; color: #fff; font-family: 'Gothic',Arial,Helvetica,sans-serif; }
a.skinLogin,
a.skinLogin:link,
a.skinLogin:visited						{ font-size: 14px; line-height: 18px; text-transform: uppercase; margin:4px; }
a.skinLogin:hover,
a.skinLogin:focus,
a.skinLogin:active,
.skin-footer a.SkinObject:hover,
.skin-footer a.SkinObject:focus,
.skin-footer a.SkinObject:active			{ color: #ffc423;}
.skin-footer a.hiddenlogin,
.skin-footer a.hiddenlogin:link,
.skin-footer a.hiddenlogin:visited		{ color: #6a6b6c; }
.skin-footer a.hiddenlogin:hover,
.skin-footer a.hiddenlogin:focus,
.skin-footer a.hiddenlogin:active 		{ color: #000; }
.ftlogo									{ float: left; padding: 0 0 0 30px;}
.inner-skinWP							{ padding: 22px 0; }
.inner-skinWP .NewsPane,
.inner-skinWP .RightPane					{ width: 280px; padding: 0 0 0 18px; vertical-align: top; }
.inner-skinWP .Pane1,
.inner-skinWP .Pane2,
.inner-skinWP .Pane3						{ width: 288px; padding: 0 18px 0 0; vertical-align: top;}
.inner-skinWP .Pane3						{ margin: 0; }


/* Content Link CSS */
/********************************************************************/
.cb-links								{ float: left;  width: 696px; padding: 0; }
ul.featureWP 							{ margin: 0; padding: 0;}
ul.featureWP:after						{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
li.featureItem							{ float: left; list-style: none; width: 210px; padding: 0 22px 0 0; margin: 0 0 22px 0;
										height: 226px; overflow: hidden; position: relative; }
li.featureItem img						{ max-width: 100%; }
span.featureHead							{ background-color: #000; display: block; padding: 8px; 
										font-family: 'Gothic',Arial,Helvetica,sans-serif; 
										font-size: 18px; line-height: 20px; color: #ffc423;
										position: relative; z-index: 1; }
.featureLinks							{ padding: 12px; background-color: rgba(0,0,0,0.7); height: 168px; 
										position: absolute; top: 226px; width: 186px; }
ul.qfLinkWrapper							{ margin: 0; padding: 0; }
li.qfLinkItem							{ display: block; list-style: none; padding: 4px 0; }
a.qfLink,
a.qfLink:link,
a.qfLink:visited						{ color: #ffc423; }
a.qfLink:hover,
a.qfLink:focus,
a.qfLink:active							{ color: #fff; }

/* Calender CSS */
/********************************************************************/
.cb-eventsWP							{ float: left; width: 264px; padding: 22px 0 0; }
.cb-eventsWP img							{ max-width: 100%; }
ul.eventList								{ margin: 0; padding: 0;}
li.eventItem 								{ margin: 0; padding: 0 0 18px 0; list-style: none; } 
a.eventLink,
a.eventLink:link,
a.eventLink:visited						{ color: #001b4d; text-decoration: underline; }
a.eventLink:hover						{ color: #000; }
h3.eventHead							{ padding: 0; margin: 0; font-weight: bold;
										font-size: 14px; line-height: 18px; color: #0c110b; }
.eventDate								{ display: block; }
.eventDate,
.eventSummary							{ font-size: 14px; line-height: 20px; color: #666; padding: 0; margin: 0; }

ul.schedulesList							{ margin: 0; padding: 0; }
li.schedulesItem							{ margin: 0; padding: 0; list-style: none;}
a.schedulesLink:link,
a.schedulesLink:visited					{ font-size: 14px; line-height: 18px; color: #001b4d; text-decoration: underline;}
a.schedulesLink:hover,
a.schedulesLink:focus,
a.schedulesLink:active					{ color: #000; }

/* Content instagram CSS */
/********************************************************************/
.cb-instagram							{ float: left; width: 100px; padding: 22px 0 0 0; }
.cb-instagram .caroufredsel_wrapper		{ margin: 8px 0 !important;}
.instagramWp							{ padding: 9px 0; }
.insCarlPV,
.insCarlNT								{ display: block; border-top: 5px solid #0c110b; }
.insCarlPV:hover,
.insCarlNT:hover						{ border-color: #ffc423; }
ul.instagramList							{ margin: 0; padding: 0;}
ul.instagramList:after					{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
li.instagramItem							{ list-style: none; margin: 0; padding: 4px 0;}
li.instagramItem-last					{ padding: 0; }

/* Site Links CSS */
/********************************************************************/
.site-links								{ display: table; float: left; }
ul.SiteLinksWP							{ margin: 0; padding: 0 42px 0 18px; border-right: 1px solid white; display: table-cell; *display: inline; *zoom: 1; }
ul.SiteLinksWP-first						{ padding: 0 42px 0 0; }
ul.SiteLinksWP-last						{ border-right: none; }
li.SiteLinksItem							{ margin: 0; padding: 0; list-style: none; padding: 4px 0; }
a.SiteLink:link,
a.SiteLink:visited						{ font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase;
										font-family: 'Gothic',Arial,Helvetica,sans-serif; }
a.SiteLink:hover,
a.SiteLink:focus,
a.SiteLink:active						{ color: #ffc423;}

/* Upcoming Event & League Schedules CSS */
/********************************************************************/
.cb-event h1,
.cb-event h2,
.cb-event h3,
.cb-event h4,
.cb-event h5,
.cb-event h6,
.cb-schedules h1,
.cb-schedules h2,
.cb-schedules h3,
.cb-schedules h4,
.cb-schedules h5,
.cb-schedules h6							{ padding: 0; }
.cb-event,
.cb-schedules							{ color: #666; }
.cb-event a,
.cb-event a:link,
.cb-event a:visited,
.cb-schedules a,
.cb-schedules a:link,
.cb-schedules a:visited					{ color: #001b4d; text-decoration: underline; }
.cb-event a:hover,
.cb-event a:focus,
.cb-event a:active,
.cb-schedules a:hover,
.cb-schedules a:focus,
.cb-schedules a:active					{ color: #000; }

.dnnSortable {
    min-height: 110px;
	height: 110px;
}
