/* ==================================================== */
/* Main - Common                                        */ 
/* ==================================================== */

/* ---------------------------------------------------- */
/* Standard Tags */ 

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 80%;
	margin: 0px;
	background-attachment: fixed;
	text-align: left;
	background-color: #FFF
	}

/* h1 {
 	display: none
	}
	*/
h1 {
	font-size: 150%;
	margin: 0 0 6px 0;
	padding: 2px 0 2px 8px;
	background: #4D1979 url('../images/styling/sectionhead1.jpg') repeat-x;
	color: #FFF;
	line-height: 37px
	}


/* 	background: #4D1979 url('../images/styling/purpleback.jpg') repeat-x; */

h2 {
	font-size: 100%;
	margin: 0 0 6px 0;
	padding: 2px 0 2px 8px;
	background: #4D1979 url('../images/styling/sectionhead.jpg') repeat-x;
	color: #FFF;
	line-height: 18px
	}

h3 {
	font-size: 95%;
	margin: 0 0 0 8px;
	padding: 0;
	color: #4D1979;
	font-weight: bold
	}
	
a {
	text-decoration: underline;
	color: #4D1979
	}

a:hover {
	text-decoration: none;
	color: #666666;
	padding: 0px
	}

.gentable {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 100%;
	}

	
/* ---------------------------------------------------- */
/* Greenback Bar*/

.greenback {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 22px;
	padding: 0;
	background-color: #9C0;
	border-bottom: 1px solid #4D1979;
	border-top: 1px solid #4D1979;
	font-size: 90%;
	background-image: url('../images/styling/greenback.jpg');
	background-repeat: repeat-x;
	font-style: normal;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	z-index:99
	}
	
.greenback ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-image: url('../images/styling/whiteback.png');
	font-size: 100%;
	color: #FFFFFF;
	z-index:5
	}

.greenback a {
	display: block;
	color: #000000;
	margin-top: 1px;
	margin-right: 1px;
	margin-left: 1px
	}

.greenback li {
	float: left;
	padding: 2px 7px 0px;
	z-index:5
	`}

.greenback li ul {
	position: absolute;
	width: 95px;
	left: -999em;
	font-weight: bold;
	z-index:5
	}

.greenback li ul ul {
	margin: -2em 0 0 4em
	}

.greenback li:hover ul ul {
	left: -999em
	}
.greenback li.sfhover ul ul {
	left: -999em
	}

.greenback li li:hover ul, .nav li li.sfhover ul {
	left: auto
	}

.greenback li:hover ul {
	left: auto;
	border: 1px solid #666666;
	padding: 0px;
	color: #FFF;
	text-decoration: none
	}

.greenback ul li a:hover {
	color: #FFF;
	text-decoration: none
	}

.greenback .bar {
	border-right: 1px dotted #fff;
	color: #4d1979
	}

/* ---------------------------------------------------- */
/* General Formatting */ 

.seperator 	{
	border-left: 1px dotted #fff;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	position: relative
	}

.mainbody {
	width: 100%;
	background-color: #FFFFFF;
	float: left
	}

.purplebar {
	height: 9px;
	width: 100%;
	background-image: url('../images/styling/purpletop.jpg');
	background-repeat: repeat-x;
	overflow: hidden
	}

/* ==================================================== */
/* Content Specifics                                    */ 
/* ==================================================== */

/* ---------------------------------------------------- */
/* CCY Heading */

.ccyheading {
	font-weight: bold;;
	font-family: "Monotype Corsiva", "Comic Sans MS";
	font-size: 24pt;
	text-align: left;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	color: black
	
	}

.ccybar {
	height: 12px;
	width: 100%;
	background-image: url('../images/styling/ccybanner.jpg');
	background-repeat: repeat-x;
	overflow: hidden
	}

/* ---------------------------------------------------- */
/* Section Headers */

.sectionbeaver {
	font-weight: bold;
	font-family: "Monotype Corsiva", "Comic Sans MS";
	font-size: 18pt;
	text-align: left;
	color: yellow;
	width: 100%;
	background-image: url('../images/styling/sectionbeaver.jpg');
	background-repeat: repeat; 
	overflow: hidden
	}

.sectioncub {
	font-weight: bold;
	font-family: "Monotype Corsiva", "Comic Sans MS";
	font-size: 18pt;
	text-align: left;
	color: yellow;
	width: 100%;
	background-image: url('../images/styling/sectioncub.jpg');
	background-repeat: repeat; 
	overflow: hidden
	}

.sectionscout {
	font-weight: bold;
	font-family: "Monotype Corsiva", "Comic Sans MS";
	font-size: 18pt;
	text-align: left;
	color: yellow;
	width: 100%;
	background-image: url('../images/styling/sectionscout.jpg');
	background-repeat: repeat; 
	overflow: hidden
	}

/* ---------------------------------------------------- */
/* Message Boxes */

.groupmessages {
	width: 403px;
	background-color: #ffff82;
	border-width: thick;
	border-color: #009d00;
	border-style: ridge;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px
	}

.beavermessages {
	width: 403px;
	background-color: #026edf;
	border-width: thick;
	border-color: #228ffd;
	border-style: ridge;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px
	}

.cubmessages 	{
	width: 403px;
	background-color: #008f00;
	border-width: thick;
	border-color: #00c600;
	border-style: ridge;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px
	}

.scoutmessages 	{
	width: 403px;
	background-color: #2e905f;
	border-width: thick;
	border-color: #3ab678;
	border-style: ridge;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px
	}

	
/* ---------------------------------------------------- */
.bluebutton {
	color: blue;
	font-size: 90%
	}
	
.greenbutton {
	color: green;
	font-size: 90%
	}
	
.blackbutton {
	color: black;
	font-size: 90%
	}
	
.redbutton {
	color: red;
	font-size: 90%
	}
	
/* ---------------------------------------------------- */
.selectioncontainer {
	padding-top: 10px;
	width: 100%	
	}
.selectionright {
	margin-left: 15pt;
	margin-bottom: 7pt;
	float: right;
	padding-left: 3pt;
	padding-right: 3pt
	
	}
.selectionleft {
	margin-right: 1pt;
	margin-bottom: 7pt;
	float: left;
	padding-left: 3pt;
	padding-right: 3pt
	}
	
.pagecontrol {
	top: -5px;
	position: relative
	}
	
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* Administration */

.admin-link {
	position: absolute;
	top: 162px;
	left: 30px
}

.admin-help-link {
	position: absolute;
	top: 162px;
	left: 210px
}

.newsarchive-link {
	position: absolute;
	top: 372px;
	left: 780px
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
	
/* ---------------------------------------------------- */
/* Page Layout */ 

.page
	{
    width: 950px;
	padding: 0;
	border: 1px #4D1979 solid;
	background-color: #FFF;
	z-index: 2
	}

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

/* ---------------------------------------------------- */
/* Top Menu - Home*/

.top-menu-home
	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
	width: 876px;
	height: 61px; /* 60 */
	text-align: right;
	color: #4D1979;
	background-image: url('../images/styling/background-topmenu.gif');
	background-repeat: repeat-x;
	background-color: #4D1979;
	font-size: 90%;
	font-weight: bold
	}

.top-menu-home ul
	{
	margin-top: 0px;
	padding-top:3px
	}

.top-menu-home ul li
	{
	font-size: 100%;
	display: inline
	}

.top-menu-home ul li a
	{
	color: #4D1979;
	text-align: center;
	text-decoration: underline;
	width: 70px
	}

.top-menu-home ul li a:hover
	{
	color: #FFF;
	text-decoration: none
	}


/* ---------------------------------------------------- */
/* Top Menu */

.top-menu
	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
	width: 947px;
	height: 61px; /* 60 */
	text-align: right;
	color: #4D1979;
	background-image: url('../images/styling/background-topmenu.gif');
	background-repeat: repeat-x;
	background-color: #4D1979;
	font-size: 90%;
	font-weight: bold
	}

.top-menu ul
	{
	margin-top: 0px;
	padding-top:3px
	}

.top-menu ul li
	{
	font-size: 100%;
	display: inline
	}

.top-menu ul li a
	{
	color: #4D1979;
	text-align: center;
	text-decoration: underline;
	width: 70px
	}

.top-menu ul li a:hover
	{
	color: #FFF;
	text-decoration: none
	}

.mainheader
	{
	width: 910px;
	}


/* ---------------------------------------------------- */
/* Home Page Banner */ 

.homebanner
	{
	width: 100%;
	height: 52px; 
	margin: 0;
	padding: 0;
	border-bottom: 8px solid #4D1979;
	background: #4D1979;
 	overflow: hidden
	}

.homebanner .logo
	{
	margin: 0 0 0 8px;
	padding: 0;
	float: left
	}

.homebanner .homesections
	{
	margin: 0;
	width: 390px;  
	float: right;
	background: url('../images/styling/background-sections-home.bmp') no-repeat #FFF;
	overflow: hidden;
	padding-right: 5;
	padding-left: 5;
	height: 72px;
	position: relative;
	left: 20px; 
	top: 0px;  
	text-align: left
	}
	
.ie .homebanner .homesections
	{
	margin: 0;
	width: 390px;  
	float: right;
	background: url('../images/styling/background-sections-home.bmp') no-repeat #FFF;
	overflow: hidden;
	padding-right: 5;
	padding-left: 5;
	height: 72px;
	position: relative;
	left: 19px; 
	top: -20px;  
	text-align: left
	
	}


.homebanner .homesections img
	{
	text-align: left;
	vertical-align: middle;
	padding: 0;
	border: 0;
	overflow: hidden
	}

/* ---------------------------------------------------- */
/* Other Page Sections Banner */ 

.sections
 	{
	margin: 0;
	overflow: hidden;
	padding-right: 5;
	padding-left: 5;
	width: 280px;
	height: 40px;
	position: absolute;
	left: 663px; 
	top: 24px; 
	text-align: left;
	vertical-align: middle;;
	background-image: url("../images/styling/background-sections-gen.bmp");
	background-repeat: no-repeat;
	background-color: black
	}

.sections img
	{
	text-align: left;
	vertical-align: middle;
	padding: 0;
	border: 0;
	overflow: hidden
	}

/* ---------------------------------------------------- */
/* Page Titles */

.pageheading 	{
	font-weight: bold;;
	font-family: "Monotype Corsiva", "Comic Sans MS";
	font-size: 36pt;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	}

.pageheading .aboutus {
	position: absolute;
	left: 145px;
	top: 115px
	}

.pageheading .activities {
	position: absolute;
	left: 225px;
	top: 115px
	}

.pageheading .annual {
	position: absolute;
	left: 520px;
	top: 130px
	}

.pageheading .contacts {
	position: absolute;
	left: 680px;
	top: 100px
	}

.pageheading .news {
	position: absolute;
	left: 760px;
	top: 140px
	}

.pageheading .general {
	position: absolute;
	left: 110px;
	top: 180px
	}

.pageheading .explorersmain {
	position: absolute;
	left: 80px;
	top: 125px
	}


.pageheading .scoutsmain {
	position: absolute;
	left: 60px;
	top: 145px
	}

.pageheading .cubsmain {
	position: absolute;
	left: 720px;
	top: 218px
	}

.pageheading .beaversmain {
	position: absolute;
	left: 680px;
	top: 118px
	}

/* ---------------------------------------------------- */
/* Column Features */

.column
	{
	width: 425px;
	padding: 5;
	float: left;
	clear: right;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.column table
	{
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 5px;
	padding: 3px
	}

.column tr td
	{
	padding: 3px
	}

.column p
	{
	margin-right: 12px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 12px
	}

/* ---------------------------------------------------- */
/* Column Wide Features */

.columnwide
	{
	width: 870px;
	padding: 5;
	float: left;
	clear: right
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px
	}

.columnwide table
	{
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 5px;
	padding: 3px
	}

.columnwide tr td
	{
	padding: 3px
	} 

.columnwide p
	{
	margin-right: 12px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 12px
	}

/* ---------------------------------------------------- */
/* Help Display */ 

.helprowhdr td
	{
	font-size: 100%;
	background-color: #3b3b3b; 
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	font-weight: bold;
	color: yellow
	}

.helprow1 td
	{
	font-size: 100%;
	background-color: #c8c8c8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	vertical-align: top
	}
	
.helprow2 td
	{
	font-size: 100%;
	background-color: #d8d8d8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	vertical-align: top
	}

/* ---------------------------------------------------- */
/* Table Data Display */ 

.filetable {
	width: 100%
	}
	
.filerowhdr td
	{
	font-size: 80%;
	background-color: #638363; 
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	font-weight: bold;
	color: yellow
	}

.filerowdate
	{
	font-size: 80%;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	color: blue
	}
	
.filerow
	{
	font-size: 80%;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}
	

.datarowtable {
	width: 100%
	}
	
.datarowhdr td
	{
	font-size: 80%;
	background-color: #3b3b3b; 
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px;
	font-weight: bold;
	color: yellow
	}

.datarow1 td
	{
	font-size: 80%;
	background-color: #c8c8c8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}
	
.datarow2 td
	{
	font-size: 80%;
	background-color: #d8d8d8;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.datarowexp td
	{
	font-size: 80%;
	background-color: #fbcb84;
	border-width: thin;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.manageselect {
	color: #094d9f;
	font-size: 90%;
	background-color: #d8d8d8;
	}

.manageselecttext {
	color: #094d9f;
	font-size: 90%;
	}

.userselect {
	color: #094d9f;
	font-size: 90%;
	background-color: #d8d8d8;
	}

.userselecttext {
	color: #094d9f;
	font-size: 90%;
	}
	
	
/* ---------------------------------------------------- */
/* Form Input Display */ 

.dataformtable {
	width: 100%
	}

.dataform1 td
	{
	font-size: 80%;
	background-color: #c8c8c8;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px
	}
	
.dataform1 form
	{
	font-size: 100%
	}

.dataform1 input
	{
	font-size: 100%
	}

.dataform1 td textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%
	}
	
.dataform2 td
	{
	font-size: 80%;
	background-color: #d8d8d8;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px
	}

.dataform2 form
	{
	font-size: 100%
	}

.dataform2 input
	{
	font-size: 100%
	}

.dataform2 textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%
	}

.dataformoutput td
	{
	font-size: 80%;
	background-color: #ff8080;
	border-left-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-top-width: medium;
	border-color: white;
	border-style: solid;
	padding: 5px;
	}
	
.dataformoutput form
	{
	font-size: 100%
	}

.dataformoutput input
	{
	font-size: 100%
	}

.dataformoutput td textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: blue
	}
	

/* ---------------------------------------------------- */
/* SQL Results */

.sqlresult {
	color: #094d9f;
	font-size: 100%
	}

.sqlresult select {
	color: #094d9f;
	font-size: 100%;
	background-color: #eafff4;
	}
	
.sqlresult a {
	color: #094d9f;
	text-decoration: none
	}
	
.sqlresult a:hover {
	color: #094d9f;
	background-color: #ffd7ae;
	text-decoration: none
	}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */