@import url("awards.css");
@import url("forum.css");
/*
===========================================================
General
===========================================================
*/
#editButton {
   margin-top:4px;
   margin-bottom:4px;
   border:1px #00f solid;
   text-align:center;
   padding:2px;
}
BODY {
   margin: 0px;
   background-color: #aeaeae;
   font-family: Verdana;
   font-size: 10pt;
}
.content {
   margin-left: 174px;
   margin-right: 165px;
   /* The following rules are duplicated in "body" in editor.css */
   padding-top: 35px;
   padding-left: 10px;
   padding-right: 8px;
}
img, div { behavior: url(/style/iepngfix.htc); }
a:link, a:visited, a:active {
   color: #254c88;
   font-weight: bold;
}
a:hover {
   text-decoration: none;
   color: #000000;
}
img {
   border: 0;
}
h1 {
   color: #264c8a;
   font-size: 25pt;
   font-family: Crud;
   font-style: normal;
   font-weight: normal;
   src: url(CRUD0.eot);
   margin-bottom: 0px;
}

h2 {
   font-size: 11pt;
   color: #c29724;
   padding-bottom: 0px;
   font-weight: bold;
}
h3 {
   font-size: 8pt;
   color: #254c88;
   padding: 0px;
   margin: 0px;
   padding-bottom: 0px;
}
h4 {
   font-size: 12pt;
   color: #254c88;
   margin-top: 15px;
   margin-bottom: 15px;
}
.blue { color: #254d8b; }
.green { color: #006f53; }
.lightgreen { color: #67b4a1; }
.darkgreen { color: #005741; }
.canvas {
   position: absolute;
   width: 995px;
   margin-left: -498px;
   left: 50%;
   background: url(/images/scoutssa_back.gif) repeat-y;
}
.canvas2 {
   background: url(/images/scoutssa_banner.jpg) no-repeat;
}
.logo {
   position: relative;
   height: 185px;
   width: 174px;
   top: 0px;
   left: 0px;
   margin-left: 17px;
   background: url(/images/logo.png);
   /*background-color: #fff;*/
}
.innercanvas {
   width: 961px;
   _width: 995px;
   padding-left: 17px;
   padding-right: 17px;
   height: auto;
   z-index: 99;
   position: relative;
}
table, p, li {
   font-size: 9pt;
   line-height: 15pt;
}

/*
===========================================================
Navigation
===========================================================
*/
.leftnav {
   float: left;
   width: 174px;
   height: 100%;
   font-family: Arial;
}
.rightnav {
   float: right;
   font-family: Arial;
   width: 166px;
   margin-top:63px;
}

.rightnav .links{
   border-collapse: collapse;
   border: 1px solid #d4d4d4;
   border-spacing: 0;
}
.rightnav .links td{
   border: 1px solid #d4d4d4;
   padding: 0;
}
.rightnav .links td a{
   width: 53px;
   height: 37px;
   text-decoration: none;
   border: none;
}
.rightnav .links td.wide a{
   width: 54px;
}
.rightnav .links a{
   display: block;
   height: 50px;
   width: 40px;
}

/* Scrolling Events */
.rightnav .events{
   color: white;
}

.rightnav .events #scrollingEvents{
   border: 1px solid #005741;
   background-color: #21a281;
   overflow: hidden;
}

.rightnav .events #scrollingEvents div{
   padding: 0px 5px;
   font-size: 8pt;
   _width: 164px !important;
}

.rightnav .events #scrollingEvents div p{
   margin: 10px 0px;
}

.rightnav .events h1, .rightnav .events h2, .rightnav .events h3{
   font-family: Arial, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   color: white;
}
.rightnav .events p{
   font-size: 8pt;
   line-height: 10pt;
}
.rightnav .events .moreLink{
   right: 5px;
   display: block;
   float: right;
}
.rightnav .events .newsLink{
   font-size: 10pt;
   border-top: 1px solid #67b4a1;
   background-color: #006f53;
   padding: 5px;
   text-align: center;
   width: 154px;
   _width: 164px;
}
.rightnav .events .newsLink a{
   text-decoration: none;
}
.events .bx-pager {
   background: #21A281;
   border-bottom: 1px solid #005741;
   border-top: 1px solid #67B4A1;
   padding: 3px;
   text-align: center;
}
.events .bx-pager a{
   margin: 0px 5px;
   text-decoration: none;
}
.events .bx-pager a.pager-active{
   font-size: 11pt;
   font-weight: bold;
}
/* End Scrolling Events */

.menu .level_1 div {
   padding-top: 8px;
   padding-bottom: 8px;
}

.menu .level_1 li, .menu .mainHome {
   line-height: 18px;
   font-size: 11pt;
   background-color: #ffc423;
   color: #254c88;
   border-top: 1px #ffe6a3 solid;
   border-bottom: 1px #eaaf0e solid;
}
.menu .mainHome {
   padding-left: 5px;
}
.menu .level_1 .level_1_div .long{
   line-height: 18px;
   font-size: 11pt;
   background-color: #ffc423;
   color: #254c88;
   border-top: 1px #ffe6a3 solid;
   border-bottom: 1px #eaaf0e solid;
}
.menu .level_1 .search-text {
   border: 1px grey inset;
   margin: 0 2px;
   width: 95px;
}
.menu .level_1 form{
   margin: 0;
}

.rightnav .menu .level_1 li{
   font-size: 12pt;
}
.menu .level_2 li {
   line-height: 15px;
   font-size: 10pt;
   background-color: #006f53;
   color: #ffffff;
   border-top: 1px #67b4a1 solid;
   border-bottom: 1px #005741 solid;
}

.menu .level_3 li {
   border-top: 1px #f7f7f7 solid;
   border-bottom: 1px #e2e2e2 solid;
   line-height: 10px;
   font-size: 10pt;
   color: #006f53;
   background: url(/images/level3.gif);
}
.menu li.active_item {
   background-color: #2d538e;
   background-image: none;
   border-top: 1px #4776bf solid;
   border-bottom: 1px #142c51 solid;
   color: #ffffff;
}

.menu .level_4 li {
   border-top: 1px #f7f7f7 solid;
   border-bottom: 1px #e2e2e2 solid;
   line-height: 5px;
   font-size: 7.5pt;
   color: #254e8c;
   height: 18px;
}

.menu .level_2, .menu .level_3, .menu .level_4 {
   display: none;
}
.menu .parent_active ul {
   display: block;
}
.menu .parent_active ul li ul {
   display: none;
}
.menu .parent_active .active_item ul {
   display: block;
}
.menu .active_item ul {
   display: block;
}
.menu .active_item ul ul {
   display: none;
}

.menu .parent_active .parent_active ul {
   display: block;
}
.menu li.hasChildren {
   border-bottom: 0px;
}

.menu ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.menu li {
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-left: 5px;
}
.menu li ul {
   margin: 0px;
   padding: 0px;
   margin-left: -5px;
}
.level_1 div {
font-weight: bold;
}
.level_2 div {
font-weight: normal;
}
.events .row {
   clear: both;
}
.events .date {
   float: left;
   width: 30px;
   _width: 25px;
   font-size: 9pt;
}
.events .event {
   float: left;
   width: 110px;
   font-size: 8pt;
   padding-bottom: 10px;
}
.promoText{
   margin-bottom: 30px;
}

.promoText .feedImage{
   float: left;
   margin-top: 2px;
   text-align: center;
   width: 105px;
}

.promoText h2{
   margin-top: 0px;
}
/*
===========================================================
Gallery
===========================================================
*/
.gallery {
   width: 546px;
   height: 502px;
}
.imageHolder {
   float: left;
   padding: 1px
}
.previewArea {
   padding-left: 3px;
   padding-bottom: 1px;
}
#imagePagination {
   width: 540px;
   float: left;
   text-align: center;
}
#imagePagination ul {
   list-style: none;
   padding: 0px;
   margin: 0px;
   left: 50%;
   float: left;
   position: relative;
}
#imagePagination ul li {
   position: relative;
   width: 30px;
   right: 50%;
   border: 1px #888 solid;
   background-color: #ddd;
   float: left;
}
#imagePagination ul li a {
   width: 100%;
   height: 100%;
}
#imagePagination .active {
   background-color: #aaa;
}
#imagePagination p {
   margin: 0px;
}
/*
===========================================================
Footer
===========================================================
*/


.footer span{
   text-align: center;
   width: 100%;
}
.footer span div{
   color: white;
   padding-left: 320px;
}
.footer {
   clear: both;
   position: relative;
   padding-top: 191px;
   padding-bottom: 5px;
   background: url(/images/footer.gif);
}
.newsSmall {
   font-size: 7pt!important;
   line-height: 12pt!important;
}

.copyright {
   font-size: 12px;
}
.powered {
   font-size: 12px;
}

/*
===========================================================
Links
===========================================================
*/
.rightnav a:link, .rightnav a:visited,
.rightnav a:hover, .rightnav a:active {
   font-weight: normal;
}
.rightnav .events a:link, .rightnav .events a:active, .rightnav .events a:visited{
   color: white;
   border: none;
}
.menu a:link, .menu a:visited, .menu a:active {
   text-decoration: none;
   font-weight: normal;
}
.menu a:hover {
   text-decoration: underline;
}
.copyright a:link, .copyright a:active, .copyright a:visited {
   text-decoration: none;
   font-weight: normal;
   color: #ffffff;
}
.copyright a:hover {
   text-decoration: underline;
}
.powered a:link, .powered a:active, .powered a:visited {
   text-decoration: none;
   font-weight: normal;
   color: #ffffff;
}

.powered a:hover {
   text-decoration: underline;
}

.level_1 a:link, .level_1 a:visited, .level_1 a:active, .level_1 a:hover {
   color: #254c88;
}
.level_1 .active_item a:link, .level_1 .active_item a:visited, .level_1 .active_item a:active, .level_1 .active_item a:hover {
   color: #ffffff;
}
.level_2 a:link, .level_2 a:visited, .level_2 a:active, .level_2 a:hover {
   color: #ffffff;
}
.level_2 .level_3 a:link, .level_2 .level_3 a:visited, .level_2 .level_3 a:active, .level_2 .level_3 a:hover {
   color: #005741;
}
.level_3 .active_item a:link, .level_3 .active_item a:visited, .level_3 .active_item a:active, .level_3 .active_item a:hover {
   color: #ffffff;
}
.level_4 a:link, .level_4 a:visited, .level_4 a:active, .level_4 a:hover {
   color: red;
}
.links {
   line-height: 16pt;
}

.events a:link, .events a:active, .events a:visited,
.links a:link, .links a:active, .links a:visited {
   color: #264c8a;
   border-bottom: 1px dotted #254c88;
}

.links a:hover {
   color: black;
   text-decoration: none;
}
.searchResult {
   padding-bottom: 15px;
}
/*
===========================================================
Document display
===========================================================
*/
.docDisplay {
   border: 1px solid #ddd;
   background-color: #eee;
   padding: 5px;
}

.docName a {
   padding-left: 43px;
   font-size: 15pt;
   line-height: 47px;
   display: block;
   background: url(/images/pdf.gif) no-repeat;
}

.docDescription {
   padding: 5px;
}

.default_canvas {
   background: url(/images/scoutssa_banner_default.jpg) no-repeat;
   background-position:-5 0;
}
.canvas2 {
   background: url(/images/scoutssa_banner.jpg) no-repeat -5px 0;
}
.content {
   font-family:Verdana;
   margin-left: 174px;
   width: 767px;
   padding-top: 35px;
   padding-left: 10px;
   padding-right: 10px;
   margin-right: 0px;
}

.menu A:link, .menu A:visited, .menu A:active {
   text-decoration: none;
   font-weight:normal;
}
.menu A:hover {
   text-decoration: underline;
}



.links {
   line-height:16pt;
}
#footer {
   position: absolute;
   left: -17px;
   top:0px;
}
.footer{
   clear:both;
   text-align:center;
   position: relative;
   padding-top:188px;
   padding-bottom:5px;
}

.rightnav .links a {
   display: inline;
   height: auto;
   width: auto;
   border: none;
}

.groupTitle H1 {
   color: #fff;
   font-size: 48px;
}
.groupTitle {
   position: absolute;
   top: 15px;
   left: 196px;
   _left: 206px;
}
.meeting {
  border-collapse: collapse;
  border: 1px #ccc solid;
}
.meeting TD {
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
  border: 1px #ccc solid;
}
.meeting TH {
  padding-left: 4px;
  text-align: left;
  background-color: #eee;
  border: 1px #ccc solid;
}

*, *::before, *::after {
   box-sizing: content-box !important;
}