 /*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
* Updated February 21, 2018 for GGC Brand Refresh by Catherine Nasije
*/

/* Table of Content
==================================================
	#Site Styles
		#Site Essential
		#Box Shadow
		#Image Replacement
		#Bands
		#Header
			##Header Border
			##Logo
			##Quick Links
			##Search
			##Primary Navigation
		#News & Social Icons
		#Main Slider
			##Flexslider Default
			## Custom Flexslider Nav Controls
		#Bottom Bar
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/*--- GGC Licenced fonts ---*/

@font-face {
font-family: Suisse-Regular;
src: url("/web/css/fonts/SuisseIntl-Regular.otf");
}
@font-face {
font-family: Suisse-Semi-Bold;
src: url("/web/css/fonts/SuisseIntl-SemiBold.otf");
}
@font-face {
font-family: Ideal-Sans-Semibold-Pro;
src: url("/web/css/fonts/IdealSans-Semibold-Pro.otf");
}

/*=====================END Fonts =====================*/

/* #Typography (baseline corrections)
-------------------------------------------------- */

body, p{ 
	font-family: Suisse-Regular, Arial, Helvetica, Sans-Serif !important; 
}
h1, h2, h3, h4, h5, h6, .pagetitle{
	font-family: Ideal-Sans-Semibold-Pro, Arial, Helvetica, Sans-Serif !important;
}
h1 { line-height: 42px; margin-bottom: 14px;}
h2 { line-height: 35px; margin-bottom: 7px; border: none !important; margin-top: 0 !important;}
h3 { line-height: 28px; margin-bottom: 7px; margin-top: 0 !important;}
h4 { line-height: 21px; margin-bottom: 7px; }
h5, h6 { line-height: 14px; }

h1 {
    font-size: 35px
}
h2 {
    font-size: 28px
}
h3 {
    font-size: 21px
}
h4 {
    font-size: 14px
}
h5, h6 {
    font-size: 12px
}
p { margin: 0 0 21px 0; }

a, a:visited { color: #005B94; text-decoration: none; }
a:hover, a:focus { color: #174a7c; text-decoration: underline; }

/*	##Blockquotes  */

blockquote, blockquote p { line-height: 21px;}
blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

hr { margin: 14px 0 28px;}
	
/* #Lists (baseline corrections)
-------------------------------------------------- */

ul, ol { margin-bottom: 14px; margin-left: 21px;}
ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 7px 14px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 7px; }
li { line-height: 21px; margin-bottom: 0px; }

/* #Box Sizing 
-------------------------------------------------- */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* #Image Replacement 
-------------------------------------------------- */

.ir { 
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}


/* #Images
-------------------------------------------------- */

img {
	max-width: 100% !important;
}

/* ##Page Banner */

.pg-banner {
	border: 4px solid #c1ccd4;
}

/* ##Page Side Images */

.pg-rightimage {
	float: right;
	padding: 3px;
	margin: 3px;
	background-color: #d5dce2;
	border: 1px solid #c1ccd4;
}

.pg-leftimage {
	float: left;
	padding: 3px;
	margin: 4px;
	background-color: #d5dce2;
	border: 1px solid #c1ccd4;
}

/* ##Logos */

.logo-display li {
	margin: 7px;
	display: inline-block;
    *display: inline;
}

/* #Wrapper 
-------------------------------------------------- */

.container.wrapper {
	box-shadow: 0px 0px 20px #bcbcbc;
}

/* #Buttons
-------------------------------------------------- */

.button:hover {
	text-decoration: none;
}

/* #Global
-------------------------------------------------- */

/* ##Floats */

.left {
	float: left;
}

.right {
	float: right;
}

/* ##Sidebar */

.sidebar {
	background-color: #bdd8f1;
	padding: 10px;
	border-radius: 5px;
}

/* ##Font Colors */

.font-white {
	color: #ffffff;
}

.font-pms661 {
	color: #005B94;
}

.font-pms534 {
	color: #174a7c;
}

.font-pms659 {
	color: #739dd2;
}

/* ##Background Colors */

.sparks {
	background-color: #f16d9a;
}

.brownies {
	background-color: #663700;
}

.guides	{
	background-color: #003468;
}

.pathfinders {
	background-color: #491942;
}

.rangers {
	background-color: #ee3124;
}
.metro {
    margin-left: 0px !important;
}
.metro h3 {
    color: #ffffff;
}
.metro li {
    list-style-type: none !important;
    padding: 10px !important;
    margin-bottom: 10px;
    color: #ffffff;
}
.pms210 h3, .pms306 h3{
     color: #000000 !important;
}
.pms212 {
	background-color: #f16d9a;
}

.pms1545 {
	background-color: #663700;
}

.pms648	{
	background-color: #003468;
}

.pms485 {
	background-color: #ee3124;
}

.pms362 {
	background-color: #49a942;
}

.pms210 {
	background-color: #f7aec3;
    color: #000000 !important;
}

.pms167 {
	background-color: #d06f1a;
}

.pms306 {
	background-color: #06d1ff;
    color: #000000 !important;
}

.pms364 {
	background-color: #2d6523;
}

.pms202 {
	background-color: #98002e;
}

.pms359 {
	background-color: #a7d59d;
}

.pms200 {
	background-color: #d31145;
}

.pms397 {
	background-color: #bfb931;
}

.pms115 {
	background-color: #ffe14f;
}

/* ##Page Headings h3 */

.pg-heading {
	padding: 10px;
	color: #ffffff;
	background-color: #005B94;
}

/* #Bands 
-------------------------------------------------- */

.band {
	background-color: #ffffff;
	padding: 14px 0;
}

.band.header {
	padding: 7px 0 0;
	background: #ffffff !important; /* Old browsers */
}

.band.main-slider {
	/*--old updated feb 21, 2018 ----*/
	/* background-color: #218ace; */
	/* background: url('/App_Themes/Provincial/img/main-slider-bg.png') repeat-x;*/	
	background-color: #005B94;
	padding: 0;
}

.band.social {
	border-top: none;
	border-bottom: 2px solid #64CBE8;
	padding-bottom: 0px;
	background: #ffffff !important;
}

/*Removed left margin so navigation can flash with container */

.ContentPanel .band.main .container .sixteen.columns {
    margin-left: 0px !important;
}
/*---- Hid social panel in content area ---*/
.ContentPanel .band.social{
    display: none !important;
}

/*--- updated Feb 21, 2018 - removed gradient and changed colour ---*/
.band.footer {
    border-top: 3px solid #64CBE8;
    background: #c3e8f3 !important;
	font-size: 12px;
}

.band.bottom {
	font-size: 12px;
	border-top: 2px solid #fff;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.band.footer ul li, .band.header ul li, .band.main-slider ul li, .social-icons li{list-style-type: none !important;}
/* #Header 
-------------------------------------------------- */

.header-bottom-border {
	display: none;
	/*
	height: 5px;
	background-color: #efefef;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	margin-top: -1px;*/
}

/* ##Logo */

.logo a {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll 0 0 transparent;
	width: 228px;
	height: 52px;
	display: block;
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

h1.logo {
	margin: 0px;
}

/* ##Provincial Name */

span.prov-name {
	color: #005B94;
	font-weight: 700;
	font-size: 11px;
}

/* ##Inner Header */

.inner-header {
	float: right;
	width: 700px;
}

/* ##Quick Links */

.topbar-links {
	font-size: 11px;
	float: right;
	padding-top: 2px;
}

.topbar-links ul {
	display: inline;
	margin: 0px;
}

.topbar-links ul li {
	display: inline;
	padding-right: 10px;
}

.topbar-links ul li input {
	display: inline;
}

.topbar-links a {
	text-decoration: none;
}

.bullet-icon {
	background-color: #eee;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	text-align: center;
	color: #929292;
}

/* ##Search */

.search-box {
	float: right;
}

.search-box form,
.search-box fieldset,
.search-box input {
	margin: 0;
}

.search-box fieldset input[type="text"] {
	width: 150px;
	padding: 4px 7px;
	font-size: 11px;
	border: 1px solid #a08686;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	max-width: 150px;
	line-height: normal;
	height: auto;
}

.search-box fieldset input[type="submit"] {
	padding: 4px 7px;
	font-size: 11px;
	color: #fff;
	border: 1px solid #f0f0f0;
	background: #999;
	border-radius: 4px;
}

.search-box fieldset input[type="submit"]:hover,
.search-box fieldset input[type="submit"]:focus {
	background: #777;
}

.search-box fieldset input[type="submit"]:active {
	background: #666;
}

/* ##Primary Navigation */
.primary-nav  {
	float: right;
	clear: both;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-topright: 5px !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    padding-top: 2px;
    margin-top: 35px;
}

.sf-menu, .primary-nav .rmRootGroup {
	float:			left !important;
	margin-bottom:	1em !important;
}
.sf-menu a, .primary-nav .rmRootGroup a {
	padding: 		.75em .75em !important;
	text-decoration:none !important;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#434e53;
}
.sf-menu li li, .primary-nav  .rmRootGroup li li, .primary-nav  .rmGroup li {
	background:		#fbfbfb !important;
	border: 1px solid #eaeaea !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #eaeaea !important;
}
.sf-menu li li li, .primary-nav .rmRootGroup li li li {
	background:		#fbfbfb !important;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.primary-nav .rmRootGroup li li:hover, .primary-nav .rmGroup li:hover {
	background:		#efefef !important;
	/*background: url('/App_Themes/National/img/nav-hover-bg.png') no-repeat center 18px;*/
	outline:		0;
}

/* ##Superfish Essential Styles */

.sf-menu, .sf-menu *, .primary-nav .rmRootGroup .rmRootGroup * {
	margin:			0 !important;
	padding:		0 !important;
	list-style:		none !important;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li, .primary-nav .rmRootScrollGroup li {
	float:			left;
	position:		relative;
}
.sf-menu a, rmRootScrollGroup a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	/*text-indent: 	-999em;*/
	overflow:		hidden;
	background:		url('/App_Themes/National/img/sf-arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* #Main Slider
-------------------------------------------------- */

.main-slider h1,
.main-slider p {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

.main-slider ul,
.main-slider li {
	padding: 0;
	margin: 0;
}

.main-slider {
	/*border-top: 5px solid #e3e3e3;
	border-bottom: 3px solid #e3e3e3;*/
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* ##Custom Flexslider Nav Controls */

.flex-control-nav {
	display: inline;
	position: absolute;
	top: 80%;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #d5d5d5;
	opacity: .5;
	border: 1px solid#d5d5d5;
	
	cursor: pointer;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.flex-control-nav .flex-active,
.flex-control-nav li a.active,
.flex-control-nav li a:hover {
	background: #f1f1f1;
	opacity: 1;
}

/* #Page Title 
-------------------------------------------------- */

.page-title {
	padding: 14px 0 7px;
}

.page-title h2 {
	color: #fff;
}

/* #Breadcrumbs 
-------------------------------------------------- */

nav.breadcrumb {
	font-size: 14px;
	color: #ccc;
}

nav.breadcrumb ul,
nav.breadcrumb li {
	margin: 0;
	padding: 0;
}

nav.breadcrumb li {
	float: left;
}

nav.breadcrumb a {
	margin: 0 5px;
	text-decoration: none;
	color: #999;
}

nav.breadcrumb a:first-child {
	margin-left: 0;
}

nav.breadcrumb a:after {
	/*content: '/';*//*imis wont let us remove the >, and :nth-child hacks dont work in ie7/8 */
	margin-left: 5px;
}

nav.breadcrumb a:hover,
nav.breadcrumb a:focus {
	color: #333;
}

nav.breadcrumb a:active {
	color: #666;
}

nav.breadcrumb strong {
	font-weight: bold;
	color: #333;
}	

/* #News & Social Icons 
-------------------------------------------------- */

/* ##News Rss Feed */

.news p {
	margin: 0;
	padding: 0;
}

.icon-rss {
	color: #fff;
	font-size: 21px;
}

.news-title {
	font-weight: bold;
}

.icon-rss-bg {
	background-color: #bdd8f1;
	border-radius: 3px;
	text-align: center;
	padding: 2px 5px;
}

.news a {
	color: #3a9bc4;
	text-decoration: none;
}

.news a:hover {
	color: #005B94;
}

.news .arrow {
	font-size: 11px;
	font-weight: bold;
}

/* ##Social Media Icons */

.social-icons ul,
.social-icons li {
	margin: 0;
}

.social-icons li {
	float: left;
	padding-left: 5px;
}

.social-icons a {
	width: 23px;
	height: 23px;
	display: block;
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.facebook-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll 0 -125px transparent;
}

.facebook-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll 0 -100px transparent;
}

.twitter-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -28px -125px transparent;
}

.twitter-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -28px -100px transparent;
}

.ggcblog-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -58px -125px transparent;
}

.ggcblog-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -58px -100px transparent;
}

.linkedin-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -87px -125px transparent;
}

.linkedin-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -87px -100px transparent;
}

.pinterest-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -117px -125px transparent;
}

.pinterest-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -117px -100px transparent;
}

.flickr-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -146px -125px transparent;
}

.flickr-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -146px -100px transparent;
}

.youtube-icon:hover {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -176px -125px transparent;
}

.youtube-icon {
	background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -176px -100px transparent;
}
.instagram-icon:hover {
	background: url('/Web/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -205px -125px transparent;
}

.instagram-icon {
	background: url('/Web/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -205px -100px transparent;
}
/* #Side Navigation
-------------------------------------------------- */
.sidenav {
    background-color: #c3e8f3;
    /* border-radius: 5px; */
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.sidenav ul,
.sidenav li {
	padding: 0;
	margin: 0;
}

.sidenav h3 {
	color: #444;
	padding: 7px 10px;
	border-bottom: 1px solid #444;
	margin-bottom: 0;
}

.sidenav li {
	/*padding: 14px 10px;*/
	 border-bottom: 1px solid #fff;
}

.sidenav li:last-child {
	border: none;
}

/*.sidenav li:hover {
	cursor: pointer;
	background-color: #005B94;
}

.sidenav li:hover a {
	color: #ffffff;
}*/

.rtLI div {
    padding: 14px 10px !important;
}
.RadTreeView .rtPlus, .RadTreeView .rtMinus 
{
    margin-left: 0 !important;
}
/*
.RadTreeView .rtUL .rtLI .rtUL {
    padding-left: 45px !important;
} */
.rtHover
{
    background-color: #005B94;
    color: #ffffff !important;
}
.rtIn
{
    white-space: normal !important;
}
.rtHover .rtIn
{
    background: none !important;
    border: none !important;
    color: #ffffff !important;
}
.RadTreeView_Austin .rtSelected {
    background-color: #005B94 !important;
    color: #ffffff !important;
}

.RadTreeView_Austin .rtSelected .rtIn 
{
    background: none !important;
    border: none !important;
}

.sidenav a {
	font-weight: bold;
	text-decoration: none;
}

.sidenav a:hover {
	text-decoration: none;
}

.sidenav li.selected {
	background-color: #005B94;
}

.sidenav li.selected a {
	color: #fff;
}
.RadTreeView .rtIn {
    display: inline-block !important;
    width: 100%;
}
/* #Hot Boxes
-------------------------------------------------- */

#hot-boxes li {
	float: left;
	text-align: center;
	margin: 0 20px;
}

#hot-boxes div {
	text-align: left;
	/*width: 263px;*/
	height: 280px;
	padding: 7px;
	border: 1px solid #c1ccd4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: -11px;
	background: #e2e9f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e2e9f0 0%, #eff5fc 50%, #e2e9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e9f0), color-stop(50%,#eff5fc), color-stop(100%,#e2e9f0)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e9f0', endColorstr='#e2e9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#hot-boxes div h3,
#hot-boxes div h5 {
	color: #00549f !important;
}

#hot-boxes a {
	text-transform: lowercase;
	padding: 2px 7px;
	background-color: #f7f7f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
	border: 1px solid #c1ccd4;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #f7f7f7 50%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(50%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#f7f7f7 50%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#f7f7f7 50%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#f7f7f7 50%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#f7f7f7 50%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

.icon-circle-arrow-right {
	color: #bababa;
	margin-left: 5px;
}

.hot-boxes-btn .prev {
	position: absolute;
	top: 125px;
}

.hot-boxes-btn .next {
	position: absolute;
	top: 125px;
	right: 10px;
}

.hot-boxes-btn .hot-boxes-btn a,
.hot-boxes-btn .hot-boxes-btn a {
	text-decoration: none;
	font-size: 21px;
}

/* #Quick Boxes
-------------------------------------------------- */

.quick-boxes {
	padding: 10px;
	height: 214px;
}

#qb-carousel {
	text-align: center;
	margin-top: 21px;
}

.quick-boxes li {
	font-weight: bold;
	width: 100px;
	padding: 28px 10px 14px;
	text-align: center;
	display: inline-block;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #0f529e; /* Old browsers */
	background: -moz-linear-gradient(top,  #0f529e 0%, #2187c9 50%, #1c78be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f529e), color-stop(50%,#2187c9), color-stop(100%,#1c78be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0f529e 0%,#2187c9 50%,#1c78be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0f529e 0%,#2187c9 50%,#1c78be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0f529e 0%,#2187c9 50%,#1c78be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0f529e 0%,#2187c9 50%,#1c78be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f529e', endColorstr='#1c78be',GradientType=0 ); /* IE6-9 */
}

/*.quick-boxes li:first-child {
	margin-left: 13px;
}*/

.quick-boxes a {
	color: #fff;
}

.quick-boxes li i {
	font-size: 35px;
}

#qb-carousel a:hover,
#qb-carousel i:hover {
	text-decoration: none;
	color: #bae4b2;
}

.pagination {
	text-align: center;
}

#qb-pag a {
	color: #387c2c;
	font-weight: bold;
	padding-left:5px;
    padding-right:5px;
}

#qb-pag a:not(:first-child)
{
    border-left: 1px solid #000;
}


#qb-pag a.selected {
	color: #005B94;
	font-weight: bold;
}

#qb-pag a:nth-child(even)
{
    border-left: 1px solid #387c2c;

}

/* #Widgets
-------------------------------------------------- */

/* ##Join Us Box */

.home-widgets h3 {
	color: #478831;
	border-bottom: 1px solid #c1ccd4;
	font-weight: 700;
}

.home-widgets h3 i {
	margin-right: 5px;
}

.home-widgets .join-us,
.home-widgets .news-articles,
.home-widgets .upcoming-events,
.home-widgets .quick-boxes {
	border: 1px solid #c1ccd4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e2e9f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e2e9f0 0%, #eff5fc 50%, #e2e9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e9f0), color-stop(50%,#eff5fc), color-stop(100%,#e2e9f0)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e9f0', endColorstr='#e2e9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.news-articles {
	overflow-y: auto;
	overflow-x: hidden;
}

.upcoming-events {
	overflow-y: auto;
	overflow-x: hidden;
}

.home-widgets .join-us,
.home-widgets .news-articles,
.home-widgets .upcoming-events {
	height: 378px;
	padding: 10px 10px 0;
	border: 1px solid #c1ccd4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: -11px;
	background: #e2e9f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e2e9f0 0%, #eff5fc 50%, #e2e9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e9f0), color-stop(50%,#eff5fc), color-stop(100%,#e2e9f0)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e9f0', endColorstr='#e2e9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.post-date {
	display: block;
	color: #49A239;
}

ol.join-steps {
	list-style: none;
}

/* ##Twitter Widget */

.twitter-widget {
	padding: 10px 10px 0;
	background-color: #005B94;
	border-radius: 5px;
	height: 214px;
	border: 1px solid #c1ccd4;
	background: #e2e9f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e2e9f0 0%, #eff5fc 50%, #e2e9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e9f0), color-stop(50%,#eff5fc), color-stop(100%,#e2e9f0)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #e2e9f0 0%,#eff5fc 50%,#e2e9f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e9f0', endColorstr='#e2e9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow-y: auto;
	overflow-x: hidden;
}

/* ###Twitter Widget Essentials */

.tweet,
.query {
	font: 100% Arial, Georgia, sans-serif;
}

.tweet_list {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
	
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	list-style-type: none;
}
		
.tweet_list li a {
	color: #999;
}
		
.tweet_list .tweet_even {
	background-color: #91E5E7;
}
		
.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}
		
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}


/* #Drop Caps
-------------------------------------------------- */


/* ##Round Numbers */

span.round-number {
    display: inline-block;
    color: #fff;
    text-align: center;
    background-color: #478831;
    border-radius: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-right: 8px;
    margin-top: 3px;
}

/* #Footer
-------------------------------------------------- */

.footer ul {
	margin: 14px 0 0;
}

.footer li {
	margin: 0;
}

.footer ul li a {
	text-decoration: none;
}

.footer h5 {
	/*background: url('/App_Themes/National/img/ggc-sprite-2018.png') no-repeat scroll -200px -170px transparent;*/
	padding: 0px;
	line-height: 18px;
    display: inline-block;
    color: #444 !important;
	font-size: 14px;
	font-weight: 700;
}
.footer a{
	color: #444 !important;
}
.footer .quick-links i {
	position: relative;
	top: 5px;
	left: 0;
	color: #999;
	line-height: 35px;
	font-size: 28px;
	padding-right: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer .quick-links i:hover {
	color: #005B94;
	cursor: pointer;
	padding-right: 15px;
}

/*.ft-title-icon {
	background-position: 0 -150px;
}*/

/* #Bottom Bar 
-------------------------------------------------- */

.bottombar-menu {
	float: right;
}

.bottom p,
.bottombar-menu ul,
.bottombar-menu li {
	margin: 0;
	padding: 0;
}

.bottombar-menu li {
	display: inline;
	border-right: 1px solid;
}

/*.bottombar-menu li:after {
	content: '|';
	padding-left: 10px;
}*/

.bottombar-menu li:last-child {
	border-right: none;
}

.bottombar-menu a {
	text-decoration: none;
	padding: 0 10px;
}

.bottombar-menu li:last-child a {
	padding-right: 0;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.flex-control-nav {
			top: 70%;
		}

		.search-box {
			float: none;
			position: absolute;
			top: 0;
			right: 0;
		}

		.topbar-links {
			float: left;
			margin-top: 7px;
		}

		.social-icons {
			float: none;
			margin-top: 7px;
		}

		.bottombar-nav {
			float: none;
		}

		.bottombar-nav a {
			padding: 7px 10px 0 0;
		}
		
		.footer-col {
			padding-bottom: 14px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.flex-control-nav {
			top: 70%;
		}

		.inner-header {
			float: left;
		}

		.topbar-links {
			float: left;
			margin-top: 7px;
		}

		.social-icons {
			float: none;
			margin-top: 7px;
		}

		.bottombar-nav {
			float: none;
		}

		.bottombar-nav a {
			padding: 7px 10px 0 0;
		}

		.search-box {
			float: left;
			position: static;
			margin-top: 7px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		
		.footer-col {
			padding-bottom: 14px;
		}
	}


/* #Font-Face
================================================== */

@font-face {
	    font-family: 'WebSymbolsRegular';
	    src: url('/App_Themes/National/fonts/websymbols-regular-webfont.eot');
	    src: url('/App_Themes/National/fonts/websymbols-regular-webfont.eot?iefix') format('eot'),
	         url('/App_Themes/National/fonts/websymbols-regular-webfont.woff') format('woff'),
	         url('/App_Themes/National/fonts/websymbols-regular-webfont.ttf') format('truetype'),
	         url('/App_Themes/National/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	    font-weight: normal;
	    font-style: normal; }

@font-face {
	    font-family: 'FontAwesome';
	    src: url('/App_Themes/National/fonts/fontawesome-webfont.eot');
	    src: url('/App_Themes/National/fonts/fontawesome-webfont.eot?iefix') format('eot'),
	         url('/App_Themes/National/fonts/fontawesome-webfont.woff') format('woff'),
	         url('/App_Themes/National/fonts/fontawesome-webfont.ttf') format('truetype'),
	         url('/App_Themes/National/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	    font-weight: normal;
	    font-style: normal; }
	    
	    
/* DH */
.primary-nav .rmRootGroup
{
    border: none !important;
    width: 100% !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.primary-nav .rmRootScrollGroup
{
    /*width: 100% !important;*/
}

.primary-nav .RadMenu
{
    width: 100% !important;
}

.primary-nav .rmItem
{
    margin: 0 !important;
    background-color: #FBFBFB;
}

.primary-nav .rmItem:hover
{
    	background:		#efefef;
	/*background: url('/App_Themes/National/img/nav-hover-bg.png') no-repeat center 18px;*/
	outline:		0;
}

.primary-nav .rmLink
{
    background: none !important;
    font-family: arial, helvatica, sans-seri;
    font-size: 14px !important;
    color: #444444 !important;
    font-weight: 700 !important;
    line-height: 21px !important;
}

.primary-nav span.rmText
{
    font-family: arial, helvatica, sans-seri !important;
    padding: 0 !important;
    margin: 0 !important;
}

.primary-nav .rmVertical
{
    background-color: #FBFBFB !important;
    background-image: none !important;
    border: 1px solid #EAEAEA !important;
}
.primary-nav .rmVertical .rmItem
{
    width: 100% !important;
    float: none !important;
}
.primary-nav .rmVertical .rmItem .rmLink
{
    width: 100% !important;
}

.primary-nav .rmText
{
    background: none !important;
}
.primary-nav .rmGroup
{
    z-index: 10;
}
/*surf to edit pages */

.PanelBody
{
    height: auto;
}

.PanelBody fieldset legend, .EmptyMasterContentPanel fieldset legend {
display: none;
margin: 0 !important;
}
.PanelBody fieldset
{
    margin: 0 !important;
}

.PanelBody .PanelField {
float: left;
clear: left;
width: 95%;
padding: 0.188em 0.125em;
border: none;
}

.PanelField label {
float: left;
text-align: left;
width: 11em;
word-wrap: break-word;
font-size: inherit;
white-space: pre-line;
}

.Required {
background-position: left center !important;
padding-left: 9px !important;
margin-left: -6px !important;
background-image: url(images/required.gif) !important;
background-repeat: no-repeat;
display: inline;
}

.PanelBody .PanelField .PanelFieldValue input
{
    margin: 0 !important;
    padding: 0 !important;
}

.PanelBody .PanelField .PanelFieldValue, .PanelFieldValue {
padding-left: 3px;
padding-right: 3px;
display: inline;
float: left;
width: auto;
}

.PanelFieldValue select
{
    float: left;
    margin: 0;
}

.PanelFieldValus img
{
    padding-top: 2px;
}

.AutoWidth label, .AutoWidth .PanelFieldValue, .AutoWidth {
width: auto !important;
min-width: 1em !important;
}
.ButtonPanel {
height: 25px;
width: 100%;
}
.CommandBar {
float: right;
clear: both;
padding-top: 5px;
position: relative;
z-index: 2;
}

.CommandBar input
{
    margin: 0 !important;
}

#MainPanel .EmptyMasterContentPanel
{
    width: 100% !important;
}

.RadEditor.reWrapper.HtmlEditor {
    height: auto !important;
}

.hidden
{
    display: none !important;
}

/*
.ObjectBrowser_OuterTable .RadMenu
{
    border-bottom: 1px solid #444444;
}

.ObjectBrowser_OuterTable .RadMenu li {
    border-right: 1px solid #444444;
}
.ObjectBrowser_OuterTable .rmText
{
    display: block !important;
    float: none !important;
    padding-right: 10px !important;
}


.RadMenu_Default ul.rmHorizontal .rmLeftImage {
    margin: 4px 4px 0 6px !important;
}
*/
.ctl00_TemplateBody_WebPartControl_Zone1_0 table {
    background-color: blue;
    color: white;
}
.ctl00_TemplateBody_WebPartControl_Zone1_0 a {
    color: white;
}

.divInquiryForm input[type="text"]
{
    padding: 10px !important;
    height: 3em;
}

.divInquiryForm select
{
    padding: 5px;
}	    

.quick_box_parent
{
    margin-left: 25px !important;
}

/**language chooser**/
#language_chooser_container
{
    display: none;
}
#language_chooser_backgroud
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: Black;
    opacity: 0.8;
    z-index: 3000;
}

#language_chooser
{
    width: 400px;
    background-color: White;
    border: 1px solid black;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    margin: 0 auto;
    top: 100px;
    z-index: 3001;
    position: absolute;
    left: 30%;
    padding: 10px;
}

#language_chooser .close_button
{
    background-color: white;
    border-radius: 25px 25px 25px 25px;
    display: block;
    float: right;
    height: 30px;
    padding-left: 11px;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 30px;
    padding-top: 2px;
}

#language_chooser .logo
{
    margin-left: 90px;
    margin-bottom: 10px;
}

#language_chooser .french_chooser
{
    float: left;
    padding-right: 20px;
}

#language_chooser h3
{
    margin-left: 20px;
}

#language_chooser .english_chooser
{
    padding-left: 10px;
    float: left;
    border-left: 1px solid black;
}   

#language_chooser .choosen
{
    padding-left: 15px;
}

.main-content blockquote
{
    border: none !important;
}

.SurfEdit {
background-image: url('/App_Themes/UltraWave/images/enablesurftoedit.png');
width: 25px;
height: 25px;
display: block;
float: right;
}

h2 {
  background-image: none !Important;
}