/* enable display of subLIs, now that btf has loaded */
.topSubLI {
	display:inline-block;
	width:100%;
}

/* Navigation scrollbars for edge 80.+ and Firefox */
#topNav ul, #sideNav ul{
	scrollbar-width:thin;
}
/* Navigation scrollbars for webkit browsers */
#topNav ul::-webkit-scrollbar, #sideNav::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
#topNav ul::-webkit-scrollbar-track, #sideNav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#topNav ul::-webkit-scrollbar-thumb, #sideNav::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(108,122,137,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#topNav ul::-webkit-scrollbar-thumb:window-inactive, #sideNav::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(108,122,137,0.4); 
}

.topRowUL { ADD_MENU_SCROLLBAR:;
			FOR_MOBILE_WIDTHS_APPLY_TO_THIS_UL:;
			FOR_WIDER_WIDTHS_APPLY_TO_ITS_LIs_child_ULs_AT_900w:;
	max-height: 50vh;
	overflow-y: auto;
		
}

@media screen and (min-width:900px){
	.topRowUL { UNSET_MOBILE_SIZE_SCROLLBARS:;
		max-height: unset;
		overflow-y: unset;
	}
	.topSubUL{
		max-height: 50vh;
		overflow-y: auto;
	}
	
}
/* ***************************************** */
/* ***************************************** */
/* ****************   TOP   **************** */
/* **************** DESKTOP **************** */
/* ****************         **************** */
/* ***************************************** */
/* ***************************************** */

@media screen and (min-width:900px){
	#XXXXXXXXXXXXXXXX_topSub_XXXXXXXXXXXXXXXX{}
	.topSubUL {
		display:none;
		position:absolute;
		width:18em;
		background:#edecec; Sub_LEVEL_BG:;
		color:#1f1f1f; DARK_GREY:;
		z-index:12345; HAS_TO_OVERLAP_GALLERY:;
		margin:0;
		padding:0;
		border: 1px solid #044c7a;
	}
	.topSubUL.rightAlign { JQ_CALCULATED:;
		right:0; WILL ALIGN_WITH_topRowLI_RIGHT:;
	}

	.topSubLI {
		margin:0;
		padding:0;
		position:relative; FOR_ARROW_POSITIONING:;
		border-bottom: 1px solid #e2e2e7;
	}
	.topSubLI.markedGroup{
		background:#808080; HILIGHT_BG:;
	}
	.topSubLI.thisIsThePage{}

	.topSubA,
	  .topSubA:visited,
	  .subArrow {
		display:block;
		text-align:left;
		color:#1f1f1f; DARK_GREY:;
		font-weight:400;
		font-size:.94em;
		ppwhite-space:nowrap;
		text-transform:capitalize;
		text-decoration:none;

		margin:0;
		padding:.65em .5em .65em 1em;
	}
	.topSubA.markedGroup  {
		color:#ffffff; HILIGHT_TXT:;
	}
	.topSubA.thisIsThePage{}



	.topSubLI.withArrow {}
	.topSubA.withArrow {
		padding-right:3em; SAME_AS_subArrow_WIDTH:;
	}
	.subArrow { MUCH_FROM_topSubA:;
		text-align:center;
		padding-left:0;
		padding-right:0;

		position:absolute;
		right:0;
		top:0;
		width:3em; SAME_AS_topSubA_withArrow_PADDING_RIGHT:;
		ppbackground:#f1ebe5; Sub_LEVEL_BG:;
		cursor:pointer; THIS_IS_NOT_A_LINK:;
		ppborder-left:1px solid #000000;
		ppborder-top-left-radius: 1.5em;
	}
	.topSubLI.markedGroup .subArrow {
		ppbackground:#346a8d; HILIGHT_BG:;
		color:#000000; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;
	}
	.topSubLI.thisIsThePage .subArrow {
		ppbackground:#f1ebe5; Sub_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
		ppcolor:#000000; DARK_GREY:;
	}




	.topSubLI:hover {
		background:#808080; HILIGHT_BG:;
	}
	.topSubLI:hover .topSubA,
	  .topSubLI:hover .subArrow {
		color:#ffffff; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;
	}
	.topSubA:hover {}
	.topSubA.markedGroup:hover  {}
	.topSubA.thisIsThePage:hover  {}
	.subArrow:hover,
	  .subArrow.arrowClicked {
		ppbackground:#ddd !important; Gchild_LEVEL_BG:; OVERRIDE_ALL:;
		ppcolor:#000000 !important; DARK_GREY:;
	}



	#XXXXXXXXXXXXXXXX_topGchild_XXXXXXXXXXXXXXXX{}
	.topGchildUL {
		display:none; SHOW_BY_JQ_slideDown:;
		background:#ddd; Gchild_LEVEL_BG:;

		width:100%;
		margin:0;
		padding:0;
	}

	.topGchildLI {
		margin:0;
		padding:0;
	}
	.topGchildLI.markedGroup{}
	.topGchildLI.thisIsThePage{}

	.topGchildA,
	.topGchildA:visited {
		display:block;
		text-align:left;
		color:#000000; DARK_GREY:;
		font-weight:400;
		ppfont-size:inherit;
		ppwhite-space:nowrap;

		margin:0;
		padding: .5em .5em .5em 1.5em;
		text-decoration:none;
		font-size: .94em;
	}
	.topGchildA.markedGroup  {
		background:#346a8d; HILIGHT_BG:;
		color:#000000; HILIGHT_TXT:;
	}
	.topGchildA.thisIsThePage{}



	.topGchildLI:hover {}
	.topGchildA:hover {
		background:#346a8d; HILIGHT_BG:;
		color:#000000; HILIGHT_TXT:;
	}
	.topGchildA.markedGroup:hover  {}
	.topGchildA.thisIsThePage:hover  {}

}

@media (min-width:900px) and (max-width:1145px) {
	.topSubUL {
		width:16em;
	}
}



/* **************************************** */
/* **************************************** */
/* ****************  TOP   **************** */
/* **************** MOBILE **************** */
/* ****************        **************** */
/* **************************************** */
/* **************************************** */

/*@media screen and (max-width:899px){
	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topRow_XXXXXXXXXXXXXXXX{}
	.topRowUL {
		position:absolute;
		
		background:#f3e8eb; M_Top_LEVEL_BG:;

		margin-top: 2.8em;
		padding:0;
		text-align:left;
		z-index:12345; HAS_TO_OVERLAP_GALLERY:;

	}
	.topRowLI {
		display:block;
		position:relative;
		vertical-align:bottom;
		margin:0;
		padding:0;
		border-bottom: 1px solid #cfdde5;
		background: #fae2fd
	}
	.topRowLI.markedGroup{
		background:#933048; HILIGHT_BG:;
		ppcolor:#fff; HILIGHT_TXT:;
	}
	.topRowLI.thisIsThePage{}

	.topRowA,
	  .topRowA:visited,
	  .topArrow{
		display:block;
		text-align:left;
		color:#005786; DARK_GREY:;
		text-transform:uppercase;
		font-weight:400;
		font-size:1em;
		ppwhite-space:nowrap;
		ppline-height:inherit; USUALLY_SET_IN_body:;

		margin:0;
		padding:1em;
		text-decoration:none;
	}
	.topRowA.markedGroup {
		color:#ffffff; HILIGHT_TXT:;
	}
	.topRowA.thisIsThePage {}



	.topRowLI.withArrow {}
	.topRowA.withArrow {
		padding-right:3em; SPACE_FOR_topArrow:;
	}
	.topArrow {
		text-align:center;
		position:absolute;
		right:0;
		top:0;
		width:3em;
		padding-left:0;
		padding-right:0;
		ppheight:100%;
		cursor:pointer; THIS_IS_NOT_A_LINK:;
		ppborder-left:1px solid #524656;
		ppborder-top-left-radius: 1.5em;

		ppbackground:#eee; M_Top_LEVEL_BG:;
		PICTURE-background: url('../images/downarrow_dark.png') center no-repeat;
	}
	.topRowLI.markedGroup .topArrow {
		color:#6e5e52; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;

		ppbackground:#bac8cf; HILIGHT_BG:;
		PICTURE-background: url('../images/downarrow_light.png') center no-repeat;
	}
	.topRowLI.thisIsThePage .topArrow {
		ppbackground:#eee; M_Top_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
	}



	.topRowLI.arrowClicked{
		background:#933048; HILIGHT_BG:;
	}
	.topRowLI.arrowClicked .topRowA,
	  .topRowLI.arrowClicked .topArrow {
		color:#ffffff; HILIGHT_TXT:;
	}
	.topRowLI:hover .topSubUL {ONLY_JQ_CLICK_ACTION:;}
	.topRowLI:hover .topRowA,
	  .topRowLI:hover .topArrow { ALSO_WHILE_HOVER_topSub:;
		background:#933048; HILIGHT_BG:;
		color:#ffffff; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;
	}
	.topRowLI:hover .topArrow {
		PICTURE-background: url('../images/downarrow_light.png') center no-repeat;
	}
	.topRowA:hover {}
	.topRowA.markedGroup:hover  {}
	.topRowA.thisIsThePage:hover  {}
	.topArrow:hover,
	  .topRowLI.arrowClicked .topArrow { TOPARROW_GETS_arrowClicked_IN_LI:;
		ppbackground:#ddd !important; M_Sub_LEVEL_BG:; OVERRIDE_ALL:;
	}
	.topRowLI.arrowClicked .topArrow {
		PICTURE-background: url('../images/uparrow_dark.png') center no-repeat;
	}
	.topRowLI.markedGroup.arrowClicked .topArrow {
		PICTURE-background: url('../images/uparrow_light.png') center no-repeat;
	}
	.topRowLI.arrowClicked:hover .topArrow {
		PICTURE-background: url('../images/uparrow_light.png') center no-repeat;
	}




	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topSub_XXXXXXXXXXXXXXXX{}
	.topSubUL {
		display:none;

		position:relative;
		width:100%;
		background:#f3e8eb; M_Sub_LEVEL_BG:;

		border-top:none;
		border-right:none;
		border-bottom:none;
		border-left:none;
		margin:0;
		padding:0;
	}
	.topSubUL.rightAlign { JQ_CALCULATED:;
		NOT_USED_IN_MOBILE:;
	}

	.topSubLI {
		margin:0;
		padding:0;
		position:relative; FOR_ARROW_POSITIONING:;
		
	}
	.topSubLI.markedGroup{
		background:#933048; HILIGHT_BG:;
	}
	.topSubLI.thisIsThePage{}


	.topSubA,
	  .topSubA:visited,
	  .subArrow {
		display:block;
		text-align:left;
		color:#005786; DARK_GREY:;
		font-weight:400;
		font-size:.9em;
		ppwhite-space:nowrap;
		text-transform:capitalize;

		margin:0;
		padding:.9em 1em;
		text-decoration:none;
	}
	.topSubA  {
		padding-left:2em;
	}
	.topSubA.markedGroup  {
		color:#fff; HILIGHT_TXT:;
	}
	.topSubA.thisIsThePage{}




	.topSubLI.withArrow {}
	.topSubA.withArrow {
		padding-right:3em; SAME_AS_subArrow_WIDTH:;
	}
	.subArrow {
		text-align:center;
		white-space:nowrap;
		padding-left:0;
		padding-right:0;

		position:absolute;
		right:0;
		top:0;
		width:3em; SAME_AS_topSubA_withArrow_PADDING_RIGHT:;
		background:ddd; M_Sub_LEVEL_BG:;
		cursor:pointer; THIS_IS_NOT_A_LINK:;
	}
	.topSubLI.markedGroup .subArrow {
		ppbackground:#933048; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.topSubLI.thisIsThePage .subArrow {
		ppbackground:#ddd; M_Sub_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
	}



	.topSubLI.arrowClicked{
		background:#933048; HILIGHT_BG:;
	}
	.topSubLI.arrowClicked .topSubA,
	  .topSubLI.arrowClicked .subArrow {
		color:#005786; HILIGHT_TXT:;
	}
	.topSubLI:hover{
		background:#F2D3DB; HILIGHT_BG:;
	}
	.topSubLI:hover .topSubA,
	  .topSubLI:hover .subArrow {
		color:#005786; HILIGHT_TXT:;
	}
	.topSubA:hover{}
	.topSubA.markedGroup:hover  {}
	.topSubA.thisIsThePage:hover  {}
	.subArrow:hover,
	  .subArrow.arrowClicked {
		ppbackground:#ccc !important; M_Gchild_LEVEL_BG:; OVERRIDE_ALL:;
	}


	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topGchild_XXXXXXXXXXXXXXXX{}
	.topGchildUL {
		display:none; SHOW_BY_JQ_slideDown:;
		background:#ccc; M_Gchild_LEVEL_BG:;
		position:relative;

		width:100%;
		margin:0;
		padding:0;
	}

	.topGchildLI {
		margin:0;
		padding:0;
	}
	.topGchildLI.markedGroup{}
	.topGchildLI.thisIsThePage{}

	.topGchildA,
	.topGchildA:visited {
		display:block;
		text-align:left;
		color:#524656; DARK_GREY:;
		font-weight:600;
		font-size:.9em;
		ppwhite-space:nowrap;

		margin:0;
		padding:.9em 1em .9em 3em;
		text-decoration:none;
	}
	.topGchildA.markedGroup  {
		background:#933048; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.topGchildA.thisIsThePage{}




	.topGchildLI:hover {}
	.topGchildA:hover {
		background:#933048; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.topGchildA.markedGroup:hover  {}
	.topGchildA.thisIsThePage:hover  {}
}*/

/* **************************************** */
/* **************************************** */
/* ****************        **************** */
/* ****************  SIDE  **************** */
/* ****************        **************** */
/* **************************************** */
/* **************************************** */


#sideNav {
	margin-top:0.5em;
	display:unset;
}
/*
@media (max-width:1px){
	#sideNav {
		display:none; HIDE_MOBILE_SIDEMENU:;
	}
}
*/
@media (min-width:1px) {

	#XXXXXXXXXXXXXXXX_side_XXXXXXXXXXXXXXXX{}
	.sideUL {
		position:relative;
		width:100%;
		
		background:#edecec; Sub_LEVEL_BG:;
		margin: 3.3rem 0 0 0;
		padding:0;

		font-size:1em; QUICKLY_CHANGE_ALL_SIZES:;
	}
	.sideLI {
		display:block;
		position:relative;
		vertical-align:bottom;
		margin:0;
		padding:0;
		border-bottom: 1px solid #e2e2e7;
	}
	.sideLI.markedGroup {
		/* background:#808080; HILIGHT_BG:; */
		background:#044c7a; HILIGHT_BG:;
		ppcolor:#fff; HILIGHT_TXT:;
	}
	.sideLI.thisIsThePage{}

	.sideA,
	  .sideA:visited,
	  .sideArrow {
		display:block;
		text-align:left;
		color:#000000; DARK_GREY:;
		text-transform:capitalize;
		font-weight:400;
		font-size:.94em;
		ppwhite-space:nowrap;
		ppline-height:60px; USUALLY_SET_IN_body:;
		cursor: pointer;
		margin:0;
		padding:1em;
		text-decoration:none;
	}
	.sideA.firstSideA {
		background:#808080;
		color:#f4f4f4;
		font-weight:600;
		font-size:1.18em;
		padding-left:.9em;
		cursor: pointer;
		text-transform: uppercase;
	}
	.sideA.markedGroup {
		
		color:#ffffff; HILIGHT_TXT:;
	}
	.sideA.thisIsThePage {}




	.sideLI.withArrow {}
	.sideA.withArrow {
		padding-right:3em; SAME_AS_sideArrow_WIDTH:;
	}
	.sideArrow {
		text-align:center;
		padding-left:0;
		padding-right:0;

		position:absolute;
		right:0;
		top:0;
		width:3em; SAME_AS_sideA_withArrow_PADDING_RIGHT:;
		ppbackground:#f1ebe5; Sub_LEVEL_BG:;
		cursor:pointer; THIS_IS_NOT_A_LINK:;

		height:100%; HAS_TO_BE_sideSubUL_relative:;
	}
	.sideLI.markedGroup .sideArrow {
		ppbackground:#253356; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.sideLI.thisIsThePage .sideArrow {
		ppbackground:#f1ebe5; Sub_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
		ppcolor:#000000; DARK_GREY:;
	}



	.sideLI.arrowClicked{
		background:#253356; HILIGHT_BG:;
	}
	.sideLI:hover {
		/* background:#808080; HILIGHT_BG:; */
		background:#346a8d; HILIGHT_BG:;
	}
	.sideLI:hover .sideSubUL { TOGGLE_HANDLED_BY_JQ:;}
	.sideLI:hover .sideA ,
	.sideLI:hover .sideArrow {
		color:#ffffff; HILIGHT_TXT:;
	}
	.sideA:hover {
		ppbackground:#253356; HILIGHT_BG:;
		ppcolor:#fff; HILIGHT_TXT:;
	}
	.sideA.firstSideA:hover {
		background:#808080; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.sideA.markedGroup:hover  {}
	.sideA.thisIsThePage:hover  {}
	.sideArrow:hover,
	  .sideArrow.arrowClicked {
		ppbackground:#ddd !important; Gchild_LEVEL_BG:; OVERRIDE_ALL:;
		ppcolor:#000000 !important; DARK_GREY:; OVERRIDE_ALL:;
	}


	#XXXXXXXXXXXXXXXX_sideSub_XXXXXXXXXXXXXXXX{}
	.sideSubUL {
		display:none; SHOW_BY_JQ_slideDown:;
		background:#ddd; Gchild_LEVEL_BG:;

		width:100%;
		margin:0;
		padding:0;

		position:relative; TO_COVER_sideArrow:;
	}

	.sideSubLI {
		margin:0;
		padding:0;
	}
	.sideSubLI.markedGroup{}
	.sideSubLI.thisIsThePage{}
	.sideSubLI:hover {}

	.sideSubA,
	.sideSubA:visited {
		display:block;
		text-align:left;
		color:#000000; DARK_GREY:;
		font-weight:400;
		font-size:.9em;
		ppwhite-space:nowrap;
		cursor: pointer;
		margin:0;
		padding:1em .5em 1em 1.5em;
		text-decoration:none;
	}
	.sideSubA.markedGroup  {
		background:#253356; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.sideSubA.thisIsThePage{}
	.sideSubA:hover {
		background:#253356; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.sideSubA.markedGroup:hover  {}
	.sideSubA.thisIsThePage:hover  {}

}

@media (max-width:650px){
	.sideUL {
		font-size:.8em; QUICKLY_CHANGE_ALL_SIZES:;
	}
}