﻿/* Style Imports for Branding */
@import url(imgbsaheader.css);

/* General Html Styles are good */
body
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div
{
	text-align:left;
	font:normal 12px Trebuchet MS;
}

img
{
	border:0px;
}

h1
{
	font-size:22px;
	margin:20px 0px 10px 0px;
	color:#04649C;
}

h3
{
	font-size:16px;
}

a
{
	color:#04649C;
}

div.layout
{
	width:850px; /* changed from 900 */
	margin:0px auto 0px auto;
	background:#FFFFFF;
}
div.main
{
    min-height:400px; 
    height:auto; 
}

div.header
{
	height:101px;
}

div.header_logo
{
	width:84px;
	float:left;
}

div.header_logo img
{
	width:84px;
	height:95px;
}

div.header_title
{
	width:240px;
	float:left;
}

div.header_title img
{
	width:240px;
	height:60px;
/*	border: solid 1px red;*/
}

div.header_controls
{
	height:71px;
/*	border: solid 1px white; */
}

div.header_user
{
	height: 14px;
	width: 180px;
	margin: -4px 0 0 0;
}
div.header_search
{
	width:230px;
	height:25px;
	float:right;
	padding:11px 0px 10px 0px;
}

input.header_txtsearch
{
	vertical-align:middle;
}

input.header_btnsearch
{
	width:57px;
	height:20px;
	border:0px;
	cursor:pointer;
	vertical-align:middle;
}

div.header_featuremenu
{
	height:25px;
	width:512px; /*was 562 */
	float:right;
}

div.header_featuremenu table
{	
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;
}

div.header_featuremenu a
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div.header_featuremenu a:hover
{
	color:#F6DD5E;
}

div.header_featuremenu a.highlight
{
	color:#F6DD5E;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div.header_mainmenu
{
	height:30px;
	width:760px; /* was 810px  */
}

div.header_mainmenu table
{
	width:100%;
	height:29px;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div.header_mainmenu td.active
{
	background:url(../Pix/mainmenu_active.gif) repeat-x;
}

div.header_mainmenu a
{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

div.header_mainmenu a:hover
{
	color: #F6DD5E;
}

div.header_mainmenu td.active a
{
	color:#006699;
}

div.header_mainmenu td.active a:hover
{
	color:#711E23;
}

/* Context Menu Styles */
div.contextmenu
{
	width:230px;
	float:left;
	background:url(../Pix/pathmenu_background.gif) repeat-x top;
}

div.contextmenu_tools
{
	height:32px;
}

div.contextmenu_tools a
{
	color:#04649C;
	font-size:11px;
	text-decoration:none;
}

div.contextmenu_tools img
{
	margin:10px 4px 0px 6px;
}

ul.contextmenu_category
{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

ul.contextmenu_category li
{
	background:url(../Pix/contextmenu_divider.gif) bottom no-repeat;
	padding:3px 0px 3px 0px;
}

ul.contextmenu_category li.ncontent
{
	background:url(../Pix/contextmenu_divider_new.gif) bottom no-repeat;
}

ul.contextmenu_category a
{
	color:#04649C;
	font-weight:bold;
	font-size: 10px;
	margin:0px 0px 0px 6px;
	text-decoration:none;
}

ul.contextmenu_category a:link
{
	display:block;
}
ul.contextmenu_category a:hover
{
	color:#134979;
	background-color:#d9d6c7;
}

ul.contextmenu_category h6
{
	background:#F0F0F0 url(../Pix/contextmenu_seperator.gif) repeat-y;
	margin:5px 1px 4px 1px;
	list-style-type: none;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	width: 185px;
	overflow: hidden;
}

ul.contextmenu_subcategory
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}

ul.contextmenu_subcategory li
{
	background:url(../Pix/contextmenu_arrow.gif) 20px 12px no-repeat;
}

ul.contextmenu_subcategory a
{
	color:#04649C;
	font-weight:normal;
	margin:0px 0px 0px 32px;
	text-decoration:none;
}

/* PathMenu Styles */
div.pathmenu
{
	height:32px;
	width:620px; /* was 670 */
	float:right;
	background:url(../Pix/pathmenu_background.gif) repeat-x top;
}

div.pathmenu img
{
	margin:21px 0px 0px 0px;
}

div.pathmenu a
{
	color:#04649C;
	text-decoration:none;
	margin:0px 6px 0px 0px;
}

/* Content Styles */
div.content
{
	width:618px; /* was 670, subtract 2px from 620 to get floated divs to render correctly */
	float:left;
}

h4.scoutmaster
{
	background: #ffffff url(../Pix/sm_tag.gif) no-repeat 8px 4px; /*last 2 values are the x and y coordinates of bullet image*/
	font-style:italic;
	font-weight:bold;
	font-family: Arial Tahoma;
	color: Navy;
	padding:15px 0px 15px 45px;
}

iframe.content_application
{
 clear:both;
 width:100%;
 height:800px;
 display:block;
 border:solid 0px #DDDDDD;
 margin:0px 0px 0px 0px;
}


/* Footer Styles */
div.footer
{
	/*width:618px;  added to keep footer gray bar under content area */
	text-align:center;
	height:100px;
	font-size:11px;
	background:url(../Pix/footer_background.gif) repeat-x top;
	padding:10px 0px 0px 0px;
	clear:both;
}

div.footer a
{
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
}

div.footer img
{
	margin:0px 10px 0px 10px;
	vertical-align:middle;
}

/* Search Styles */
a.search_title
{
	font-size:14px;
}

a.search_path
{
	text-decoration:none;
	color:#006600;
}

div.search_pager span
{
	margin:0px 2px 0px 2px;
}

/* side navigation */

#RightNav {
background-color:#f2f2ee;
width: 194px;
list-style-type: none;
margin: 2px 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-image: url(http://209.246.150.214/7%E/media/frontpage/background.ashx);
background-repeat: repeat-x;
}
ul#RightNav li {
font-weight: bold;font-size: 11px;
text-indent: 8px;
/* margin: 2px 0 2px 0;*/
}
ul#RightNav a {
color: #000032;
text-decoration: none;
display: block;
}
ul#RightNav a:hover {
background-color: #c7b585;
}
ul#RightNav2 {
background-color:#f2f2ee;
width: 194px;list-style-type: none;
margin: 4px 0 4px 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul#RightNav2 li {
font-weight: normal;
font-size: 11px;
text-indent: 20px;
}
ul#RightNav2 a {
color: #000032;
text-decoration: none;
display: block;
}
ul#RightNav2 a:hover {
background-color: #c7b585;
background-image:url(../Pix/bullet_go.gif);
background-repeat:no-repeat;
}

#wrapper {
margin: 0 auto;
width: 850px;
}
#whatsHot {
color: #333;
width: 590px;
float: left;
height: 320px;
background-color: #f2f3ee;
}
#rightcolumn {
background-color: #f2f3ee;
width: 230px;
margin: 0 auto;
padding-top: 10px;
background-image: url(../Pix/section-head.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
}
#rightcolumn   h2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
padding-right: 10px;
padding-bottom: 5px;
background-image: url(../Pix/section-head-bkg.gif);
}
#leftcolumn {
color: #333;
margin: 0px 0px 0px 0px;
width: 190px;
float: left;
background-color: #f2f3ee;
position: relative;
}

#content {
float: left;
width: 400px;
background-color: #f2f3ee;
position: relative; 
}

#text {
float: left;
color: #333;
width: 360px;
background-color: #FFFFFF;
margin: 10px;
padding: 10px;
}
#text h1 {
color: #000000;
font-size: 18px;
font-style:italic;
}

#text p {
color: #000000;
font-size: 11px;
}
#holder {
background-color: #f2f3ee;
width: 260px;
margin: 0 auto;
float: right;
position: relative;
}
#section {
color: #FFFFFF;
background-image: url(../Pix/section-head.gif);
background-repeat: no-repeat;
background-position: top;
width: 230px;
margin: 0px 10px;
}
#section h1 {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
background-image: url(../Pix/section-head-bkg.gif);
background-repeat: repeat-y;
width: 230px;
margin: 0px 0 0 0;
}
/*   ------------ involved ------*/
.accordion_toggle {
display: block;
font-weight: bold;
text-decoration: none;
outline: none;
/* border-bottom: 1px solid #fff; */
cursor: pointer;
margin: 0;
padding: 0;
background-image: url(../Pix/arrow-down.gif);
}
.accordion_toggle_active {
color: #ffffff;
}
.accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
}
.accordion_content p {
line-height: 150%;
padding: 0;
}
.age {
font-size: 10px;
font-style: italic;
font-weight: normal;
padding-left: 20px;
}
.cubscout {
margin: 0 auto;
display: block;
height: 35px;
width: 230px;
line-height: 12px;
font-size: 12px;
font-weight:bold;
color:#000000;
text-align: left;
text-indent: 10px;
padding-top: 5px;
background-color: #ebcb46;
background-image: url(../Pix/cub-h1bkg.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: solid 2px #f2f3ee;
}
.cubscout-body {
font-size:10px;
width: 210px;
margin: 0 auto;
color: #000;
background-color: #D5B83E;
padding: 5px 10PX 10PX 10PX;
}
.cubscout-links {
background-color:#483b13;
width:230px;
border-bottom: solid 1pt #fff;
}
.cubscout-links ul {
text-align:right;
padding-right:10px;
font-size:9px;
list-style-type: none;
line-height:1.4;
}
.cubscout-links a {
color:#FFFFFF;
text-decoration:none;
}
.cubscout-links a:hover {
color:#FFFFFF;
text-decoration:none;
display: block;
background-color: #332A0D;
}
.boyscout {
margin: 0 auto;
display: block;
height: 35px;
width: 230px;
line-height: 12px;
font-size: 12px;
font-weight:bold;
color:#fff;
text-align: left;
text-indent: 10px;
padding-top: 5px;
background-color: #316ea0;
background-image: url(../Pix/boyscout-h1bkg.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: solid 2px #f2f3ee;
}
.boyscout-body {
font-size:10px;
width: 210px;
color: #fff;
background-color: #2A5E8B;
padding: 5px 10PX 10PX 10PX;
}
.boyscout-links {
background-color:#0c3252;
width:230px;
border-bottom: solid 1pt #fff;
}
.boyscout-links ul {
text-align:right;
padding-right:10px;
font-size:9px;
list-style-type: none;
line-height:1.4;
display: block;
}
.boyscout-links a {
color:#fff;
text-decoration:none;
}
.boyscout-links a:hover {
color:#fff;
text-decoration:none;
background-color: #082237;
display: block;
}
.venturing {
margin: 0 auto;
display: block;
height: 35px;
width: 230px;
line-height: 12px;
font-size: 12px;
font-weight:bold;
color:#fff;
text-align: left;
text-indent: 10px;
padding-top: 5px;
background-color: #337A5B;
background-image: url(../Pix/venturing-h1bkg.gif);
background-repeat: no-repeat;
background-position: right 0px;
border-bottom: solid 2px #f2f3ee;
}
.venturing-body {
font-size:10px;
width: 210px;
color: #fff;
background-color: #2A6B50;
padding: 5px 10PX 10PX 10PX;
}
.venturing-links {
background-color:#1A4331;
width:230px;
border-bottom: solid 1pt #fff;
}
.venturing-links ul {
text-align:right;
padding-right:10px;
font-size:9px;
list-style-type: none;
line-height:1.4;
text-indent: 10px;
}
.venturing-links a {
color:#fff;
text-decoration:none;
}
.venturing-links a:hover {
color:#fff;
text-decoration:none;
background-color: #0F271D;
display: block;
}
.featured_vos {
margin: 0 auto;
display: block;
height: 24px;
width: 230px;
line-height: 24px;
font-size: 11px;
font-weight:bold;
color:#000000;
text-align: left;
text-indent: 10px;
background-color: #C7B57C;
background-image: url(../Pix/features_vos.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: solid 2px #f2f3ee;
}
.featured_rss {
margin: 0 auto;
display: block;
height: 24px;
width: 230px;
line-height: 24px;
font-size: 11px;
font-weight:bold;
color:#000000;
text-align: left;
text-indent: 10px;
background-color: #C7B57C;
background-image: url(../Pix/features_cubcast.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: solid 2px #f2f3ee;
}
.featured_Commissioner {
margin: 0 auto;
display: block;
height: 24px;
width: 230px;
line-height: 24px;
font-size: 11px;
font-weight:bold;
color:#000000;
text-align: left;
text-indent: 10px;
background-color: #C7B57C;
background-image: url(../Pix/features_commissioner.gif);
background-repeat: no-repeat;
background-position: right top;
border-bottom: solid 2px #f2f3ee;
}
.featured-body {
font-size:10px;
width: 220px;
padding-left:10px;
color: #000000;
background-color: #ECD893;
}
.featured-links {
background-color:#1A4331;
width:230px;
border-bottom: solid 1pt #fff;
}
.featured-links ul {
text-align:right;
padding-right:10px;
font-size:9px;
list-style-type: none;
line-height:1.4;
}
.featured-links a {
color:#fff;
text-decoration:none;
}
.second-nav {
display: block;
height: 20px;
width: 165px;
line-height: 20px;
font-size: 11px;
font-weight:bold;
color:#fff;
text-align: right;
text-indent: 10px;
background-color: #2f6b9e;
background-image: url(../Pix/arrow-down.gif);
background-repeat: no-repeat;
background-position: 170px center;
border-bottom: solid 2px #f2f3ee;
padding-right: 25px;
}
.second-nav-body {
font-size:9px;
width: 220px;
padding-left:10px;
color: #000000;
background-color: #f2f3ee;
}
.second-nav-links {
background-color:#f2f3ee;
width:190px;
}
.second-nav-links ul {
text-align:right;
padding-right:10px;
list-style-type: none;
line-height:20px;
}
.second-nav-links a {
color:#000000;
text-decoration:none;
font-size: 10px;
padding-left: 10px;
}
.second-nav-links a:hover {
color:#104774;
text-decoration:none;
}
#featurette-lft {
font-size: 10px;
background-color: #f2f3ee;
float: left;
width: 165px;
padding:5px;
margin-top: 10px;
}
#featurette-lft h2 {
font-size:10px;
font-weight:bold;
}
#featurette-lft a {
color:#2f6b9e;
font-size:8px;
text-align:right;
text-transform: uppercase;
text-decoration: none;
}
#featurette-rt {
font-size: 10px;
background-color: #f2f3ee;
float: right;
width: 165px;
padding:5px;
margin-top: 10px;
}
#featurette-rt  h2 {
font-size:10px;
font-weight:bold;
}
#featurette-rt a {
color:#2f6b9e;
font-size:8px;
text-align:right;
text-transform: uppercase;
text-decoration: none;
}
#featurette {
font-size: 10px;
background-color: #f2f3ee;
float: right;
width: 392px;
padding:5px;
margin-top: 10px;
}
#featurette  h2 {
font-size:10px;
font-weight:bold;
}
#featurette a {
color:#2f6b9e;
font-size:8px;
text-align:right;
text-transform: uppercase;
text-decoration: none;
}
