@charset "UTF-8";
/* 
NATIONAL SPORTS CENTER

version: 1.0
last modified: 4.30.2015 by Daniel Henderson
author: Daniel Henderson
email: dan.henderson@sportngin.com

*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { background-color: #ecf0f1; }

body.user_mode { font-size: 16px; }

a:hover { color: #1c1c21; }

h1 { font: 600 2.25em/1.5em "myriad-pro",sans-serif; text-transform: uppercase; color: #003468; }

h2 { font: 300 1.5em/1.5em "myriad-pro",sans-serif; text-transform: uppercase; color: #003468; }

h3 { color: #bb161d; font: 700 1.5em/1.5em "myriad-pro",sans-serif; text-align: left; }

h4 { color: #bb161d; font: 700 1.125em/1.5em "myriad-pro",sans-serif; }

h5 { font: 700 1em/1.5em "myriad-pro",sans-serif; }

h6 { font: 300 1em/1.5em "myriad-pro",sans-serif; font-style: italic; }

.textBlockElement .text { font-size: 16px; }

hr, .hrElement { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/line-arrow.png"); background-position: center center; display: block; height: 6px; position: relative; width: 100%; margin-top: 20px; margin-bottom: 30px; border: 0px; }

#adminNav, .adminToggle { top: 0px !important; right: 0px; position: fixed !important; z-index: 2; height: 40px; }

#adminNav { top: 100px; }

#accountNav { width: 100%; max-width: 1440px; margin: auto; display: block; position: relative; }

#siteHeader { background: #fff; display: inline-block; float: left; height: 115px; display: none; }
#siteHeader h1 a { max-width: 190px; height: 58px; display: block; position: relative; background: url("http://assets.ngin.com/site_files/6974/assets/img/nsc-logo.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: auto; top: 25px; }

#topNav { float: left; margin: 0; padding: 0; width: 80% !important; background: #fff; display: none; }
#topNav table.topNav { max-width: 700px; float: right; width: 100%; }
#topNav table.topNav td.topNavtd { display: inline-block; float: left; position: relative; text-align: center; position: static; width: 16.66%; }
#topNav table.topNav td.topNavtd > a { position: relative; background-color: #fff; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; color: #1c1c21; display: block; padding: 30px 15px; text-decoration: none; text-transform: uppercase; width: 100%; height: 115px; font: 700 1.15em/1.2em "myriad-pro",sans-serif !important; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#topNav table.topNav td.topNavtd > a:hover { background-color: #ecf0f1; }
#topNav table.topNav td.topNavtd > a:before { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 25px; margin: auto; position: relative; width: 25px; margin-bottom: 3px; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#topNav table.topNav td.topNavtd a[title*="Home"], #topNav table.topNav td.topNavtd a[title*="Trash"] { display: none; }
#topNav table.topNav td.topNavtd > a[title="click to go to 'Sports'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/sports.svg"); height: 29px; width: 35px; }
#topNav table.topNav td.topNavtd > a[title="click to go to 'Facilities'"]:before, #topNav table.topNav td.topNavtd > a[title="click to go to 'Sports and Meeting Facilities'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/facilities.svg"); width: 50px; }
#topNav table.topNav td.topNavtd > a[title="click to go to 'Events & Activities'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/events.svg"); }
#topNav table.topNav td.topNavtd > a[title="click to go to 'NSC Community'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/community.svg"); width: 35px; }
#topNav table.topNav td.topNavtd > a[title="click to go to 'News/Media'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/news.svg"); }
#topNav table.topNav td.topNavtd > a[title="Search"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/search.svg"); }
#topNav table.topNav td.topNavtd > a.droparrow:after { opacity: 1; }
#topNav table.topNav td.topNavtd > a:after { border-bottom: 10px solid #1c1c21; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -1px; content: ""; opacity: 0; height: 0; margin: auto; left: 45%; position: absolute; text-align: center; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; width: 0; }
#topNav table.topNav td.topNavtd > a.listClosed:after { display: none !important; }
#topNav table.topNav td.topNavtd > a:hover:after { display: block; }
#topNav table.topNav td.topNavtd ul { background-color: #1c1c21; width: 700px; right: 0; position: absolute; padding: 15px 0px 20px 0px; box-shadow: 0px 0px 0px; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#topNav table.topNav td.topNavtd ul li:nth-child(even) { border-left: 2px solid #647484; }
#topNav table.topNav td.topNavtd ul li { background: #1c1c21; float: left; display: block; width: 50%; }
#topNav table.topNav td.topNavtd ul li a { background: none repeat scroll 0 0 transparent; border-width: 0; color: #fff; font: 600 1.3em/2.5em "myriad-pro",sans-serif; text-transform: uppercase; width: auto; padding: 5px 30px; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#topNav table.topNav td.topNavtd ul li a.disabled { background: transparent; background-color: transparent; color: #777; }
#topNav table.topNav td.topNavtd ul li a:before { content: '»'; width: auto; display: none; position: relative; color: #cd6b68; font: 600 1.3em "myriad-pro",sans-serif; padding-right: 0px; width: 0px; opacity: 0; display: inline-block; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
#topNav table.topNav td.topNavtd ul li a:hover:before { display: inline-block; width: auto; opacity: 1; padding-right: 10px; }
#topNav table.topNav td.topNavtd ul li:hover > a, #topNav table.topNav td.topNavtd ul li.hover > a { background: #1c1c21; color: #99c6fe; border-width: 0px; }
#topNav table.topNav td.topNavtd ul li.hover ul, #topNav table.topNav td.topNavtd ul li:hover ul { display: none; }
#topNav table.topNav td.topNavtd .dropdown-disclosure { display: none; }
#topNav table.topNav td:last-child > a { border-right: 1px solid #d1d1d1; }
#topNav table.topNav td.hover > a { -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; background-color: #ecf0f1; color: #376196; opacity: 1; }
#topNav table.topNav td.hover > a.listClosed:after { display: none; }
#topNav table.topNav td.hover > a:before { opacity: 0.75; }
#topNav table.topNav td.hover a:after { opacity: 1; }
#topNav table.topNav tr td.selected > a { background-color: #ecf0f1; color: #376196; opacity: 1; border-top: 3px solid #cb1018; }
#topNav table.topNav tr td.selected > a:before { opacity: 0.75; }

#topNav > table td.noUl > a:after { opacity: 0 !important; }

.edit_mode #topNav { display: block; }
.edit_mode #siteHeader { display: block; }

.siteContainer { width: 100%; }
.siteContainer #navWrap { width: 100%; display: block; position: relative; display: block; height: 115px; background: #fff; }
.siteContainer #navWrapInner { background: none repeat scroll 0 0 #fff; display: block; margin: auto; max-width: 1440px; height: 100%; position: relative; width: 100%; }

.user_mode #siteContainer2.one_panel #pageContentContainer #panelTwo, .user_mode #siteContainer2.one_panel #pageContentContainer #yieldContent { background: transparent; }
.user_mode #siteContainer2.one_panel #pageContentContainer #panelTwo { width: 100%; float: none; }
.user_mode #siteContainer2.one_panel #pageContentContainer #panelTwo #displayBodyContent { max-width: 1000px; float: none; margin: auto; margin-top: 65px; border-right: 1px solid #cfcfcf; }
.user_mode #siteContainer2.one_panel #pageContentContainer .displayHeader .innerHeader { width: 100%; }
.user_mode #siteContainer2.one_panel #pageContentContainer #breadcrumbs { float: none; max-width: 1000px; margin: auto; }
.user_mode #siteContainer2.one_panel #pageContentContainer #breadcrumbs .right { width: 100%; }

#home.user_mode #siteContainer2.one_panel #pageContentContainer #panelTwo #displayBodyContent { max-width: 100%; margin-top: 0; border-right: none; }

.user_mode #pageContentContainer { width: 100%; clear: both; padding: 0px; background-color: transparent; }
.user_mode #pageContentContainer .displayHeader { width: 100%; display: block; position: relative; margin: auto; background: #1c1c21; min-height: 300px; overflow: hidden; }
.user_mode #pageContentContainer .displayHeader .innerHeader { width: 60%; margin: auto; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("http://assets.ngin.com/site_files/6974/assets/img/default-header.jpg"); min-height: 300px; float: left; position: relative; }
.user_mode #pageContentContainer .displayHeader .innerHeader h2 { position: absolute; right: 0; bottom: 0; color: #fff; font: 700 2.75em/1.25em "myriad-pro",sans-serif; display: block; margin-left: 30%; text-transform: uppercase; text-shadow: 0px 0px 5px #000; width: 100%; max-width: 640px; }
.user_mode #pageContentContainer .displayHeader .rightNav { width: 40%; margin: auto; display: inline-block; position: absolute; top: 0; float: left; }
.user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection { width: 100%; background: #0c2641; color: #fff; text-transform: uppercase; padding: 20px 20px 20px 30px; text-align: left; }
.user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection span { display: inline-block; }
.user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection .subNavToggle { width: 20%; height: 100%; display: inline-block; position: relative; color: #fff; background: url("http://assets.ngin.com/site_files/6974/assets/img/white-chevron.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: 99999px; height: 20px; display: none; }
.user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection .flipH { -moz-transform: scale(-1); -o-transform: scale(-1); -webkit-transform: scale(-1); transform: scale(-1); }
.user_mode #pageContentContainer .displayHeader .rightNav .subNav, .user_mode #pageContentContainer .displayHeader .rightNav .relatedSections { margin-bottom: 0px; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li:nth-child(even) { border-left: 2px solid #647484; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li { background: transparent; float: left; display: inline-block; width: 50%; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li a { background: transparent; border-width: 0; color: #ecf0f1; padding: 5px 30px; width: 100%; display: block; font: 300 0.8em/1.3em "myriad-pro",sans-serif; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li a.disabled { background: transparent; background-color: transparent; color: #777; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li a:before { content: '»'; width: auto; display: none; position: relative; color: #cd6b68; font: 600 1.3em "myriad-pro",sans-serif; padding-right: 0px; width: 0px; opacity: 0; display: inline-block; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li a:hover:before { display: inline-block; width: auto; opacity: 1; padding-right: 10px; }
.user_mode #pageContentContainer .displayHeader .rightNav ul li a:hover { color: #99c6fe; }
.user_mode #pageContentContainer .displayHeader .rightNav .subNavContainer { overflow: hidden; height: 265px; }
.user_mode #pageContentContainer .displayHeader .rightNav .subNavContainer h4 { display: none; }
.user_mode #pageContentContainer .innerContent { width: 100%; margin: auto; display: block; }
.user_mode #pageContentContainer #panelOne { width: 40%; float: left; background-color: #0C2641; }
.user_mode #pageContentContainer #panelOne .subNavContainer h4 { display: none; }
.user_mode #pageContentContainer #panelOne .subNavContainer .relatedSections h4 { display: none; }
.user_mode #pageContentContainer #panelTwo { width: 60%; float: left; margin-left: 0px !important; }
.user_mode #pageContentContainer #panelTwo #displayBodyContent { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; float: right; max-width: 640px; width: 100%; }
.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .layoutContainer .pageEl { padding: 15px 30px 0px 30px; }

#home #panelTwo #displayBodyContent #yieldContent .layoutContainer .pageEl { padding: 0px !important; }
#home #panelTwo #displayBodyContent #yieldContent .layoutContainer .pageEl .aggregatorElement h3:after, #home #panelTwo #displayBodyContent #yieldContent .layoutContainer .pageEl .textBlockElement h3:after { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/line-arrow.png"); background-position: center center; content: ""; display: block; height: 6px; position: relative; width: 100%; margin-top: 20px; }

.edit_mode #panelTwo { width: 75%; float: left; margin-left: 0px !important; }

.edit_mode #panelOne { width: 25%; float: left; margin-top: 30px; }

#home.user_mode #pageContentContainer #panelTwo { float: none; max-width: 100%; width: 100%; }
#home.user_mode #pageContentContainer #panelTwo #displayBodyContent { max-width: 100%; float: none; border: 0px; background: transparent; padding: 0px; }

.layoutContainer { margin-right: 0px; }

/* Page Elements */
.pageEl { max-width: 990px; margin: auto; display: block; position: relative; }

.aggregatorElement h3 { font: 700 2em/1.2em "myriad-pro",sans-serif; color: #003468; text-transform: uppercase; text-align: center; margin-bottom: 30px; }
.aggregatorElement .item, .aggregatorElement .vevent { margin-bottom: 30px; }
.aggregatorElement .item a img, .aggregatorElement .vevent a img { border-radius: 30px; height: 60px; width: 60px; }
.aggregatorElement .item ul.details li h4, .aggregatorElement .vevent ul.details li h4 { line-height: 1.5em; }
.aggregatorElement .item ul.details li h4 a:hover, .aggregatorElement .vevent ul.details li h4 a:hover { color: #a1494c; }
.aggregatorElement .item ul.details .dateAuthor, .aggregatorElement .item ul.details .commentsAndMore, .aggregatorElement .vevent ul.details .dateAuthor, .aggregatorElement .vevent ul.details .commentsAndMore { display: none; }
.aggregatorElement .item ul.details .time, .aggregatorElement .vevent ul.details .time { display: block; }
.aggregatorElement .item ul.details .time a, .aggregatorElement .vevent ul.details .time a { display: none; }
.aggregatorElement .item ul.details .location, .aggregatorElement .vevent ul.details .location { display: block; }
.aggregatorElement .item ul.details .description, .aggregatorElement .vevent ul.details .description { display: none; }
.aggregatorElement .item ul.details .tags, .aggregatorElement .vevent ul.details .tags { display: none; }
.aggregatorElement .item .newsItemHeader h2 a, .aggregatorElement .vevent .newsItemHeader h2 a { color: #003468; text-decoration: none; }
.aggregatorElement .item .newsItemHeader h2 a:hover, .aggregatorElement .vevent .newsItemHeader h2 a:hover { text-decoration: none; }
.aggregatorElement .item .newsText p, .aggregatorElement .vevent .newsText p { color: #666; font-size: .9em; }
.aggregatorElement .item .newsText p a, .aggregatorElement .vevent .newsText p a { color: #cb1018; }
.aggregatorElement .vevent, .aggregatorElement .item { border: 0px; }
.aggregatorElement .extendedOptions a { background: transparent; color: #cb1018; border: 1px solid #b8b8b8; padding: 20px 30px; border-radius: 1px; font: 700 1em/1.5em "myriad-pro",sans-serif; text-transform: uppercase; position: relative; margin-right: 5px; float: left; margin-top: 5px; display: inline-block; }
.aggregatorElement .extendedOptions :hover { background: #cb1018; color: #fff; border: 1px solid #cb1018; }
.aggregatorElement .extendedOptions :hover:after { color: #fff; }
.aggregatorElement .extendedOptions :after { bottom: 20px; color: #cb1018; content: "»"; font: 600 1.3em "myriad-pro",sans-serif; padding-left: 6px; position: absolute; }
.aggregatorElement .feeder h4 { font: 600 1.6em/1.5em "myriad-pro",sans-serif; }
.aggregatorElement .feeder li { font: normal 1em/1.5em "myriad-pro",sans-serif; color: #666; }

.collectorElement .vevent, .collectorElement .item { border: 0px; }

.newsAggregatorElement .item, .eventAggregatorElement .item { border-top: 0px !important; }
.newsAggregatorElement .item > a, .eventAggregatorElement .item > a { opacity: 0.9; }
.newsAggregatorElement .item > a:hover, .eventAggregatorElement .item > a:hover { opacity: 1; }
.newsAggregatorElement .item .details, .eventAggregatorElement .item .details { margin-left: 30px; }
.newsAggregatorElement .item h3, .eventAggregatorElement .item h3 { font: 700 2em/1.2em "myriad-pro",sans-serif; color: #003468; text-transform: uppercase; text-align: center; }
.newsAggregatorElement .item .newsText p, .eventAggregatorElement .item .newsText p { font-size: 1em; line-height: 1.5em; }
.newsAggregatorElement .item .commentsAndMore, .eventAggregatorElement .item .commentsAndMore { display: none; }
.newsAggregatorElement .newsItemHeader a, .eventAggregatorElement .newsItemHeader a { opacity: 0.9; }
.newsAggregatorElement .newsItemHeader a:hover, .eventAggregatorElement .newsItemHeader a:hover { opacity: 1; }
.newsAggregatorElement .expanded .newsItemHeader a, .eventAggregatorElement .expanded .newsItemHeader a { opacity: .9; }
.newsAggregatorElement .expanded .newsItemHeader a img, .eventAggregatorElement .expanded .newsItemHeader a img { width: 100%; height: 100%; display: block; border-radius: 0px; margin-bottom: 40px; }
.newsAggregatorElement .expanded .newsItemHeader a:hover, .eventAggregatorElement .expanded .newsItemHeader a:hover { opacity: 1; }

.textBlockElement .text a { color: #cb1018; }
.textBlockElement > h3 { font: 700 1.6em/1.2em "myriad-pro",sans-serif !important; color: #003468 !important; text-transform: uppercase !important; text-align: left; }
.textBlockElement h3 { font: 700 1.250em/1.2em "myriad-pro",sans-serif; color: #bb161d; text-transform: none; text-align: left; }
.textBlockElement h4 { font: 700 1em/1.5em "myriad-pro",sans-serif; }
.textBlockElement h4 a { color: #cb1018; }
.textBlockElement p { font: normal 16px/1.6em "myriad-pro",sans-serif; }
.textBlockElement p a { color: #cb1018; cursor: pointer; text-decoration: none; }
.textBlockElement ul, .textBlockElement ol { list-style-image: url("http://assets.ngin.com/site_files/6974/assets/img/list-chevron.svg"); margin-top: 10px; }
.textBlockElement ul li, .textBlockElement ol li { font-size: .95em; color: #3a3a3a; }
.textBlockElement ul li a, .textBlockElement ol li a { text-decoration: underline; cursor: pointer; color: #cb1018; }

.tableElement h3 { font: 700 1.250em/1.2em "myriad-pro",sans-serif; color: #003468; text-transform: none; text-align: left; text-transform: uppercase; }
.tableElement .dataTable .sort-container, .tableElement .dataTable th { color: #003468; font-size: 14px; font-weight: bold; line-height: 1.5em; padding: 6px; }
.tableElement .dataTable .odd { color: #666666; }
.tableElement .dataTable .even { color: #666666; }
.tableElement .dataTable td { border-bottom: 1px solid #ccc; color: #666666; font-size: 14px; padding: 6px; }
.tableElement .dataTable td a { color: #cb1018; font-size: .9em; }

.codeElement > h2, .codeElement > h3 { font: 700 2em/1.2em "myriad-pro",sans-serif; color: #003468; text-transform: uppercase; text-align: center; margin-bottom: 30px; }
.codeElement > h3:after { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/line-arrow.png"); background-position: center center; content: ""; display: block; height: 6px; position: relative; width: 100%; margin-top: 20px; }

/* Content Tabs ----------- */
.user_mode .layoutContainer .tabbedElement { margin-top: 30px; margin-bottom: 30px; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs { background-image: none; height: auto; margin: 0; text-align: center; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs li { background-image: none; float: left; line-height: 1.5em; padding-right: 0; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs li span { background-image: none; display: block; padding-left: 0; border: 1px solid #cfcfcf; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs li span a { display: block; font: 300 1.5em/1.5em "myriad-pro",sans-serif; letter-spacing: 0.5px; padding: 10px 20px; text-transform: uppercase; width: 100%; color: #949494; border-top: 4px solid transparent; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs li.selected span { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.user_mode .layoutContainer .tabbedElement ul.contentTabs li.selected span a { color: #cb1018; border-top: 4px solid #cb1018; background: #fff; }
.user_mode .layoutContainer .tabbedElement .tabContainer .layoutContainer { border: 1px solid #cfcfcf; border-top: none; margin: auto; padding: 40px; background: #fff; }
.user_mode .layoutContainer .tabbedElement .tabContainer div.tabInner { width: 100% !important; }
.user_mode .layoutContainer .tabbedElement .tabContainer .tab_loader { display: none !important; }
.user_mode .layoutContainer .respTabs .tabbedElement ul.contentTabs { display: none; }
.user_mode .layoutContainer .respTabs .tabbedElement .tabContainer .layoutContainer { border-top: 4px solid #cb1018; margin: auto 15px; }
.user_mode .layoutContainer .respTabs .tabbedElement .tabContainer div.tabInner { display: inline-block !important; float: left; height: 100% !important; left: 0 !important; margin: auto; padding: 0; position: relative !important; width: 50% !important; }

.newsPage .yieldPageContent { padding: 20px; }
.newsPage .yieldPageContent .pageEl { padding: 0px !important; }
.newsPage .yieldPageContent .newsItemElement { padding-bottom: 20px; }
.newsPage .yieldPageContent .newsItemElement h2 { font: 700 2em/1.5em "myriad-pro",sans-serif; text-transform: uppercase; color: #003468; }
.newsPage .yieldPageContent .newsItemElement .newsDate { color: #000; line-height: 1.5em; font: bold 1em/1.5em "myriad-pro",sans-serif; }
.newsPage .yieldPageContent .newsItemElement .newsAuthor { color: #000; font: bold 1em/1.5em "myriad-pro",sans-serif; }
.newsPage .yieldPageContent .textBlockElement p { font: normal 1em/1.6em "myriad-pro",sans-serif; color: #666; }
.newsPage .yieldPageContent .textBlockElement p.cutline { font: italic .8em "myriad-pro", sans-serif; color: #666; line-height: normal; }

.edit_mode #rightPanel a { color: #1c1c21; }

#rightPanel h3 { font: 700 1.5em/1.2em "myriad-pro",sans-serif !important; color: #d9d8d8 !important; text-transform: uppercase; text-align: center !important; }
#rightPanel a { color: #d9d8d8; }
#rightPanel .aggregatorElement h3 { font: 700 1.5em/1.2em "myriad-pro",sans-serif; color: #fff !important; text-transform: uppercase; text-align: center; }
#rightPanel .aggregatorElement .item ul.details li h4 a, #rightPanel .aggregatorElement .vevent ul.details li h4 a { color: #99c6fe; }
#rightPanel .aggregatorElement .item ul.details li h4 a:hover, #rightPanel .aggregatorElement .vevent ul.details li h4 a:hover { color: #fff; }
#rightPanel .aggregatorElement .item ul.details .teaser, #rightPanel .aggregatorElement .vevent ul.details .teaser { font: normal .8em/1.5em "myriad-pro",sans-serif; color: #fff; }
#rightPanel .aggregatorElement .item .newsItemHeader h2 a, #rightPanel .aggregatorElement .vevent .newsItemHeader h2 a { color: #99c6fe; }
#rightPanel .aggregatorElement .item .newsItemHeader h2 a:hover, #rightPanel .aggregatorElement .vevent .newsItemHeader h2 a:hover { text-decoration: none; }
#rightPanel .aggregatorElement .item .newsDate, #rightPanel .aggregatorElement .vevent .newsDate { color: #efefef; }
#rightPanel .aggregatorElement .item .newsAuthor, #rightPanel .aggregatorElement .vevent .newsAuthor { color: #efefef; }
#rightPanel .aggregatorElement .item .newsText p, #rightPanel .aggregatorElement .vevent .newsText p { color: #efefef; font-size: .8em; }
#rightPanel .aggregatorElement .item .newsText p a, #rightPanel .aggregatorElement .vevent .newsText p a { color: #cb1018; }
#rightPanel .aggregatorElement .item .commentsAndMore, #rightPanel .aggregatorElement .vevent .commentsAndMore { display: none; }
#rightPanel .aggregatorElement .extendedOptions { display: none; }
#rightPanel #static { position: relative; background: #0c2641; padding-left: 30px; }
#rightPanel #static .layoutContainer { max-width: 300px; width: 100%; padding-top: 30px; border-right: 1px solid #99c6fe; }
#rightPanel #static .overlay { width: 100%; height: 100%; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.55); background-image: url("http://app-assets1.sportngin.com/app_images/mesh.png"); background-position: center; top: 0; left: 0; z-index: 1; }
#rightPanel #static .overlay a { background-color: #cb1018; border-radius: 2px; color: #fff; display: block; margin-bottom: auto; margin-left: auto; margin-right: auto; padding: 10px 20px; position: relative; text-align: center; box-shadow: 0px 0px 5px #000; top: 40%; width: 70%; }
#rightPanel #dynamic { padding-left: 30px; background: #07192c; border-bottom: 1px solid #99c6fe; }
#rightPanel #dynamic .layoutContainer { max-width: 300px; width: 100%; padding-top: 30px; border-right: 1px solid #99c6fe; padding-bottom: 30px; }
#rightPanel .textBlockElement a { color: #99c6fe; }
#rightPanel .textBlockElement img { width: 100%; max-width: auto; }
#rightPanel .textBlockElement ul { list-style-image: url("http://assets.ngin.com/site_files/6974/assets/img/list-chevron.svg"); }
#rightPanel .textBlockElement ul li { font-size: 16px; }
#rightPanel .textBlockElement ul li a { font-size: 16px; color: #99c6fe; text-decoration: none; }
#rightPanel .weatherElement { background: transparent; }
#rightPanel .weatherElement .weather-currentConditions { color: #fff; }
#rightPanel .weatherElement .weather-currentConditions .weather-temperature { color: #99c6fe; font-size: 40px; }
#rightPanel .weatherElement .weather-currentConditions .weather-description { color: #fff; line-height: 1.5em; }
#rightPanel .weatherElement .weather-currentConditions .weather-range { line-height: 1.5em; }
#rightPanel .weatherElement .weather-currentConditions .weather-range .weather-high { color: #99c6fe; }
#rightPanel .weatherElement .weather-currentConditions .weather-range .weather-low { color: #99c6fe; }
#rightPanel .weatherElement .weather-currentConditions .weather-location { color: #fff; line-height: 1.5em; }
#rightPanel .weatherElement .weather-5dayForecast { border: 0 none; clear: none; margin: 0; padding: 0; width: 100%; }
#rightPanel .weatherElement .weather-5dayForecast ul { background: transparent; width: 100%; max-width: 325px; display: block; margin: auto; }
#rightPanel .weatherElement .weather-5dayForecast ul li { background: transparent; border-left: 0px; }
#rightPanel .contactElement h3 { text-transform: capitalize; font-size: 1em !important; text-align: left !important; line-height: 1.5em; font-weight: normal; letter-spacing: 0.5px; }
#rightPanel .contactElement p.title, #rightPanel .contactElement .phone, #rightPanel .contactElement .emailLink, #rightPanel .contactElement .email { line-height: 1.7em; font-weight: 100; font-size: .9em; text-transform: capitalize; color: #fff; }
#rightPanel .contactElement .emailLink { background: url("../assets/img/envelope.png") no-repeat scroll center center/contain transparent; display: block !important; height: 48px; width: 33px; color: #99c6fe; }
#rightPanel .contactElement p.title { opacity: 0.85; }
#rightPanel .contactElement .phone, #rightPanel .contactElement .email { color: #99c6fe; }

/* Site Footer */
#siteFooter { width: 100%; }
#siteFooter > ul { max-width: 990px; width: 100%; padding: 0px; margin: auto; }
#siteFooter > ul li { background-color: #cb1018; padding: 15px 10px; display: table-cell; color: #fff; position: relative; font: normal .8em/1.5em "myriad-pro",sans-serif; }
#siteFooter > ul li:first-child { padding-left: 20px; }

#siteFooter ul li a { color: #fff; }

#siteFooter ul li a:hover { color: #fff; text-decoration: underline; }

#siteFooter ul li#poweredByNGIN { background-color: transparent; float: none; display: none; }

/* Extended Footer */
.extendedFooter a { color: #ffffff !important; }

.extendedFooter { padding: 10px 0px; position: relative; background-color: #003468; display: block; margin: auto; padding: 30px; width: 100%; }

.exList { display: inline-block; }

.extendedFooter .innerWrap { max-width: 990px; width: 100%; margin: auto; display: block; position: relative; padding-bottom: 10px; }

.extendedFooter .exList { display: table-cell; padding-right: 20px; position: relative; text-align: left; }

#siteFooter .topFooter { background: #06305a; border-bottom: 1px solid #0b3e70; border-top: 1px solid #0b3e70; }
#siteFooter .topFooter .innerWrap { display: block; max-width: 990px; width: 100%; margin: auto; }
#siteFooter .topFooter .innerWrap .right { display: inline-block; width: 40%; padding: 0px; }
#siteFooter .topFooter .innerWrap .left { display: inline-block; width: 60%; }
#siteFooter .topFooter .innerWrap li { width: 16%; border-left: 1px solid #0b3e70; display: inline-block; padding: 0px; }
#siteFooter .topFooter .innerWrap li a { background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; display: inline-block; height: 20px; margin: 10px auto; opacity: 0.75; width: 100%; }
#siteFooter .topFooter .innerWrap li:last-child { border-right: 1px solid #0b3e70; }
#siteFooter .topFooter .innerWrap .twitter { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/twitter.svg"); }
#siteFooter .topFooter .innerWrap .facebook { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/facebook.svg"); }
#siteFooter .topFooter .innerWrap .instagram { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/instagram.svg"); }
#siteFooter .topFooter .innerWrap .mail { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/mail.svg"); }
#siteFooter .topFooter .innerWrap .youtube { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/youtube.svg"); }
#siteFooter .topFooter .innerWrap .newsletter { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/newsletter.svg"); }
#siteFooter .topFooter .innerWrap .rss { background: url("http://assets.ngin.com/site_files/6974/assets/img/socialicons/white/rss.svg"); }

#siteFooter ul li a { color: #cecece !important; font-size: 13px !important; font-weight: 100 !important; line-height: 1.5em; text-transform: capitalize !important; }

#siteFooter .exList a:first-child { display: block; font: 600 1.1em/1.5em "myriad-pro",sans-serif; letter-spacing: .5px; text-transform: uppercase; }

#siteFooter .exList.contact { margin-top: 0px !important; }
#siteFooter .exList.contact a.footerSheild { display: block; width: 100%; height: 100px; position: relative; background: url("http://assets.ngin.com/site_files/6974/assets/img/nsc-shield-shadow.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px; text-align: center; margin: auto; }
#siteFooter .exList.contact li { text-align: center; margin-top: 15px; }
#siteFooter .exList.contact li span { display: block; margin: auto; position: relative; color: #cecece; }
#siteFooter .exList.contact li a { color: #fff !important; font-weight: 700 !important; text-transform: none !important; }
#siteFooter .exList.contact li:first-child { margin-top: 0px; }

#siteFooter .exList a:hover, #siteFooter .exList a:first-child:hover { color: #fff !important; text-decoration: none !important; }

.extendedFooter .exList ul li a { font-size: 11px !important; text-transform: uppercase !important; display: inline-block; line-height: 1.45em; font-weight: normal; }

.extendedFooter .exList ul li a:hover { text-decoration: underline; }

.extendedFooter .exList ul { display: inline-block; margin-top: 20px !important; padding: 0 !important; width: auto !important; line-height: 1.1em; }

.extendedFooter ul li { display: inline-block !important; width: 100%; padding-right: 0px !important; }

.extendedFooter ul li ul { display: none !important; }

/* Google Search */
#googleSearch { display: none; }

#topNav #googleSearch { position: absolute !important; width: 700px !important; z-index: 99999; right: 0; top: auto !important; padding: 20px; background-color: #1c1c21 !important; overflow: visible !important; display: none; }
#topNav #googleSearch .gsc-control-cse { background-color: #1c1c21 !important; height: 35px !important; border-width: 0px !important; }
#topNav #googleSearch table.gs_id50 td { display: table-cell; float: none; position: relative; text-align: left; width: auto; }
#topNav #googleSearch form.gsc-search-box table { width: auto; }
#topNav #googleSearch form.gsc-search-box table td { width: 100%; float: none; position: relative; text-align: left; display: table-cell; }
#topNav #googleSearch .gsc-input-box { height: auto; }
#topNav #googleSearch table { width: 100%; float: none; max-width: 100%; }
#topNav #googleSearch .gsc-selected-option { font-size: 10px; }

body .gssb_c { z-index: 99999; }

/* Hero Image */
.heroImage { clear: both; min-height: 360px; margin-right: 0px; position: relative; background-image: url("http://assets.ngin.com/site_files/6974/assets/img/nsc-default.jpg"); background-position: center; overflow: hidden; }
.heroImage .heroOverlay { width: 100%; height: 100%; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.2); background-image: url("http://app-assets1.sportngin.com/app_images/mesh.png"); background-position: center; top: 0; left: 0; }
.heroImage .heroClick { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
.heroImage .column { background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 360px; }
.heroImage .column:after { color: #fff; content: "»"; display: block; font: 700 5em "myriad-pro",sans-serif; height: 100px; margin: auto; position: relative; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 60px; top: 0px; opacity: 0.7; text-shadow: 0px 0px 6px #000; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.heroImage .textBlockElement { position: relative; }
.heroImage .textBlockElement > h3 { color: #fff !important; display: block; font: 700 3.75em/1.1em "myriad-pro",sans-serif !important; margin-bottom: auto; margin-left: auto; margin-right: auto; max-width: 990px; padding-top: 100px; position: relative; text-align: center !important; text-shadow: 0 0 6px #000; text-transform: uppercase; width: 100%; z-index: 1; top: 0; left: auto; right: auto; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.heroImage .textBlockElement h3:after { display: none !important; height: auto; content: ''; margin-top: 0px; }
.heroImage .textBlockElement .leftTextImage, .heroImage .textBlockElement .rightTextImage { position: absolute; top: 0; }
.heroImage .textBlockElement .leftTextImage img, .heroImage .textBlockElement .rightTextImage img { width: 100%; margin: auto; display: block; position: relative; }
.heroImage .textBlockElement .text { position: relative; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
.heroImage .textBlockElement .text p { font: 300 1.1em/1.5em "myriad-pro",sans-serif; letter-spacing: .5px; margin: auto; display: block; position: relative; text-align: center; color: #fff; text-shadow: 0px 0px 6px #000; }

.heroImage:hover .column:after { top: 10px; }

.edit_mode .heroImage .textBlockElement .leftTextImage, .edit_mode .heroImage .textBlockElement .rightTextImage { position: relative; }

/* Homepage Callouts */
.callouts { display: none; }
.callouts > a img { width: 100%; }
.callouts .textBlockElement p { color: #fff; font: 300 14px/1.5em "myriad-pro",sans-serif; position: relative; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; width: 100%; text-align: left; margin: 0px; margin-bottom: 6px; }
.callouts .textBlockElement .callout { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 225px; opacity: 1; position: relative; width: 100%; border: 1px solid #fff; overflow: hidden; cursor: pointer; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.callouts .textBlockElement .callout:hover .text { height: 100%; padding-top: 0px; }
.callouts .textBlockElement .callout:hover div.link { background: #fff; color: #000; }
.callouts .textBlockElement .callout.calloutOpen { height: 230px !important; cursor: pointer; }
.callouts .textBlockElement .leftTextImage, .callouts .textBlockElement .rightTextImage { float: none; height: 225px; margin: 0; overflow: hidden; }
.callouts .textBlockElement div.link { border: 1px solid #fff; padding: 15px 25px; background: transparent; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: auto; text-align: center; display: block; max-width: 200px; font: 300 1.2em/1.5em "myriad-pro",sans-serif; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.callouts .textBlockElement .text { background-color: rgba(0, 52, 104, 0.85); bottom: 0; height: 25%; position: absolute; width: 100%; padding-top: 0; cursor: pointer; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.callouts .textBlockElement .text a { color: #fff; text-decoration: none; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.callouts .textBlockElement .text a:hover { color: #99c6fe; }
.callouts .textBlockElement .text a:before { content: '»'; width: auto; display: none; position: relative; color: #cd6b68; font: 600 1.3em "myriad-pro",sans-serif; padding-right: 0px; width: 0px; opacity: 0; display: inline-block; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.callouts .textBlockElement .text a:hover:before { display: inline-block; width: auto; opacity: 1; padding-right: 10px; }
.callouts .textBlockElement .text .innerText { padding: 0px 30px 0px 60px; }
.callouts .textBlockElement .text h3 { color: #fff; display: block; font: 300 1.35em/1.5em "myriad-pro",sans-serif; margin: 8px auto auto; padding: 0; padding-bottom: 15px; position: relative; text-align: center !important; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; }
.callouts .textBlockElement .text h3:after { background-image: none; content: ""; display: none !important; height: auto; position: relative; margin-top: 0px; }
.callouts .textBlockElement .text:before { content: ''; background: url("http://assets.ngin.com/site_files/6974/assets/img/callout-arrow.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 15px; width: 100%; opacity: 0.85; position: absolute; text-align: center; top: -15px; }

.user_mode .calloutDates { background: #003468; max-width: 100%; width: 100%; display: none; position: relative; }
.user_mode .calloutDates .column { position: relative; display: block; margin: auto; max-width: 1440px; width: 100%; float: none; }
.user_mode .calloutDates .column .pageEl { display: inline-block; }
.user_mode .calloutDates .column .pageEl .pageElement.linkElement { display: block; margin: auto; }
.user_mode .calloutDates .column .pageEl .pageElement.linkElement h4 { margin: auto; display: inline-block; padding: 0px; margin: auto; }
.user_mode .calloutDates .column .pageEl .pageElement.linkElement h4 a { background: transparent; color: #fff; padding: 10px; opacity: 0.8; }
.user_mode .calloutDates .column .pageEl .pageElement.linkElement h4 a:hover { opacity: 1; }
.user_mode .calloutDates .column .pageEl .pageElement.linkElement h4 a:first-child { padding-left: 20px; }

#callOutWrap { display: block; float: right; margin: auto; max-width: 200px; position: relative; width: 100%; margin-top: 15px; }
#callOutWrap .column .pageEl { display: inline-block; }
#callOutWrap .column .pageEl .pageElement.linkElement { display: block; margin: auto; }
#callOutWrap .column .pageEl .pageElement.linkElement h4 { margin: auto; display: inline-block; padding: 0px; margin: auto; }
#callOutWrap .column .pageEl .pageElement.linkElement h4 a { background: transparent; color: #cb1018; padding: 5px; opacity: 0.8; font: 600 0.9em/1.5em "myriad-pro",sans-serif; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
#callOutWrap .column .pageEl .pageElement.linkElement h4 a:hover { opacity: 1; color: #003468; }
#callOutWrap .column .pageEl .pageElement.linkElement h4 a:first-child { padding-left: 20px; }

.callouts .pageEl, .edit_mode .callouts .drag { position: relative; width: 20%; float: left; }

.callouts .pageElement { position: relative; margin: 0px; overflow: hidden; }

.edit_mode .callouts a { background-color: transparent; }
.edit_mode .callouts .pageEl { position: relative; width: 100%; float: none; }
.edit_mode .callouts .textBlockElement .text { height: 60; }

/* Accordion */
.accordion { display: none; margin: auto; padding: 0px !important; }
.accordion .pageEl .pageElement { margin: 20px; }
.accordion a.btntoggle { background-color: #fcfcfc; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; color: #003468; display: block; font: 300 1.5em/1.6em "myriad-pro",sans-serif; font-weight: normal; letter-spacing: 0.2px; padding: 12px 20px; position: relative; text-transform: capitalize; transition: all 500ms ease 0s; width: 100%; }
.accordion a.btntoggle.minus { background-color: #fff; border-top: 4px solid #cb1018; -webkit-transition: all 500ms; transition: all 500ms; text-shadow: none; color: #1c1c21; }
.accordion a.btntoggle span { width: 90%; display: block; }
.accordion a.btntoggle:after { background: none; color: #cb1018; font-size: 28px; margin-left: 3px; margin-right: 20px; padding: 0 5px; position: absolute; right: 0; text-align: center; top: 19%; width: auto; -webkit-transition: all 500ms; transition: all 500ms; }
.accordion a.btntoggle.minus:after { content: "–"; color: #cb1018; font-weight: 100; text-shadow: none; -webkit-transition: all 500ms; transition: all 500ms; }
.accordion a.btntoggle.plus:after { content: '+'; font-weight: 100; text-shadow: none; background: none; -webkit-transition: all 500ms; transition: all 500ms; }
.accordion .btnlist p { padding: 20px; font-size: 16px; line-height: 1.5em; }

.edit_mode .accordion { display: block; }

/* Breadcrumbs */
#breadcrumbs { border-bottom: 1px solid #d1d1d1; background: #edecec; display: block; width: 100%; position: relative; padding: 0; float: left; clear: both; }
#breadcrumbs .left { margin: auto; display: inline-block; width: 60%; position: relative; float: left; }
#breadcrumbs .left ul.breadcrumbs { display: inline-block; float: right; max-width: 640px; position: relative; width: 100%; padding: 20px 0 15px 15px; }
#breadcrumbs .left ul.breadcrumbs li { color: #999; display: inline-block; margin-right: 6px; font: 300 .8em/1.5em "myriad-pro",sans-serif; }
#breadcrumbs .left ul.breadcrumbs li a { height: 20px; display: block; text-transform: uppercase; color: #647484; }
#breadcrumbs .left ul.breadcrumbs li a:hover { color: #a1494c; }
#breadcrumbs .right { position: relative; width: 40%; display: inline-block; float: left; /* APPLICATION BUTTON */ }
#breadcrumbs .right .appBtn { background: #318826; color: #d9d8d8; display: block; height: 100%; padding: 15px 0 15px 30px; font: 600 1.5em/1.5em "myriad-pro",sans-serif; position: relative; text-transform: uppercase; width: 100%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
#breadcrumbs .right .appBtn:after { color: #d9d8d8; content: "»"; display: inline-block; height: 100%; margin-left: 5px; position: relative; width: 20px; }
#breadcrumbs .right .appBtn:hover { background: #3BAF2B; }
#breadcrumbs .right .appBtn:hover, #breadcrumbs .right .appBtn:hover:after { color: #fff !important; }
#breadcrumbs .right a:hover { color: #fff !important; }

/* DESKTOP */
.desktop #navWrapInner { display: block !important; }

/* MOBILE MENU */
.menuOn #mobileMenu #menuBtn { background: rgba(0, 52, 104, 0); }
.menuOn #mobileMenu #menuBtn span i { background-color: transparent; }
.menuOn #mobileMenu #menuBtn span i:before, .menuOn #mobileMenu #menuBtn span i:after { top: 0; background-color: #999; height: 3px; }
.menuOn #mobileMenu #menuBtn span i:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menuOn #mobileMenu #menuBtn span i:after { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#mobileMenu { display: none; width: 100%; position: absolute; z-index: 12; }
#mobileMenu #menuBtn { background: rgba(0, 52, 104, 0.5); padding: 10px; height: 600px; position: relative; float: right; clear: both; cursor: pointer; }
#mobileMenu #menuBtn span { display: block; height: 35px; width: 35px; z-index: 3; padding-top: 13px; }
#mobileMenu #menuBtn span i, #mobileMenu #menuBtn span i:after, #mobileMenu #menuBtn span i:before { background-color: #fff; border-radius: 1px; content: ''; display: block; height: 4px; max-width: 35px; position: absolute; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; width: 100%; }
#mobileMenu #menuBtn span i:before { top: -9px; }
#mobileMenu #menuBtn span i:after { bottom: -9px; }

.codeElement object { width: 100% !important; }
.codeElement embed { width: 100% !important; }
.codeElement iframe { width: 100% !important; }

/* SHARE BAR */
.shareBar { display: block; padding: 15px; border-bottom: 1px solid #ecf0f1; }

/* CHILD PAGE */
.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout { border-top: 1px solid #ccc; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout:nth-of-type(1) { border-top: 0px; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .column { border-right: 1px solid #ccc; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .pageEl { padding: 0px; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .pageElement { margin: 20px; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .pageEl .textBlockElement h3:after { display: none; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .heroPhotoElement { margin: 0px; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .linkElement { border: 1px solid #ccc; display: inline-block; color: #e51b24; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .linkElement h4 { margin: 0px; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .linkElement a { color: #cb1018; background: none; padding: 15px 30px; text-transform: uppercase; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .linkElement a:hover { color: #fff; background: #cb1018; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .linkElement a:after { content: '»'; position: absolute; padding-left: 5px; }

/* General Edit Mode Styles */
.edit_mode a.addPageElement:hover { color: #1c1c21; }

.edit_mode .layoutContainer { margin-right: -15px; }

a[title="click to go to 'Site Guide'"] { display: none !important; }

.edit_mode a[title="click to go to 'Site Guide'"] { display: block !important; }

/* USA Cup */
#ngin7286 #topNav td a[title="click to go to 'USA Cup Weekend: July 10-12, 2015'"], #ngin7286 #topNav td a[title="click to go to 'USA Cup Indoor: July 15-17, 2015'"], #ngin7286 #topNav td a[title="click to go to 'USA Cup: July 14-18, 2015'"] { display: none; }
#ngin7286 #topNav td > a[title="click to go to 'Start Here'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/start.svg"); height: 29px; width: 35px; }
#ngin7286 #topNav td > a[title="click to go to 'Team Central'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/teamCentral.svg"); width: 50px; }
#ngin7286 #topNav td > a[title="click to go to 'Tournament News'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/tourneyNews.svg"); }
#ngin7286 #topNav td > a[title="click to go to 'USA CUP Community'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/community.svg"); width: 35px; }
#ngin7286 #topNav td > a[title="click to go to 'Fun Stuff'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/funStuff.svg"); }
#ngin7286 #siteHeader h1 a { background: url("http://assets.ngin.com/site_files/6974/assets/img/usacup/schwans-cup.svg") no-repeat scroll center center/contain transparent; height: 115px; max-width: 190px; top: 0; }
#ngin7286 #googleSearch { display: none; }
#ngin7286 .tagline { display: block; margin-left: 15%; margin-bottom: 15px; }
#ngin7286 .tagline h2 { display: block; }
#ngin7286 .tagline h3 { margin-left: 0px; display: block; }

/* Veledrome */
#ngin6751 #siteHeader h1 a { background: url("http://assets.ngin.com/site_files/6974/assets/img/velodrome/velodrome.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 75px; }
#ngin6751 #topNav td > a[title*="Results"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/v-results.svg"); height: 29px; width: 35px; }
#ngin6751 #topNav td > a[title*="Events"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/v-events.svg"); width: 35px; }
#ngin6751 #topNav td > a[title*="Ride"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/v-ride.svg"); width: 50px; }
#ngin6751 #topNav td > a[title*="Support"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/v-support.svg"); width: 35px; }
#ngin6751 #topNav td > a[title*="About"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/v-about.svg"); width: 40px; }

/* Victory Links */
#ngin7228 #siteHeader h1 a { background: url("http://assets.ngin.com/site_files/6974/assets/img/victoryLinks/victoryLinks.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 75px; max-width: 250px; }
#ngin7228 #topNav td > a[title="click to go to 'Victory Links Golf Course'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/start.svg"); height: 29px; width: 35px; }
#ngin7228 #topNav td > a[title="click to go to 'Golf Leagues'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/leagues.svg"); width: 50px; }
#ngin7228 #topNav td > a[title="click to go to 'Golf Lessons at Victory Links Golf Course'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/tourneyNews.svg"); }
#ngin7228 #topNav td > a[title="click to go to 'Location & Directions'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/locations.svg"); width: 35px; }
#ngin7228 #topNav td > a[title="click to go to 'Contact'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/funStuff.svg"); }
#ngin7228 #subNavScroll #pageContentContainer .displayHeader .rightNav .subNavContainer { height: 225px; overflow: scroll; }

/* Sports Institute */
#ngin7227 #searchBtn { display: none; }
#ngin7227 #siteHeader h1 a { background: url("http://assets.ngin.com/site_files/6974/assets/img/superRink.svg") no-repeat scroll center center/contain transparent; height: 115px; max-width: 190px; top: 0; }

/* Custom Page Type */
#subNavScroll #pageContentContainer .displayHeader .rightNav .subNavContainer { height: 225px; overflow: scroll; }

/* Content Template */
.message img { width: 100%; }

.pageElementMenu h3 { text-transform: none; color: #000; font-size: 14px; line-height: 1.5em; }

#rightPanel .layoutContainerAdmin .containerBar { max-width: 300px; width: 100%; position: relative; }

#rightPanel .containerBar .layoutContainer_delete { width: 25px; }

/* Custom Class Sports Pages */
.preText { padding: 0px !important; }
.preText .textBlockElement { margin: 0px; border-bottom: 1px solid #cfcfcf; }
.preText .textBlockElement .leftTextImage, .preText .textBlockElement .rightTextImage { display: inline-block; float: left; margin: 0; max-width: 33.33%; width: 100%; border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }
.preText .textBlockElement .leftTextImage img, .preText .textBlockElement .rightTextImage img { display: block; position: relative; width: auto; margin: auto; padding: 0px; max-width: 100%; }
.preText .textBlockElement h3 { padding: 15px 30px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin-bottom: 0px; display: none; }
.preText .textBlockElement h3:after { display: none; }
.preText .textBlockElement .text { display: inline-block; float: left; margin: 0; max-width: 66.66%; width: 100%; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; padding: 30px 30px 15px; }
.preText .textBlockElement .text h3 { border: 0px; text-align: left; position: relative; padding: 0px 15px 15px 0px; font-size: 24px; display: block; color: #003468; }

.noImg .textBlockElement .text { width: 100%; max-width: 100%; }

.addH3 .textBlockElement > h3 { display: block; }

/* Animations */
.animateTop .textBlockElement > h3 { top: -300px; }

.animateLeft .textBlockElement > h3 { left: -200%; }

.animateRight .textBlockElement > h3 { right: -200%; }

.fadeIn .textBlockElement > h3 { opacity: 0; }

.bgFixed > .column { background-attachment: fixed; }

/* Sponsor Bar */
.sponsorBar { background: #ececec; }

.oneColumn.sponsorBar { background: #ececec; max-width: 1000px; width: 100%; margin: 0px auto; padding-top: 20px; padding-bottom: 20px; }

.edit_mode .sponsorBar .pe50 .drag { width: 25%; float: left; }

.edit_mode .sponsorBar .pe100 .drag { width: 25%; float: left; }

.user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .sponsorBar .pageEl { padding: 10px 30px 0px; }

.user_mode .sponsorBar .pe50 { float: left; }

.user_mode .sponsorBar .pe100 { float: left; }

.user_mode .sponsorBar .pe50 .pageEl { float: left; width: 25%; }

.user_mode .sponsorBar .pe100 .pageEl { float: left; width: 25%; }

.user_mode .sponsorBar .pageElement.heroPhotoElement { width: 100px; height: 87px; }

.sponsorBar .heroPhotoElement a img { opacity: 1; transition: all 300ms ease-in-out; width: 100%; height: 100%; }

#home .oneColumn.sponsorBar { background: inherit; }

.edit_mode .oneColumn.sponsorBar { max-width: 100%; }

.edit_mode .sponsorBar .heroPhotoElement a img { width: 100%; }

#home.user_mode .sponsorBar .pe100 .pageEl { width: 12.5%; }

.sponsorBar .heroPhotoElement a:hover img { opacity: .75; }

.textBlockElement .text p { color: #333; }

.rightPanel .textBlockElement .text p { color: #777; }

/* Tagline */
.tagline { bottom: 0; display: block; left: 0; margin-bottom: 8px; margin-left: 40px; position: absolute; z-index: 2; }
.tagline h2 { display: inline-block; font: 600 12px/1.5em "myriad-pro",sans-serif; color: #898989; text-transform: capitalize; }
.tagline h3 { display: inline-block; margin-left: 10px; font: 600 12px/1.5em "myriad-pro",sans-serif; color: #898989; text-transform: capitalize; }

.newsletterBtn { text-align: center; text-decoration: none; font: normal 16px/1.5em Helvetica, Arial, sans-serif; padding: 10px; display: block; max-width: 300px; width: 100%; margin: auto; border-radius: 1px; background: #003468; color: #99c6fe !important; border: 1px solid #99c6fe; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.newsletterBtn:hover { background: #1c1c21; color: #fff !important; }

/* New Nav */
#newNav { display: none; width: 80%; margin: auto; }
#newNav #googleSearch { display: block; margin: auto; width: 100% !important; position: relative !important; }
#newNav .newNavinner { display: block; margin: auto; float: left; width: 100%; }
#newNav .newNavinner .newNavbtn { display: block; width: 100%; position: relative; margin: auto; float: left; }
#newNav .newNavinner .newNavbtn a { position: relative; cursor: pointer; text-align: center; background-color: #fff; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; color: #1c1c21; display: inline-block; padding: 30px 15px; text-decoration: none; text-transform: uppercase; margin: auto; width: 50%; float: left; min-height: 120px; font: 700 .8em/1.2em "myriad-pro",sans-serif !important; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#newNav .newNavinner .newNavbtn a:nth-child(2) { border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; }
#newNav .newNavinner .newNavbtn a:hover { background-color: #ecf0f1; }
#newNav .newNavinner .newNavbtn a:before { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 25px; margin: auto; position: relative; width: 25px; margin-bottom: 3px; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'USA Cup Weekend: July 10-12, 2015'"], #newNav .newNavinner .newNavbtn a[title="click to go to 'USA Cup Indoor: July 15-17, 2015'"], #newNav .newNavinner .newNavbtn a[title="click to go to 'USA Cup: July 14-18, 2015'"] { display: none; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Start Here'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/start.svg"); height: 29px; width: 35px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Team Central'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/teamCentral.svg"); width: 50px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Tourney News'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/tourneyNews.svg"); }
#newNav .newNavinner .newNavbtn a[title="click to go to 'USA Cup Community'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/community.svg"); width: 35px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Fun Stuff'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/funStuff.svg"); }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Sports'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/sports.svg"); height: 29px; width: 35px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Facilities'"]:before, #newNav .newNavinner .newNavbtn > a[title="click to go to 'Sports and Meeting Facilities'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/facilities.svg"); width: 50px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'Events & Activities'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/events.svg"); }
#newNav .newNavinner .newNavbtn a[title="click to go to 'NSC Community'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/community.svg"); width: 35px; }
#newNav .newNavinner .newNavbtn a[title="click to go to 'News/Media'"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/news.svg"); }
#newNav .newNavinner .newNavbtn a[title="Search"]:before { background-image: url("http://assets.ngin.com/site_files/6974/assets/img/icons/search.svg"); }
#newNav .newNavinner .newNavLists { display: block; float: left; width: 100%; }
#newNav .newNavinner .newNavLists ul { display: none; float: left; }
#newNav .newNavinner .newNavLists ul ul { display: none; }
#newNav .newNavinner .newNavLists .dropdown { background-color: #1c1c21; position: relative; display: none; width: 100%; padding: 15px 0px 20px 0px; box-shadow: 0px 0px 0px; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#newNav .newNavinner .newNavLists .dropdown li:nth-child(even) { border-left: 2px solid #647484; }
#newNav .newNavinner .newNavLists .dropdown li { background: #1c1c21; float: left; display: block; width: 100%; border: 0px !important; }
#newNav .newNavinner .newNavLists .dropdown li a { background: none repeat scroll 0 0 transparent; border-width: 0; color: #fff; font: 600 .8em/2em "myriad-pro",sans-serif; text-transform: uppercase; width: auto; padding: 5px 30px; opacity: 1; border: 0px !important; width: 100%; display: block; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
#newNav .newNavinner .newNavLists .dropdown li a .dropdown-disclosure { display: none; }
#newNav .newNavinner .newNavLists .dropdown li a.disabled { background: transparent; background-color: transparent; color: #777; }
#newNav .newNavinner .newNavLists .dropdown li a:active { color: #fff; background-color: #cb1018; }
#newNav .last { border-bottom: 1px solid #d1d1d1; }

#home .respTwo, .respTwo { position: relative; display: block; margin: auto; max-width: 990px; width: 100%; }
#home .respTwo .column, .respTwo .column { display: block; }
#home .respTwo .column .pageEl, .respTwo .column .pageEl { background: #fff; border-top: 4px solid #cb1018; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin: 30px 15px; display: block; }
#home .respTwo .column .pageEl .pageElement, .respTwo .column .pageEl .pageElement { padding: 40px; }
#home .respTwo .column .pageEl .pageElement h3, .respTwo .column .pageEl .pageElement h3 { text-align: left; }

.newsPage .rightNav { display: none !important; }
.newsPage .innerHeader { width: 100% !important; }
.newsPage #breadcrumbs .left ul.breadcrumbs li { display: none !important; }

.user_mode.micrositeEmbedPage #pageContentContainer .innerContent { max-width: 990px; width: 100%; }
.user_mode.micrositeEmbedPage #pageContentContainer #panelTwo { width: 100%; max-width: 990px; margin: auto; display: block; float: none; }
.user_mode.micrositeEmbedPage #pageContentContainer #panelTwo #displayBodyContent { max-width: 100%; width: 100%; }

/* Weather Styles */
.weatherElement { padding: 0; background: #FFFFFF; }

.weather-currentConditions { background: transparent; color: #e5e5e5; border-top-left-radius: 0px; border-top-right-radius: 0px; color: #333; text-shadow: none; padding: 2% 0% 1.3% 2%; border: none; width: 65.8%; margin: auto; display: block; }

.weather-noForecast .weather-currentConditions { border-radius: 10px; }

.weather-icon { float: left; margin: 0 0 0 -5px; width: 33%; }

.weather-icon img { display: block; margin: 0 auto; max-width: 318px; width: 100%; }

.weather-temperature { color: #000; font-size: 36px; line-height: 1em; margin: 0px; }

.weather-description { display: inline-block; margin: 0 0.5em 5px 0; }

p.weather-range { display: inline-block; margin: 0; }

.weather-range { font-size: 32px; }

p.weather-location { margin: 0; }

.weather-location { font-size: 16px; line-height: 1em; }

.weather-5dayForecast { border: 0px; clear: none; width: 100%; margin: auto; padding: 0; }

.weather-5dayForecast ul { background: transparent; border-radius: 0px; color: #6E6E6E; font-weight: 300; list-style: none; margin: auto; padding: 0; display: block; max-width: 325px; width: 100%; }

.weatherElement .weather-5dayForecast li .clearfix { width: initial; float: right; clear: none; margin-right: 2%; }

.weatherElement .weather-5dayForecast li { width: 100%; padding: 0px; background: #FFFFFF; height: 34px; border-right: 0px; }

.weatherElement .weather-5dayForecast li b, .weatherElement .weather-5dayForecast li img { float: left; display: inline; clear: none; }

.weatherElement .weather-5dayForecast li b { width: 52px; font-size: 16px; margin-left: 5%; float: left; font-weight: 300; line-height: 32px; }

.weatherElement .weather-5dayForecast li img { width: 30px; float: left; margin-left: 0%; margin-top: 5px; }

.weather-5dayForecast .weather-high { line-height: 32px; }

.weather-5dayForecast .weather-low { line-height: 32px; }

.weatherElement .weather-5dayForecast .weather-high, .weatherElement .weather-5dayForecast .weather-low { display: inline; font-size: 18px; margin: 0px 7px; }

.weatherElement .weather-5dayForecast .weather-high { color: #900; }

.weatherElement .weather-5dayForecast .weather-low { color: #265F83; margin-bottom: 0px; }

/* Wide Columns */
.pe100 .weather-temperature { font-size: 54px; }

.pe66 .weather-temperature { font-size: 48px; }

.pe66 .weather-description, .pe50 .weather-description { font-size: 24px; }

.pe100 .weather-5dayForecast li:last-child, .pe66 .weather-5dayForecast li:last-child, .pe50 .weather-5dayForecast li:last-child { border: none; }

.pe100 .weather-5dayForecast li p, .pe66 .weather-5dayForecast li div, .pe66 .weather-5dayForecast li p, .pe50 .weather-5dayForecast li p { clear: left; display: block; max-width: auto; width: 100%; }

.pe66 .weather-5dayForecast .weather-high { line-height: 1.2em; }

.pe50 .weather-5dayForecast .weather-high { line-height: 1.2em; }

.pe50 .weather-5dayForecast .weather-low { line-height: 1.2em; }

/* Narrow Columns */
.pe25 .weather-temperature { font-size: 28px; }

.pe25 .weather-temperature, .pe33 .weather-temperature { line-height: 125%; }

.pe33 .weather-description, .pe25 .weather-description { clear: left; font-size: 14px; }

.pe50 .weather-location, .pe33 .weather-location, .pe25 .weather-location { font-size: 12px; }

.pe33 .weather-5dayForecast li:last-child, .pe25 .weather-5dayForecast li:last-child { border: none; }

.pe33 .weather-5dayForecast div, .pe25 .weather-5dayForecast div { float: left; }

.pe33 .weather-5dayForecast .weather-high, .pe25 .weather-5dayForecast .weather-high { line-height: 1.2em; }

/*shared by columns*/
.pe100 .weather-5dayForecast li:last-child, .pe66 .weather-5dayForecast li:last-child, .pe50 .weather-5dayForecast li:last-child { border-bottom: 0px; }

.pe66 .weather-description, .pe50 .weather-description { font-size: 24px; }

.pe50 .weather-currentConditions, .pe33 .weather-currentConditions, .pe25 .weather-currentConditions { width: 98%; border-bottom: 1px solid #ddd; border-right: 0px; }

.pe50 .weather-5dayForecast, .pe33 .weather-5dayForecast, .pe25 .weather-5dayForecast { width: 100%; }

.pe50 .weatherElement .weather-5dayForecast b, .pe33 .weatherElement .weather-5dayForecast b { line-height: 34px; width: initial; display: inline-block; margin-left: 3%; }

.pe50 .weatherElement .weather-5dayForecast li img, .pe33 .weatherElement .weather-5dayForecast li img { margin-top: 6px; }

.pe50 .weatherElement .weather-5dayForecast p, .pe33 .weatherElement .weather-5dayForecast p { line-height: 34px; }

/*might be duplicates under here*/
/*100*/
.pe100 .weather-currentConditions { min-height: 150px; }

/*66*/
.pe66 .weather-currentConditions { width: 50%; }

.pe66 .weather-5dayForecast { width: 47.7%; padding-top: 5px; }

.pe66 .weatherElement .weather-5dayForecast li { height: 33px; }

.pe66 p.weather-range { display: block; text-align: right; margin-right: 16%; margin-top: -5%; }

/*50*/
.pe50 .weather-icon { width: 33%; }

.pe50 .weather-range { margin-top: -5%; }

.pe50 .weather-location { text-indent: 32%; }

/*33*/
.pe33 .weather-range { text-indent: 30%; margin-top: -5%; }

.pe33 .weather-description { font-size: 18px; }

/*25*/
.pe25 .weatherElement .weather-5dayForecast b { line-height: 34px; width: 34px; font-size: 14px; margin: 0 0 0 5%; }

.pe25 .weatherElement .weather-5dayForecast p { font-size: 14px; line-height: 34px; margin: 0px 3px; }

.pe25 .weatherElement .weather-5dayForecast li img { margin-right: 0px; }

.pe25 .weather-range { margin-top: -5%; font-size: 22px; text-indent: 30%; }

#trumba\.spud\.1 { display: none !important; }

/* Desktops & laptops ----------- */
@media only screen and (max-width: 87.5em) { /* > 1400px Styles */
  #ngin7286 .tagline { display: none; } }
@media only screen and (max-width: 75em) { /* > 1200px Styles */
  .tagline { display: none; } }
@media only screen and (max-width: 70.625em) { /* > 1130px Styles */
  #callOutWrap { display: none; } }
@media screen and (max-width: 64em) { /* > 1024px Styles */
  .bgFixed > .column { background-attachment: inherit; } }
@media only screen and (max-width: 58.75em) { /* > 990px Styles */
  #yieldContent .column { width: 100%; } }
/* iPad & Mobile ----------- */
@media only screen and (max-width: 48em) { /* > 768px Styles */
  .mobile #mobileMenu { display: block; }
  .siteContainer #navWrap { position: absolute; height: 100%; background: transparent; }
  .siteContainer #navWrap #navWrapInner { position: absolute; height: 100%; z-index: 10; background: rgba(255, 255, 255, 0.93); display: none; }
  .siteContainer #navWrap #navWrapInner #siteHeader, .siteContainer #navWrap #navWrapInner #topNav { background: transparent; }
  #newNav { display: block; }
  .gsc-results-wrapper-overlay { width: 94% !important; margin: auto !important; top: 8% !important; left: 3% !important; display: block; height: 88% !important; z-index: 999999; }
  .searchBtnMobile .gsc-control-cse { padding: 0px 20px !important; background: transparent !important; border-bottom: 0px !important; }
  .searchBtnMobile .gsc-selected-option { font-size: 10px; }
  #siteHeader, #topNav { width: 100% !important; max-width: 100%; }
  #siteHeader > table, #topNav > table { max-width: 270px; width: 100%; margin: auto; display: none; float: none; }
  #siteHeader > table td, #topNav > table td { max-width: 50%; width: 100%; }
  #siteHeader > table td > a, #topNav > table td > a { border: 1px solid #d1d1d1; }
  #siteHeader > table td ul, #topNav > table td ul { position: relative; width: 100%; }
  #siteHeader > table td ul li, #topNav > table td ul li { display: block; width: 100%; float: none; border: 0px; }
  #siteHeader > table td ul li a, #topNav > table td ul li a { font-size: 1em; }
  #siteHeader > table td ul li.hover ul, #siteHeader > table td ul li:hover ul, #topNav > table td ul li.hover ul, #topNav > table td ul li:hover ul { display: none; left: 0; }
  #siteHeader > table td ul li:nth-child(even), #topNav > table td ul li:nth-child(even) { border-left: 0px; }
  #siteHeader > table td ul ul, #topNav > table td ul ul { background: #003468; display: none; left: 0; }
  #siteHeader > table td ul ul li.hover > a, #siteHeader > table td ul ul li:hover > a, #topNav > table td ul ul li.hover > a, #topNav > table td ul ul li:hover > a { background: #003468; }
  #siteHeader > table td:hover > ul, #siteHeader > table td.hover > ul, #topNav > table td:hover > ul, #topNav > table td.hover > ul { display: none; }
  .user_mode #pageContentContainer .displayHeader .innerHeader { width: 100%; max-width: 100%; position: relative; }
  .user_mode #pageContentContainer .displayHeader .innerHeader h2 { padding-left: 15px; padding-right: 15px; max-width: 100%; }
  .user_mode #pageContentContainer .displayHeader .rightNav { width: 100%; max-width: 100%; position: relative; }
  .user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection { width: 100%; background: #0c2641; color: #fff; text-transform: uppercase; padding: 20px 0px 20px 15px; text-align: left; }
  .user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection span { width: 80%; }
  .user_mode #pageContentContainer .displayHeader .rightNav h2.currentSection .subNavToggle { display: inline-block !important; }
  .user_mode #pageContentContainer .displayHeader .rightNav ul li a { padding: 5px 15px; }
  .user_mode #pageContentContainer .displayHeader .rightNav .subNavContainer { overflow: auto; height: auto; padding-bottom: 20px; }
  .user_mode #pageContentContainer #breadcrumbs .left { width: 100%; max-width: 100%; position: relative; }
  .user_mode #pageContentContainer #breadcrumbs .left ul.breadcrumbs { width: 100%; max-width: 100%; position: relative; }
  .user_mode #pageContentContainer #breadcrumbs .right { width: 100%; max-width: 100%; position: relative; }
  .user_mode #pageContentContainer #breadcrumbs .right .appBtn { text-align: center; }
  .user_mode #pageContentContainer #panelOne { width: 100%; float: left; }
  .user_mode #pageContentContainer #panelTwo { width: 100%; float: left; }
  .user_mode #pageContentContainer #panelTwo #displayBodyContent { border-bottom: 0px; border-left: 0px; width: 100%; max-width: 100%; }
  .user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .column, .user_mode #pageContentContainer #panelTwo #displayBodyContent #yieldContent .preLayout .column { width: 100%; border: 0px; }
  #rightPanel #static .layoutContainer { max-width: 100%; padding-left: 0px; }
  #rightPanel #dynamic .layoutContainer { max-width: 100%; padding-left: 0px; }
  .respTabs .tabbedElement ul.contentTabs { display: block !important; }
  .respTabs .tabbedElement .tabContainer .layoutContainer { border-top: 0px !important; margin: auto !important; }
  .user_mode .layoutContainer .tabbedElement { margin: 30px 15px; }
  .user_mode .layoutContainer .tabbedElement ul.contentTabs li span a { font: 600 0.7em/1.5em "myriad-pro",sans-serif; }
  .user_mode .layoutContainer .tabbedElement .tabContainer .layoutContainer { border-top: 0px; margin: auto; }
  .tabInner { width: 100% !important; }
  .heroImage .textBlockElement > h3 { font-size: 2.75em !important; padding-left: 30px; padding-right: 30px; padding-top: 12%; }
  .heroImage .textBlockElement .text { padding-left: 30px; padding-right: 30px; }
  .callouts .pageEl, .callouts .edit_mode .callouts .drag { width: 100%; }
  .callouts .textBlockElement .text { height: 100%; }
  .callouts .textBlockElement .callout { height: 60px; border: 0px; }
  .callouts .callout h3 { cursor: pointer; }
  #siteFooter > ul li { display: none; }
  #siteFooter > ul li:first-child { display: block; }
  #siteFooter .topFooter .innerWrap .left { width: 100%; display: block; }
  #siteFooter .topFooter .innerWrap .right { width: 100%; margin: auto; display: block; max-width: 380px; }
  #siteFooter .exList { display: none; }
  #siteFooter .exList.contact { display: block; }
  #siteFooter .exList.contact > a { display: inline-block; width: 100% !important; }
  #siteFooter .exList.contact ul { display: inline-block; width: 100% !important; }
  .user_mode .sponsorBar .pe50 .pageEl { float: left; width: 50%; }
  .user_mode .sponsorBar .pe100 .pageEl, #home.user_mode .sponsorBar .pe100 .pageEl { float: left; width: 50%; }
  .user_mode .sponsorBar .pageElement.heroPhotoElement, #home.user_mode .sponsorBar .pageElement.heroPhotoElement { margin: auto !important; display: block; }
  .bgFixed > .column { background-attachment: inherit; }
  .weatherElement .weather-currentConditions { width: 80%; }
  .weatherElement .weather-currentConditions .weather-temperature { font-size: 2.75em; }
  .weatherElement .weather-currentConditions .weather-description { line-height: 1.5em; }
  .weatherElement .weather-currentConditions .weather-range { line-height: 1.5em; }
  .weatherElement .weather-currentConditions .weather-location { line-height: 1.5em; } }
@media only screen and (max-width: 40em) { /* > 640px Styles */
  .callouts .textBlockElement > a:hover .text { height: 100%; padding-top: 35%; }
  .preText .textBlockElement .leftTextImage, .preText .textBlockElement .rightTextImage { display: block; border: 0; border-bottom: 1px solid #cfcfcf; display: block; float: none; margin: auto; max-width: 100%; position: relative; width: 100%; }
  .preText .textBlockElement .leftTextImage img, .preText .textBlockElement .rightTextImage img { width: auto; margin: auto; }
  .preText .textBlockElement .text { max-width: 100%; width: 100%; display: block; }
  .user_mode #pageContentContainer .displayHeader .innerHeader h2 { font: 700 2.2em/1.1em "myriad-pro",sans-serif; } }
@media only screen and (max-width: 30em) { /* > 480px Styles */
  .callouts .textBlockElement > a:hover .text { height: 100%; padding-top: 35%; }
  .heroImage .textBlockElement > h3 { font-size: 2em !important; } }

/*# sourceMappingURL=6974_styles.css.map */
