@font-face {  
	  font-family: TheSerif ;  
	  src: url( TheSerifExtraBold-Caps.otf ) format("opentype");  
	}  


BODY { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-left: auto; margin-right: auto; font-family: "Bookmanitc lt bt", Arial, sans-serif;
color: #4c2177;background: #84A40B;}
BODY.beavers { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: "Bookmanitc lt bt", Arial, sans-serif;
color: #4c2177;background: #0099cc}
BODY.cubs { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: "Bookmanitc lt bt", Arial, sans-serif;
color: #4c2177;background: #33cc00}
BODY.scouts { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: "Bookmanitc lt bt", Arial, sans-serif;
color: #4c2177;background: #99cc99}
BODY.gambia { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: "Bookmanitc lt bt", Arial, sans-serif;
color: #4c2177;background: #cccc99}

.thumbtitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;}
.printonly {display:none;float:none}


#Main {width:770px;border:2px solid #000000;background: #4c2177;margin-left: auto; margin-right: auto;margin-top: 10px; padding:0px 0px 0px 0px;}
#Header {position:relative;top: 0px;width:100%;height:35px;background-color:#000000;display:block;margin-bottom:0px;}
#HeaderText {color:#009900;width:95%;height:25px;margin-left:5px;padding:5px 0px 5px 0px;font-family: frutiger,"get frutier", Arial, sans-serif;font-size:25px;}
#Sections {position:relative;top: 0px; width:770px;height:77px;background-color:#320966;display:block;margin-left:0px;margin-right:0px;margin-top:0px;padding:0px 0px 0px 0px;}
#HeaderLogo {position:relative;left:0px;top:0px;;display:block;width:156px;height:75px;background-color:transparent;background-repeat: no-repeat;background-image:url(images/curve.gif);}
#SectionButtons{position:absolute;left:157px;top:0px;;display:block;height:75px;background-color:transparent;}
#SectionText{color:#ffffff;position:absolute;left:175px;top:0px;padding-top:20px;display:block;height:75px;background-color:transparent;font-family: "Bookmanitc lt bt", Arial, sans-serif;font-size:35px;}

#SectionNav {position:relative; top: 0px; width:770px;height:22px;background-color:#000;color:#009900;display:block;margin:0 0 0 0;padding:0px 0px 0px 0px;text-align: center;font-size:12px;}

#SectionNav table {width:100%;height:19px; padding: 0 0 0 0; margin: 0 0 0 0;}
#SectionNav td {width: 20%; padding: 0 0 0 0; margin: 0 0 0 0;font-size:14px;}
a.secs:link {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secs:visited {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secs:active {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secs:hover {color: #ffcc00; background: #0099cc; text-decoration: none;display:block;}
a.secc:link {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secc:visited {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secc:active {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secc:hover {color: #ffcc00; background: #33cc00; text-decoration: none;display:block;}
a.secb:link {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secb:visited {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secb:active {color: #ffcc00; background: transparent; text-decoration: none;display:block;}
a.secb:hover {color: #ffcc00; background: #ff0033; text-decoration: none;display:block;}

#Banner {position:relative; top: 0px; width:770px;height:120px;background-color:#4c2177;display:block;margin-left:0px;margin-right:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}
#Banner img {position:absolute; top: 0px; left: 0px;display:block}

h2 {background-color:#006990;font-family:frutiger,get-frutier,verdana, arial, helvetica,sans-serif; font-size: 16px; font-weight: 900; color:#fff;padding:5px 0px 5px 0px; margin: 0px}

body.beavers h2, h2.beavers {background-color:#939;background-image:url(images/gradient-beavers.png);color:#fc0;}

body.cubs h2, h2.cubs {background-color:#366;background-image:url(images/gradient-cubs.png);color:#fc0;}

body.scouts h2, h2.scouts {background-color:#993;background-image:url(images/gradient-scouts.png);color:#fff;}

body.gambia h2, h2.gambia {background-color:#cc9;background-image:url(images/gradient-gambia.png);color:#fff;}



#Intro {position:relative; top: 0px; width:770px;background-color:#fff;display:block;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;border: 0px}
#Intro h2 {width:100%;padding:5px 0px 5px 0px; margin: 0px}
#Intro p {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000}
#Intro p.center {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000; text-align: center;}

#Bottom {position:relative;width:770px;top: -2px;background:#4c2177;display:block; margin-left: auto; margin-right: auto;margin-top: 0px;padding:0px 0px 0px 0px;}
#Nav {position:relative;float:left;left:0px;top:10px;width:100px;background-color:transparent;padding:5px;font-size:13px;}
#Login {display:block;width:90px;background-color:#ccc;padding:5px;font-size:10px;}
#Login label {color:#666666; font-size:7pt;}

a.nav, a.navb, a.navc, a.navs {margin-bottom:1px; padding:1px 1px 1px 10px; font-weight:900}
a.nav:link,a.nav:visited, a.nav:active{color: #fff; background: #84a40b; text-decoration: none;display:block;}
a.nav:hover {color: #fff; background: #ED7703; text-decoration: none;display:block;}
a.navs:link, a.navs:visited, a.navs:active {color: #fff; background: #066; text-decoration: none;display:block;}
a.navs:hover {color: #fff; background: #0099cc; text-decoration: none;display:block;}
a.navc:link, a.navc:visited, a.navc:active {color: #fff; background: #33cc00; text-decoration: none;display:block;}
a.navc:hover {color: #fff; background: #ffcc00; text-decoration: none;display:block;}
a.navb:link, a.navb:visited, a.navb:active {color: #fff; background: #ff0033; text-decoration: none;display:block;}
a.navb:hover {color: #fff; background: #ff9900; text-decoration: none;display:block;}
a.login:link {color: #4c2177; background: transparent; text-decoration: none;display:block;font-size:13px;}
a.login:visited {color: #4c2177; background: transparent; text-decoration: none;display:block;font-size:13px;}
a.login:active {color: #4c2177; background: transparent; text-decoration: none;display:block;font-size:13px;}
a.login:hover {color: #4c2177; background: #99cc00; text-decoration: none;display:block;font-size:13px;}
a.login_small {color: #4c2177; background: transparent; text-decoration: none;display:block;font-size:11px;}

#Info1 {position:relative;top: 5px; width:560px;border:2px solid #000000;background-color:#fff;display:block;margin-left:120px;margin-top:5px;margin-bottom:5px;padding:0px 0px 0px 0px;}
#Info1 h2, #Info2 h2 {width:550px;margin:0px;padding:5px}



#Info1 p {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000}
#Info1 p.center {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000; text-align: center;}
#Info1 ul {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:5px;padding-left:20px;color:#000000}
#Info1 a:link {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info1 a:visited {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info1 a:active {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info1 a:hover {color: #4c2177; background: #ffffff; text-decoration: underline;}



#Info2 {position:relative; width:560px;border:2px solid #000000;background-color:#fff;display:block;margin-left:120px;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}
#Info2 p {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000}
#Info2 p.center {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000; text-align: center;}
#Info2 ul {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:5px;padding-left:20px;color:#000000}
#Info2 a:link {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info2 a:visited {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info2 a:active {color: #4c2177; background: #ffffff; text-decoration: none;}
#Info2 a:hover {color: #4c2177; background: #ffffff; text-decoration: underline;}


#GalBlock #overview UL#thumbnails IMG {padding: 5px;background-color:#4c2177;}
#GalBlock #overview UL#thumbnails A:hover IMG {padding: 5px;background-color:#99cc00;}


#GalBlock {position:relative;top: 5px; width:640px; border:2px solid #000000;background-color:#fff;display:block;margin-left:120px;margin-top:5px;margin-bottom:5px;padding:0px 0px 0px 0px;}
#GalBlock h2 {width:630px; margin:0px;padding:5px}
#GalBlock p {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000}
#GalBlock p.center {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:15px;color:#000000; text-align: center;}
#GalBlock ul {font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:5px;padding-left:20px;color:#000000}
#GalBlock a:link {color: #4c2177; background: #ffffff; text-decoration: none;}
#GalBlock a:visited {color: #4c2177; background: #ffffff; text-decoration: none;}
#GalBlock a:active {color: #4c2177; background: #ffffff; text-decoration: none;}
#GalBlock a:hover {color: #4c2177; background: #ffffff; text-decoration: underline;}


#ContentBlock {position:relative; top: 5px; width:640px;border:2px solid #000000;background-color:#fff;display:block;margin-left:120px;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}
#CalBlock {position:relative; top: 5px; width:630px;border:2px solid #000000;background-color:#fff;display:block;margin-left:120px;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}
#ContentBlock h2 {width:630px; margin:0px;padding:5px}
#ContentBlock ul {font-family:verdana, arial, helvetica,sans-serif; font-size: 12px;padding:5px;padding-left:20px;color:#000000}
#ContentBlock p {font-family:verdana, arial, helvetica,sans-serif; font-size: 12px;padding:5px;color:#000000}
#ContentBlock p.center {font-family:verdana, arial, helvetica,sans-serif; font-size: 12px;text-align:center;padding:5px;color:#000000}
#ContentBlock p.author_info, #Info1 p.author_info {font-family: Arial;font-size: xx-small;color: #CCCCCC;}
#ContentBlock table{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;display:block;}
#ContentBlock td {font-family:verdana, arial, helvetica,sans-serif; font-size: 12px;text-align:center;padding:5px;color:#000000}
#ContentBlock td.event {font-family:verdana, arial, helvetica,sans-serif; font-size: 12px;text-align:left;padding:5px;color:#000000}
#ContentBlock tr.headings {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 100%; background-color: #4c2177;text-align:left;}
#ContentBlock 
img.left {float:left;padding:5px}
img.right {float:right;padding:5px}
#ContentBlock a:link {color: #4c2177; background: transparent; text-decoration: none;}
#ContentBlock a:visited {color: #4c2177; background: transparent; text-decoration: none;}
#ContentBlock a:active {color: #4c2177; background: transparent; text-decoration: none;}
#ContentBlock a:hover {color: #4c2177; background: transparent; text-decoration: underline;}




#Footer {position:relative;width:770px;top: -4px;border:2px solid #000000;background:#320966;display:block; margin-left: auto; margin-right: auto;margin-top: 0px;padding:0px;}
#Footer p {font-family:verdana, arial, helvetica,sans-serif;	font-size: 10px;padding:2px;color:#ffffff; margin:0px;}
#Footer a:link {color: #99cc00; background: #320966; text-decoration: none;}
#Footer a:visited {color: #99cc00; background: #320966; text-decoration: none;}
#Footer a:active {color: #99cc00; background: #320966; text-decoration: none;}
#Footer a:hover {color: #ffffff; background: #320966; text-decoration: none;}

#WebCounter {position:relative;width:770px;top: -4px;border:2px solid #000000;background:#ffffff;display:block; margin-left: auto; margin-right: auto;margin-top: 0px;padding:0px;}
#WCText {background:#ffffff; margin-left: auto; margin-right: auto;margin-top: 0px;padding:0px;font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px;padding:0px;color:#000000}

.line_color0 {background-color:#DDE7FF; padding-top:3pt; padding-bottom:3pt;}
.line_color1 {background-color:#EAF0FF; padding-top:3pt; padding-bottom:3pt;}


#overview UL LI	{list-style-type: square;}
#overview UL#extended {padding: 0 0 0 20px; margin: 0;}
#overview UL#extended LI {font-weight: bold;list-style-type: none;float: left;}
#overview UL#extended LI A{width: 122px;height: 51px;color: #ffffff; background-color: #4c2177; overflow: hidden;padding: 0 5px 0 75px;border: 0;	margin: 1px;display: block;}
#overview UL#extended LI DIV {width: 122px;height: 51px;color: #ffffff; background-color: #4c2177; overflow: hidden;padding: 0 5px 0 65px;border: 0;	margin: 1px;display: block;}
#overview UL#extended LI A:hover {text-decoration: none;color: #ffffff;	background-color:#7d49a9;}

#overview UL#extended LI SPAN {font-size: 75%;font-weight: normal;font-style: italic;}

#overview UL#extended LI.break {font-weight: bold;list-style-type: none;}

#overview UL#extended LI.break DIV,
#GalBlock.beavers #overview UL#extended LI.break DIV,
#GalBlock.cubs #overview UL#extended LI.break DIV,
#GalBlock.scouts #overview UL#extended LI.break DIV {width: 550px;height: 15px;color: #000000; background: transparent; overflow: hidden;font-family:verdana, arial, helvetica,sans-serif;	font-size: 12px; padding: 0 0 0 0;border: 0; margin: 1px;display: block;}



#overview UL#extended LI.beavers A,
#overview UL#extended LI.beavers DIV,
#GalBlock.beavers DIV#overview UL#extended LI A,
#GalBlock.beavers DIV#overview UL#extended LI DIV {width: 122px;height: 51px;color: #ffffff; background-color: #ff0033;	overflow: hidden;padding: 0 5px 0 75px;border: 0;	margin: 1px;display: block;}

#overview UL#extended LI.beavers A:hover,
#GalBlock.beavers DIV#overview UL#extended LI A:hover {text-decoration: none;color: #ffffff;	background-color:#ff9900;}


#overview UL#extended LI.cubs A,
#overview UL#extended LI.cubs DIV,
#GalBlock.cubs DIV#overview UL#extended LI A,
#GalBlock.cubs DIV#overview UL#extended LI DIV {width: 122px;height: 51px;color: #ffffff; background-color: #33cc00;	overflow: hidden;padding: 0 5px 0 75px;border: 0;	margin: 1px;display: block;}

#overview UL#extended LI.cubs A:hover,
#GalBlock.cubs DIV#overview UL#extended LI A:hover {text-decoration: none;color: #ffffff;	background-color:#ffcc00;}

#overview UL#extended LI.scouts A,
#overview UL#extended LI.scouts DIV,
#GalBlock.scouts DIV#overview UL#extended LI A,
#GalBlock.scouts DIV#overview UL#extended LI DIV {width: 122px;height: 51px;color: #ffffff; background-color: #006666;	overflow: hidden;padding: 0 5px 0 75px;border: 0;	margin: 1px;display: block;}

#overview UL#extended LI.scouts A:hover,
#GalBlock.scouts DIV#overview UL#extended LI A:hover {text-decoration: none;color: #ffffff;	background-color:#0099cc;}


#overview UL#thumbnails {padding: 0 0 0 20px; margin: 0;text-align:center;font-size: 75%;}
#overview UL#thumbnails LI {font-weight: bold;list-style-type: none;float: left;}
#overview UL#thumbnails LI A{width: 115px;height: 140px;color: #000000; background-color: #ffffff; overflow: hidden;padding: 3px;border: 0;	margin: 1px;display: block;}
#overview UL#thumbnails LI DIV {width: 100px;height: 130px;color: #ffffff; background-color: #ffffff; overflow: hidden;padding: 0 5px 0 75px;border: 0;	margin: 1px;display: block;}
#overview UL#thumbnails LI SPAN {font-weight: normal;font-style: italic;}
#overview UL#thumbnails LI.break {font-weight: bold;list-style-type: none;}
#GalBlock.cubs #overview UL#thumbnails IMG {padding: 5px;background-color:#33cc00;}
#GalBlock.cubs #overview UL#thumbnails A:hover IMG {padding: 5px;background-color:#ffcc00;}

#GalBlock.beavers #overview UL#thumbnails IMG {padding: 5px;background-color:#ff0033;}
#GalBlock.beavers #overview UL#thumbnails A:hover IMG {padding: 5px;background-color:#ff9900;}

#GalBlock.scouts #overview UL#thumbnails IMG {padding: 5px;background-color:#006666;}
#GalBlock.scouts #overview UL#thumbnails A:hover IMG {padding: 5px;background-color:#0099cc;}


#thumbnails li a:hover {text-decoration:none}



table.videos {border: outset; border-color: #666666;width:480px;border-width: 2px;}
table.videos th {background-color: #ED7703;color: #ffffff;width: 480px;}

.clearfix:after {
    content:"."; 
    display:block; 
    height:20px; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}