.fb-page, .fb-page:before, .fb-page:after {
    border: 1px solid #ccc;
  }

  .fb-page:before, .fb-page:after {
  }
  
  .fb-page:after {
  }


@font-face {
	font-family: 'Conv_AleksandraC_regular';
	src: url('fonts/AleksandraC_regular.eot');
	src: local('☺'), url('fonts/AleksandraC_regular.woff') format('woff'), url('fonts/AleksandraC_regular.ttf') format('truetype'), url('fonts/AleksandraC_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'SheerElegance';
  src: url('fonts/SheerElegance.eot?#iefix') format('embedded-opentype'),  url('fonts/SheerElegance.woff') format('woff'), url('fonts/SheerElegance.ttf')  format('truetype'), url('fonts/SheerElegance.svg#SheerElegance') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OverlockSC-Regular';
  src: url('fonts/OverlockSC-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/OverlockSC-Regular.otf')  format('opentype'),
	     url('fonts/OverlockSC-Regular.woff') format('woff'), url('fonts/OverlockSC-Regular.ttf')  format('truetype'), url('fonts/OverlockSC-Regular.svg#OverlockSC-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Convergence-Regular';
  src: url('fonts/Convergence-Regular.eot');
  src: url('fonts/Convergence-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Convergence-Regular.woff') format('woff'),
       url('fonts/Convergence-Regular.ttf') format('truetype'),
       url('fonts/Convergence-Regular.svg#Convergence-Regular') format('svg');
}

.LeftTable
{
  border-collapse: collapse;
}

.LeftTable {
  border-bottom-color: white; 
  border-bottom-width: 1px; 
  border-bottom-style: solid;
}

.WhiteText
{
	color: white;
	text-decoration: none;
	font-size: 18px;
}

.maindiv
{
    position: absolute; 
    left: 235px; 
    top: 92px; 
    width: 308px; 
    z-index: 10; 
}

.menu 
{
	margin: 0;
	padding: 0;
	width: 800px;
	list-style: none;
}
.menu li 
{
	padding: 0;
	margin: 0;
	height: 39px;
	width: 99px;
	list-style: none;
	background-repeat: no-repeat;
	margin-right:-13px;
}
.menu li a, .menu li a:visited 
{
	display: block;
	text-decoration: none;
	text-indent: 16px;
	vertical-align:middle;
	height: 39px;
	background-repeat: no-repeat;
	font-style: normal;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
    	margin-top: 12px;
}

.bbs 
{
	background-image: url(BBS-3Dt-menubar.png);
}

.button 
{
	background-image: url(blank-button.png);
}

.bgs 
{
	background-image: url(BGS-3Dt-menubar.png); 
	
}

ul.menu li a:hover {}

.menu li 
{
	float: left;
}

.menu:after 
{
	content: "."; 
	display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

#popupmenu
{
	left: 1px; 
	top: 1px; 
	width: 100%; 
	//height: 1000px; 
	z-index: 50;
	display: block;
	//background-image:url('menu-back.png');
	background-color:#000;
	position: absolute; 
	display: none;
	margin-left:auto;
	margin-right:auto;
}

#leftmenu
{
	position: absolute; 
	left: 26px; 
	top: 77px; 
	width: 148px; 
	height: 580px; 
	z-index: 3; right: 708px;
	background-color: rgba(18,10,74,0.7);
	padding-left: 3px;
}

.menubutton
{
	border: 0;
}

#MenuLinkButton
{
	background-image:url('bbsmenutop.png');
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 20pt;
	position: fixed; 
	right: 1px; 
	top: 73px; 
	z-index: 30;
	display:none;
}

.sectionmenubutton
{

}

#facebooktopdiv
{
	display: none;
}

#facebookdiv
{
	display: none;
}

@media only screen and (min-width : 1024px){
	
	#facebooktopdiv
	{
		position: fixed; right: 1px; top: 75px; width: 300px; height: 30px;
		display: block;
		border-style: solid;
		border-width: 5px;
		border-color: #18106B;
	}
	#facebookdiv
	{
		position: fixed; right: 1px; top: 105px; width: 300px;
		display: block;
		border-style: solid;
		border-width: 5px;
		border-color: #18106B;
	}
}

#leftmenu0 
{
	background-color: rgba(18,10,74,0.7);
	padding-left: 30px;
	position: absolute; left: 174px; top: 77px; width: 314px; height: 580px; z-index: 4; right: 424px;
}

#leftbeavermenu 
{
	background-image:url('menu-back-beaver.png');
	padding-left: 30px;
	position: fixed; left: 172px; top: 77px; width: 170px; height: 580px; z-index: 4; right: 424px;
}

#leftbeaverstrip 
{
	background-color: #85888b;
	padding-left: 10px;
	position: absolute; left:0px; top: 0px; width: 26px; height: 580px; z-index: 4; right: 424px;
}

#leftcubmenu 
{
	background-image:url('menu-back-cub.png');
	padding-left: 30px;
	position: fixed; left: 172px; top: 77px; width: 170px; height: 580px; z-index: 4; right: 424px;
}

#leftcubstrip 
{
	background-color: #055a05;
	padding-left: 10px;
	position: absolute; left:0px; top: 0px; width: 26px; height: 580px; z-index: 4; right: 424px;
}

#leftscoutmenu
{
	background-image:url('menu-back-scout.png');
	padding-left: 30px;
	position: fixed; left: 172px; top: 77px; width: 170px; height: 580px; z-index: 4; right: 424px;
}

#leftscoutstrip 
{
	background-color: #87731e;
	padding-left: 10px;
	position: absolute; left:0px; top: 0px; width: 26px; height: 580px; z-index: 4; right: 424px;
}

#leftseniormenu 
{
	background-image:url('menu-back-senior.png');
	padding-left: 30px;
	position: fixed; left: 172px; top: 77px; width: 170px; height: 580px; z-index: 4; right: 424px;
}

#leftseniorstrip 
{
	background-color: #64252e;
	padding-left: 10px;
	position: absolute; left:0px; top: 0px; width: 26px; height: 580px; z-index: 4; right: 424px;
}

#leftrovermenu 
{
	background-image:url('menu-back-rover.png');
	padding-left: 30px;
	position: fixed; left: 172px; top: 77px; width: 170px; height: 580px; z-index: 4; right: 424px;
}

#leftroverstrip 
{
	background-color: #15251b;
	padding-left: 10px;
	position: absolute; left:0px; top: 0px; width: 26px; height: 580px; z-index: 4; right: 424px;
}

#main 
{
	background-image:url('main-back.png');
}

#TopBBSMenu {
	background-image:url('bbsmenutop.png');
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 10pt;
	padding-top: 8px;
	height: 32px;
	position: fixed; 
	left: 0px; 
	top: 0px; 
	width: 100%;
	text-indent: 10px;
	z-index: 12;  
	overflow: hidden;
}

#TopBBSMenu {
	display:none;
}

#TopBBSMenuSmall {
	background-image:url('bbsmenutop.png');
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 10pt;
	padding-top: 8px;
	height: 32px;
	position: fixed; 
	left: 0px; 
	top: 0px; 
	width: 100%;
	text-indent: 10px;
	z-index: 12;
}

#TopBBSMenuSmall {
	display:block;  
}

#leftmenu {
	display:none;  
}

#sections {
	display:none;  
}

@media only screen and (min-width : 895px){
	#TopBBSMenu
	{
		display: block;
	}

	#TopBBSMenuSmall {
		display:none;
	}
}


@media only screen and (min-width : 768px){
	#leftmenu
	{
		display: block;
	}
	#sections
	{
		display: block;
	}
}

#BottomBBSMenu
{
	background-image:url('bbsmenutop.png');
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 10pt;
	padding-top: 5px;
	text-indent: 10px;
	position: fixed; 
	left: -1px; 
	width: 100%; 
	height: 26px; 
	z-index: 12; 
	bottom: 0px;
	
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;
}

.whitetext
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 10pt;
}


.buttonPopUp
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 12pt;
	text-decoration: none;
	padding: .3em 1em;
}


.PopUpMenuTextButtonOL
{
	list-style-type: none;
	padding: 0px;
}


.menulink
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 20pt;
	text-decoration: none;
}

#topmenu
{
	background-image:url('menu-back2.png');
	position: fixed; 
	width: 100%;
	top: 32px;  
	left: 0;
	height: 26px; 
	z-index: 12;
	font-size: large;
	height: 45px;
	z-index: 12;  
}

body 
{
	background-color:#AFAFEF;
}

#mainpageimage
{

}

#sections
{
	position: fixed; 
	width: 189px; 
	height: 304px; 
	z-index: 7; 
	left: 2px; 
	top: 190px;
}

#pagemenubar 
{
	background-image:url('bbsmenutop.png');
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 12pt;
	padding-top: 5px;
	height: 28px;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%;
	text-indent: 10px; 
	
}

.barlink 
{
	color: #FFFFFF;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 10pt;
	text-decoration:none;
}

#back 
{
	z-index: 1; 
	position: fixed; 
	left: 0px; top: 0px; 
	width: 100%;
	height: 100%;
}

#pagemenubar 
{
}

.back1
{
}

.back2
{
	
}

#BBSText {
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 12pt;
	position: absolute; 
	left: 208px; 
	top: 213px; 
	width: 244px; 
	height: 169px; 
	z-index: 8;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}

.BBSText {
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 12pt;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}

#newssection {
	display:none;
}

@media only screen and (min-width : 980px){
	#newssection {
		font-family:'Conv_AleksandraC_regular',Sans-Serif;
		color: #FFFFFF;
		font-size: 10pt;
		// background-image:url('menu-back3.png');

		position: relative;
		left: -182px; 
		width: 462px; 
		min-height: 122px; 
		z-index: 12;
		display:block; 

		text-shadow: 1px 1px 1px #000;
	}
}

.newshead
{
	background-color: rgba(18,10,74,0.7);
	border-bottom:1px solid #161367;
	padding-left: 10px;
	padding-right: 10px;
}

.newstext
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFFFF;
	font-size: 12pt;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}

.beavertitle
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #562807;
	font-size: 18pt;
	font-weight:bold;
	padding-left:20px;
	text-shadow: 1px 1px 1px #000;
}

.cubtitle
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #ff0000;
	font-size: 16pt;
	font-weight:bold;
	padding-left:15px;
	text-shadow: 1px 1px 1px #000;
}

.scouttitle
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #B80900;
	font-size: 18pt;
	font-weight:bold;
	padding-left:30px;
	text-shadow: 1px 1px 1px #000;
}

.seniortitle
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #ae9412;
	font-size: 18pt;
	font-weight:bold;
	padding-left:25px;
	text-shadow: 1px 1px 1px #000;
}

.rovertitle
{
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #B80900;
	font-size: 18pt;
	font-weight:bold;
	padding-left:25px;
	text-shadow: 1px 1px 1px #000;
}

#pagemenucontent 
{
	padding-top: 20px;
	padding-bottom: 50px;
}

#bbsimage
{
	left: 190px; 
	top: 60px; 
	width: 244px; 
	height: 169px; 
	z-index: 8;
}

#beaverimage
{
	padding: 20px;
	padding-left: 13px;
	padding-right: 0;
}

.beavermenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFF00;
	font-size: 10pt;
	text-indent: -15px;
	text-shadow: 1px 1px 1px #000;
}

.beavermenuitem
{
	background-color: #85888b;
	margin: 4px;
	margin-right: 7px;
	border-color: #6b6b6c;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.beavermenulink            { color: #562807; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000; }
.beavermenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}  

#cubimage
{
	padding: 20px;
	padding-left: 13px;
	padding-right: 0;
}

.cubmenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFF00;
	font-size: 10pt;
	text-indent: -15px;
	text-shadow: 1px 1px 1px #000;
}

.cubmenuitem
{
	background-color: #055a05;
	margin: 4px;
	margin-right: 7px;
	border-color: #045204;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.cubmenulink            { color: #ff0000; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000;}
.cubmenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}   

.cubmenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FF0000;
	font-size: 10pt;
	text-indent: -15px;

}

.cubmenulink            { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000;}
.cubmenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}  

#scoutimage
{
	padding: 20px;
	padding-left: 20px;
	padding-right: 0;
}

.scoutmenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFF00;
	font-size: 10pt;
	text-indent: -15px;
	text-shadow: 1px 1px 1px #000;
}

.scoutmenuitem
{
	background-color: #87731e;
	margin: 4px;
	margin-right: 7px;
	border-color: #6b6b6c;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.scoutmenulink            { color: #9e0b0f; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000;}
.scoutmenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}

#seniorimage
{
	padding: 20px;
	padding-left: 20px;
	padding-right: 0;
}

#roverimage
{
	padding: 20px;
	padding-left: 20px;
	padding-right: 0;
}

.seniormenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFF00;
	font-size: 10pt;
	text-indent: -15px;
	text-shadow: 1px 1px 1px #000;
}

.seniormenuitem
{
	background-color: #64252e;
	margin: 4px;
	margin-right: 7px;
	border-color: #561b24;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.seniormenulink            { color: #ae9412; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000;}
.seniormenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}    

.rovermenu
{
	list-style: none;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	color: #FFFF00;
	font-size: 10pt;
	text-indent: -15px;
	text-shadow: 1px 1px 1px #000;
}

.rovermenuitem
{
	background-color: #15251b;
	margin: 4px;
	margin-right: 7px;
	border-color: #0e1d14;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.rovermenulink            { color: #9e0b0f; font-family:'Conv_AleksandraC_regular',Sans-Serif; text-decoration: none; text-shadow: 1px 1px 1px #000;}
.rovermenulink:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif font-weight:bold}    

.tdjoin {background-color: #18106B;}

.spacer {
   text-align:center;
   align:center;
}

.spacersmall {
   text-align:center;
   align:center;
}

/* Normal Headers*/
h1			 { font-family: OverlockSC-Regular; color: #FF0000; font-size: 24pt; font-weight: bold; 
               text-align: center }
h2           { font-family: OverlockSC-Regular; font-size: 16pt; color: #FF0000; font-weight: bold; 
               text-align: center }
h3           { font-family: OverlockSC-Regular; font-size: 14pt; color: #FF0000; font-weight: bold; 
               text-align: center }
h4           { font-family: OverlockSC-Regular; font-size: 13pt; color: #FF0000; font-weight: bold; 
               text-align: center }
a            { color: #161266; font-family:'Conv_AleksandraC_regular',Sans-Serif; }
a:hover      { color: #FF0000; font-family:'Conv_AleksandraC_regular',Sans-Serif; font-weight:bold}   


.whitelink   { color: #FFFFFF; font-family: Arial }  

/* Main Body Text &c. */
.main-body   { margin-left: 10pt; margin-right: 10pt; padding:0; font-family: Convergence-Regular; color: #000000; font-size: 10pt; text-align: left;}
.main-bodypadding   { 
	margin-left: 10pt; 
	margin-right: 10pt; 
	padding:0; font-family: Convergence-Regular; 
	color: #000000; 
	font-size: 10pt; 
	text-align: left;
	padding-bottom: 50px;
}	
	
.main-body-nomove   { padding:0; font-family: Convergence-Regular; color: #000000; font-size: 10pt; text-align: left; }
.image-main-body { padding:0;}

/* Style For Bullets etc. */
.mlist       { text-align: left; text-indent: 0; color: #000000; font-size: 10pt; word-spacing: 0; line-height: 150%; 
               list-style-type: disc; direction: ltr; font-family: Arial; color: #000000; font-size: 10pt;}    

/* Style for table cells, every other row is grey */
.table1      { font-family: Arial; color: #000000; font-size: 10pt; border-style: solid; 
               border-width: 1; padding-left: 4; padding-right: 4; 
               padding-top: 1; padding-bottom: 1; background-color: #FFFFFF }
               
.table2      { font-family: Arial; font-size: 10pt; color: #000000; border-style: solid; 
               border-width: 1; padding-left: 4; padding-right: 4; 
               padding-top: 1; padding-bottom: 1; background-color: #DFDFDF }

/* Header and Boarders For Normal Tables */
.scheader     { padding:0; border:2px solid #161266; font-family: Arial; color: #FFFFFF; font-size: 12pt; background-color:#161266; text-align:center }

.scboarder   { padding:0; font-family: Arial; font-size: 10pt; border: 3px solid #161266;  }
.scboarderPic   { padding:0; font-family: Arial; font-size: 10pt; border: 3px solid #161266;}
.scboardercol   { padding:0; font-family: Arial; font-size: 10pt; border: 3px solid #161266; bordercolor="#111111"; border-collapse: collapse}

/* Headlines table */
.headlinesCol { padding:1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; 
               border-bottom: 1px solid #161266; font-family:Conv_AleksandraC_regular; font-size:10pt }
.headlinesTable  
{
    margin-left:auto; 
    margin-right:auto; 
    width:80%;
    border-width: 0;
 }
 
.headlinesColHead { padding:1px; border-top:2px solid #161266; border-bottom:2px solid #161266; border-left-width: 1px; border-right-width: 1px; font-family:Conv_AleksandraC_regular; font-size:12pt; color:#FFFFFF; font-weight:bold; background-color:#161266  }
.headlinelink            { color: #161266; font-family:Conv_AleksandraC_regular; font-size:12pt; text-decoration:none}
:hover.headlinelink      { color: #FF0000; font-family:Conv_AleksandraC_regular; font-size:12pt; text-decoration:underline}

.porhead {
	padding: 0;
	font-family: Conv_AleksandraC_regular;
	color: #000000;
	font-size: 12pt;
	text-align: center;
}

/* Floating Image */
.bbsfloat
{
	float: left;
	border:3px solid #161266;
	margin-left: 10pt;
	margin-right: 10pt;
}

.bbsfloatnoboarder
{
	margin-left: 10pt;
	margin-right: 10pt;
	border: 0;
}

@media only screen and (min-width : 700px){
	.bbsfloatnoboarder
	{
		float: left;
	}
}

.bbsfloatnoboarderright
{
	float: right;
	margin-left: 10pt;
	margin-right: 10pt;
	border: 0;
}

.sectiongroups
{
	float: right;
	margin-left: 1pt;
	margin-right: 1pt;
	border: 0;
	height: 30px;
	width: auto;
}

.sectiongroups2
{
	margin-left: 1pt;
	margin-right: 1pt;
	border: 4px;
	height: 24px;
	width: auto;
}

@media only screen and (min-width : 700px){
	.sectiongroups
	{
		float: right;
		margin-left: 1pt;
		margin-right: 1pt;
		border: 0;
		height: 60px;
		width: auto;
	}
}

/* Boarder Image */
.bbsimageboarder
{
	float: center;
	border:3px solid #161266;
	text-align: center;
	align: center;
}
.bbscentre
{
	float: center;
	text-align: center;
	align: center;
}

.doswap
{
    width: 405px;
	height: 304px;
	float: right;
	border:3px solid #161266;
	margin-left: 10pt;
	margin-right: 10pt;
}

.joinsideimage
{
    vertical-align:bottom;
    border: 0;
    display:block;
}

.pdfimage
{
    border: 0;
}

.uniformimage
{
    border: 0;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

.leftsectionmenu
{
	text-decoration: none;
	padding: 0;
	list-style: none;
	background-repeat: no-repeat;
	display: inline-block;
	width: 197px;
}

.leftsectionmenuPopUp
{
	text-decoration: none;
	padding: 0;
	list-style: none;
	background-repeat: no-repeat;
	display: inline-block;
	width: 197px;
}

.beaverleftmenu {
	text-decoration: none;
	background:     url(Beaver.png);
	height: 85px;
	text-indent: 100px;
	padding-top: 20px; 
	background-repeat: no-repeat;
	background-size: contain;
}
.cubleftmenu {
	text-decoration: none;
	background:     url(wolfCub.png);
	height: 85px;
	text-indent: 100px;
	padding-top: 20px; 
	background-repeat: no-repeat;
	background-size: contain;
}
.scoutleftmenu {
	text-decoration: none;
	background:     url(Scout.png);
	height: 85px;
	text-indent: 100px;
	padding-top: 20px; 
	background-repeat: no-repeat;
	background-size: contain;
}
.seniorleftmenu {
	text-decoration: none;
	background:     url(Senior.png);
	height: 85px;
	text-indent: 100px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.roverleftmenu {
	text-decoration: none;
	background:     url(rover.png);
	height: 85px;
	text-indent: 100px;
	padding-top: 20px; 
	background-repeat: no-repeat;
	background-size: contain;
}

.agerangebeaver {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	font-size: 16px;
	color: #562807;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	font-weight:bold;
}

.agerangecub {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	font-size: 16px;
	color: #ff0000;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	font-weight:bold;
}

.agerangescout {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	font-size: 16px;
	color: #9e0b0f;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	font-weight:bold;
}

.agerangesenior {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	font-size: 16px;
	color: #9e0b0f;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-family:'Conv_AleksandraC_regular',Sans-Serif;
	font-weight:bold;
}

.leftmenulink          	 { text-decoration: none; font-weight:bold}
.leftmenulink:hover      { color: #FF0000; font-weight:bold} 

.BadgeTableWrapper {
	overflow: hidden; /* add this to contain floated children */
}


.BadgeTableLeft {
	float: left;
}

.BadgeTableRight {
	float: left;
}

#JoinOuter {
	width: 600px;
	border:2px solid #18106B;
	margin-right: 2px;
	margin-left: 0px;
	background-color: #18106B;
}

#JoinInnerTop {
	background-color: #18106B;
	height: 65px;
}

#JoinInnerTop1 {
	background-color: #18106B;
	float: left;
}

#JoinInnerTop2 {
	background-color: #18106B;
	float: left;
}

#JoinInnerTop3 {
	background-color: #18106B;
	float: right;
}

#JoinInnerTop4 {
	background-color: #18106B;
	float: right;
}

#JoinInnerBottomLeft {
	float: left;
	width: 461px;
	border:2px solid #18106B;
	background-color: #FFF;
}



#JoinInnerBottomRight {
	float: right;
	background-color: #18106B;
	border:2px solid #18106B; 
	width: 218px;
	background-color: #18106B;
}

.BBS-Blue-DIV {
	background-color: #0F0331;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Light-Blue-DIV {
	background-color: rgb(24, 16, 107);
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Grad-DIV {
	background-image: linear-gradient(rgb(24, 16, 107), rgb(13, 10, 44));
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
	height: 40px;
}


.BBS-Purple-DIV {
	background-color: #6464bd;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}




.BBS-Red-DIV {
	background-color: #FF0000;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-White-DIV {
	background-color: #FFFFFF;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Beaver-Grey-DIV {
	background-color: #85888b;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Beaver-Tint-Grey-DIV {
	background-color: #6b6b6c;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Beaver-Fore-DIV {
	background-color: #562807;
	width: 550px; 
	color: #fff;
	padding-left: 30px;
}

.BBS-Wolf-Cub-Green-DIV {
	background-color: #055a05;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Wolf-Cub-Tint-Green-DIV {
	background-color: #045204;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Wolf-Cub-Fore-DIV {
	background-color: #ff0000;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Scout-Khaki-DIV {
	background-color: #87731e;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}


.BBS-Scout-Tint-Khaki-DIV {
	background-color: #736218;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Scout-Fore-DIV {
	background-color: #9e0b0f;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Senior-Scout-Maroon-DIV {
	background-color: #64252e;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Senior-Scout-Tint-Maroon-DIV {
	background-color: #561B24;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Senior-Scout-Fore-DIV {
	background-color: #9e0b0f;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.BBS-Rover-Scout-Green-DIV {
	background-color: #15251b;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Rover-Scout-Tint-Green-DIV {
	background-color: #0E1D14;
	width: 550px; 
	color: #FFF;
	padding-left: 30px;
}

.BBS-Rover-Scout-Fore-DIV {
	background-color: #9e0b0f;
	width: 550px; 
	color: #000;
	padding-left: 30px;
}

.branding-div {
	float: left;
}

.brandingimg {
	max-width: 95%;
	max-height: 95%;
} 


/* Group */

.GroupPic {
	border:none;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.GroupText {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular'; 
	color: #000; 
	font-size: 12pt; 
	margin-top: 0em;
	line-height: 150%;
} 

.GroupTopDiv {
	background-color: #18106B;
	width: 100%;
	position: relative;
	height: 40px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	top: -5px;
}

.GroupInnerDiv {
	float: left;
	width: 95%;
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
}

@media only screen and (min-width : 1360px){
	.GroupInnerDiv {	
		width: 520px;
		height: 350px;
	}

	.GroupOuterDiv {
		margin-left: 1%;
		margin-right: 1%;
		//margin: 5 auto;
	}

	.GroupPicRight {
		clear: left;
	}
}


.GroupName {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular';
	color: #CCC; 
	font-size: 16pt; 
	margin-top: 0.1em;
	font-weight: bold;
	padding-top: 7px;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;

	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
} 

/* commisioner */

.ComPic {
	float: left;
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #18106B;
	height: 200px;
	width 200px;
	border-radius: 15px;
}

.ComPicRight {
	float: right;
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #18106B;
	height: 150px;
	width: 150px;
	border-radius: 15px;
}

.ComTopDiv {
	background-color: #18106B;
	width: 100%;
	position: relative;
	height: 40px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	top: -5px;
}

.ComInnerDiv {
	float: left;
	width: 95%;
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	position: relative;
	overflow: hidden;
}

.ComBottom {
	position: absolute;
	height: 30px;
	width: 100%;
	left: 1px;
	bottom: 0px;
	background-color: rgba(23, 16, 106, 0.6);
	font-family: 'Conv_AleksandraC_regular';
	color: white; 
	font-size: 14pt; 
	margin-top: 0.1em;
	font-weight: bold;
	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
	display: none;
	padding-top: 4px;
}

.ComInnerDiv.changed:before {
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(transparent 200px, transparent);
}

.ComInnerDiv:before {
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(transparent 10px, transparent);
}

.morecontact, .more, .more2, .more3, .more4, .more5, .more6, .more7, .more8 {
	font-family: 'Conv_AleksandraC_regular';
	color: white; 
	font-size: 14pt; 
	font-weight: bold;
	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
	padding-left: 10px;
	cursor: pointer;
	text-decoration: none;
}

@media only screen and (min-width : 1360px){
	.ComInnerDiv {	
		width: 520px;
		height: 420px;
	}

	.ComOuterDiv {
		margin-left: 1%;
		margin-right: 1%;
		//margin: 5 auto;
	}

	.ComPicRight {
		clear: left;
	}
	
	.ComBottom {
		display: block;
	}
	
	.ComInnerDiv:before {
		background:linear-gradient(transparent 200px, white);
	}
}


.ComName {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular';
	color: #CCC; 
	font-size: 14pt; 
	margin-top: 0.1em;
	font-weight: bold;
	
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;

	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
		
	padding-top: 2px;
} 

.ComText {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular'; 
	color: #000; 
	font-size: 12pt; 
	margin-top: 0em;
} 


.ComRole {
	margin-left: 10pt; 
	margin-right: 10pt;
	font-family: 'Conv_AleksandraC_regular';
	color: #CCC; 
	font-size: 12pt; 
	margin-top: -0.1em;
	font-weight: bold;
	
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;

	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
} 

.ComContact {
	margin-left: 10pt; 
	margin-right: 10pt;
	font-family: Arial; 
	color: #FF0000;  
	font-size: 10pt;
	margin-top: 0.2em;
	font-size: 8pt;
} 

/* Map */
.MapOuter
{
	left: 0px; 
	width: 100%;
	position: static; 
	height: 100%;
}

.MapPageDiv
{
	width: 100%; 
	height: 100%;
}

.MapSearchDiv
{
	width: 100%; 
	height: auto; 
	background-color: #140e58; 
	color: white; 
	font-family: 'Conv_AleksandraC_regular',Sans-Serif;
	position: relative;
	z-index: 10;
}

.MapSearchDivDummy
	{
		background-color: #140e58; 
		position: absolute; 
		height: 400px;
		width: 100%; 
		right: 0;
		z-index: 5;	
		top: -100px;
	}

@media only screen and (min-width : 1024px){
	.MapPageDiv
	{
		width: 100%; 
		/*min-height: calc(100% - 109px);*/
		height: auto;
	}
	
	.MapOuter
	{
		left: 0px; 
		width: calc(100% - 350px);
		min-width: 600px; 
		position: fixed; 
		height: calc(100% - 109px);
	}
	
	.MapSearchDiv
	{
		width: 350px; 
		float: right; 
		height: auto; 
		background-color: #140e58; 
		color: white; 
		font-family: 'Conv_AleksandraC_regular',Sans-Serif;
		position: relative;
		z-index: 10;
	}
	.MapSearchDivDummy
	{
		background-color: #140e58; 
		position: absolute; 
		height: calc(100% - 109px);
		width: 350px; 
		right: 0;
		z-index: 5;	
		top: 109px;
	}
}

/* Badge */

.BadgeTopDiv {
	background-color: #18106B;
	width: 100%;
	position: relative;
	height: 40px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	top: -5px;
}

.BadgeOuterDiv {
	text-align: center;
	font-size:0;
	vertical-align:middle;
}

.BadgeInnerDiv {
	/*float: left;*/
	display: inline-block; /* has the effect of float left by allows middle allignment */
	width: 95%;
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	
	width: 150px;
	height: 162px;
	vertical-align: middle;
}

.BadgeInnerDiv2 {
	/*float: left;*/
	border:2px solid #18106B;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	display: inline-block;
	
	vertical-align: middle;
	min-width: 100px;
	min-height: 180px;
}

.BadgeText {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular'; 
	color: #000; 
	font-size: 12pt; 
	margin-top: 0em;
	padding-top: 5px;
	vertical-align: middle;
} 

.BadgeText2 {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular'; 
	color: #000; 
	font-size: 12pt; 
	margin-top: 0em;
	padding-top: 5px;
	vertical-align: middle;
} 

.BadgeText img {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
} 

.BadgeText2 img {
	
	max-width: 180px;
	max-height: 120px;
	vertical-align: middle;
} 

.BadgeName {
	margin-left: 10pt; 
	margin-right: 10pt;
	margin-bottom: 0pt;
	font-family: 'Conv_AleksandraC_regular'; 
	color: #CCC; 
	font-size: 10pt; 
	margin-top: 0.1em;
	font-weight: bold;
	padding: 10px;

	text-shadow:
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
} 

.outercentered-main {
	text-align: center;
	width: 100%
}

.centred-main {
		width: 100%;
		vertical-align: middle;
}		

@media only screen and (min-width : 1360px){
	
	.centred-main {
		width: 75%;
		vertical-align: middle;
		display: inline-block;
	}
	
	.BadgeInnerDiv {	
		width: 210px;
		height: 200px;
	}
	
	.BadgeInnerDiv2 {	
		min-height: 200px;
	}

	.BadgeOuterDiv {
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.BadgeText img {
		max-width: 100%;
		max-height: 100%;
	} 
	
	.BadgeText2 img {
		width: auto;
		height: auto;
		
		max-width: 210px;
		max-height: 150px;
	} 
	
	.BadgeName {
		font-size: 14pt; 
	} 
}

.BadgePic {
	margin-bottom: 0;
	padding-bottom 0;
} 

/* video */

* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

.whitelink
{
	color: white;
	text-decoration: none;
}