/*
----- HEX Decimal Main Codes: Purple (#660099) Yellow (#FFCC00;) -----------------
*/

/*
----- HTML: Body Tags: Black Background (BODY) -----------------
*/

body {
background-color:#000;
}

/*
-ALIGNMENT: "Wrapper" ----------------------------------------------- 
*/
#wrapper {
background-color:#FFF; /* Black */
width: 730px;
height: 600px;
margin: 0px 0px 0px 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}


/*
-ALIGNMENT: "Content Holder" ----------------------------------------------- 
*/

#contentHolder {
margin: 0px 0px 0px 0px;
width: 730px;
height: 600px;
background-color:#FFF; /* Black */
}

/*
----ALIGNMENT: "Main" ----------------------------------------------- 
*/

/* The Main display area (Container) */

#Main {
margin: 0px 0px 0px 0px;
width: 730px;
height: 700px;
background-color:#FFF; /* Black */
}

/*
----ALIGNMENT: "ACCESS" ----------------------------------------------- 
*/


/* The Accessibility Bar [Design DIV] (Text Only || Enlarge Text ||Site Map) */
#Access {
position:absolute;
width: 730px; 
height: 40px; 
margin: 0px 0px 0px 0px;
background-color:#CCCCCC; /* Silver */
border:none;

}
/* Accessibility Bar [Blue Links: Black Hover; Green Active] (Text Only || Enlarge Text ||Site Map) */
#Access a:link, #Access a:Visited  {
	margin: 10px 0px 0px 5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	font-size:16px;
	font-weight: bold;
	text-decoration:underline;
	color:#0000FF;  /* Standard Blue Underlined Links */ 	
}
#Access a:hover {
	display:inline;
	color: #FFF; /* HOVER AFFECTS: White Text Links */
}

#Access a:active {
	display:inline;
	color:#00CC33; /* ACTIVE AFFECTS: Green Text Links */
}


/*
----ALIGNMENT: "SPACE" ----------------------------------------------- 
*/


/* The 10px Space between Access bar and Banner */
#Space {
position:absolute;
width: 730px; 
height: 5px; 
margin: 40px 0px 0px 0px;
background-color:#000; /* Black */
border:none;

}

/*
----ALIGNMENT: "BANNER" ----------------------------------------------- 
*/


/* Main Banner */
#Banner {
position:absolute;
width: 730px; 
height: 100px; 
margin: 45px 0px 0px 0px;
background-color:#660099; /* Purple */
border:none;

}

/*
----ALIGNMENT: "HORIZONTAL NAVIGATION: FORMAT" ----------------------------------------------- 
*/


/* Main Horizontal Navigation */
#Nav {
position:absolute;
width: 730px; 
height: 27px; 
margin: 145px 0px 0px 0px;
background-color:#FFCC00; /* Yellow */
border:none;
}

/*
----ALIGNMENT: "HORIZONTAL NAVIGATION: LINK PRESENTATION"--------------------------------------- 
*/

#Nav ul {
	list-style: none;
	display:inline;
	margin-top: 0px;
	padding: 0px;
	padding-top:0px;
	border: none;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Nav li {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Nav li a:link, #Nav li a:visited  {
	display:inline;
	margin-left:0px;
	padding: 0px 3px 4px 3px;
	border-left:none;
	border-right:none;
	color: #660099; /* Purple Horizontal Links */
	background-color:#FFCC00; /* Yellow Background Colour */
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
#Nav li a:hover {
	display:inline;
	color: #FFCC00; /* HOVER AFFECTS: Yellow Text Links */
	background-color:#660099; /* HOVER AFFECTS: Purple Background Links */
}

/*
----ALIGNMENT: "MAIN CONTENT: HOME PAGE" ----------------------------------------------- 
*/

/* Main Content */
#Content {
position:absolute;
width: 560px; 
height: 528px; 
margin: 172px 0px 0px 170px;
background-color:#FFF; /* White */
border:none;
}

#Content.overflow {
overflow:auto;
height:528px;
}

/*
----- HTML: Red Main Heading Tags (H2 Main) -----------------
*/

#Content h2 {
text-align:center;
margin: 2px 0px 0px 20px;
margin-left:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#660099;  /* Purple */ 	
font-size:36px;
}

/*
----- HTML: Heading Tags (H3 Main) -----------------
*/

#Content h3 {
text-align:center;
margin: 2px 0px 0px 0px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFCC00; /* YELLOW */
color:#660099;  /* Purple */ 	
font-size:26px;
}

/*
----- HTML: HR Tags: Horizontal line breaks (Colour: Purple) -----------------
*/
#Content hr {
magin: 0px 0px 0px 0px;
background-color:#660099; /* Purple */
color:#660099;  /* Purple */
height: 3px;
}

/*
----- HTML: P Tags: Content -----------------
*/
#Content p {
text-align:justify;
margin: 10px 12px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;  /* Black */ 	
font-size:30px;
}

/*
----- HTML: P Tags: Purple Text: Page Title Headings ('About Us', etc) -----------------
*/
#Content p.page {
text-align:center;
font-weight:bold;
margin: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#660099; /* Purple */
font-size:30px;
}

/*
----- HTML: P Tags: Purple Text - Yellow Background Content Headings -----------------
*/
#Content p.heading {
text-align:center;
font-weight:bold;
margin: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#660099; /* Purple */
background-color:#FFCC00; /* YELLOW */ 	
font-size:30px;
}
/*
----- HTML: P Tags: Purple Sub Content Headings -----------------
*/
#Content p.Sub {
text-align:left;
font-weight:bold;
margin: 10px 12px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#660099;  /* Purple */ 	
font-size:30px;
}
	
/* Paragraphs: Table Class Reference (About Us Text: Align Left) */
#Content p.table {
text-align:left; /* Left Align Text */
color:#FFCC00; /* Text Colour: Yellow */
background-color:#660099; /* Background Colour: Purple */ 
font-weight:bold; /* Bold */
font-size:22px;
}

/* Paragraphs: Table Class Reference (Purple Text: About & Times) */
#Content p.purple {
text-align:left; /* Left Align Text */
color:#660099; /* Text Colour: Purple */
background-color:#FFF; /* Background Colour: Purple */
font-weight:bold; /* Bold */
font-size:22px;
}

/* Paragraphs: Table Class Reference (Purple Text: About & Times) */
#Content p.text {
text-align:left; /* Left Align Text */
color:#000; /* Text Colour: Black */
background-color:#FFF; /* Background Colour: Purple */
font-weight:bold; /* Bold */
font-size:22px;
}

/* Paragraphs (Summer Camp Tables) */
#Content p.summer {
text-align:center; /* Center Align Text */
color:#FFCC00; /* Text Colour: Yellow */
background-color:#660099; /* Background Colour: Purple */ 

}

/*
----ALIGNMENT: "HORIZONTAL NAVIGATION: LINK PRESENTATION"--------------------------------------- 
*/

#Content ul {
	margin-top: 0px;
	margin-left:21px;
	padding-top:0px;
	border: none;
	font-size:22px;
	font-weight:bold;
}
#Content li {
	border-bottom:none;
	margin: 0px 0px 0px 20px;
	font-size:26px;
	font-weight:bold;
}

/* List (Scouts.cfm) 'Scout Patrol Roles' */
#Content ul.ROLES {
text-align:left;
font-weight:bold;
margin: 10px 12px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;  /* Black */ 	
font-size:30px;
}

/* All Content Links */
#Content li a:link, #Content li a:Visited {
	margin-left:0px;
	text-align:justify;
	padding: 0px 5px 5px 3px;
	border-left:none;
	border-right:none;
	color:#0000FF; /* Standard Blue */
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
}
#Content li a:hover {
	color: #FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content li a:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/* CF Templates (About Us: Page Links)(Class: Now) [Current Page Focus (Purple Link)] */ 
#Content a.Now:link, #Content a.Now:visited {
	text-align:justify;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660099; /* Purple */
	text-decoration:underline;
	font-size:26px;
	font-weight:bold;
}
#Content a.Now:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.Now:active {
	color: #00CC33; /* Active AFFECTS: Green Text Links */
}

/* Page Content Links in-line with Text Presentation (P) */
#Content a:link, #Content a:visited {
	margin-left:0px;
	margin: 10px 12px 4px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF; /* Standard Blue */
	text-decoration:underline;
	text-align:justify;
	font-size:28px;
	font-weight:bold;
}
#Content a:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/* Page Content: 'You Are Here' Links */
#Content a.Here:link, #Content a.Here:visited {
	display: inline;
	margin-left:0px;
	margin: 10px 12px 4px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF; /* Standard Blue */
	text-decoration:underline;
	text-align:justify;
	font-size:24px;
	font-weight:bold;
}
#Content a.Here:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.Here:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/* (About Us, Times: Group Sections Table)(Class: TS) [Table Links] */ 
#Content a.TS:link, #Content a.TS:visited {
	text-align:justify;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF; /* Blue */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.TS:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.TS:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/*
----ALIGNMENT: "SUBPAGES: BTT Links (Back to Top) LINK PRESENTATION"------------------------------- 
*/
#Content a.BTT:link, #Content a.BTT:visited {
	text-align:right;
	margin-left:430px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF; /* Standard Blue */
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}
#Content a.BTT:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.BTT:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/*

----- <a>(BTT) External Links (Maroon) (White Hover and Green Active ----

*/ 
#Content a.EXT:link, #Content a.EXT:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000; /* Maroon Blue */
	text-decoration:underline;
	font-size:26px;
	font-weight:bold;
}
#Content a.EXT:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.EXT:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}


/*
----ALIGNMENT: "SUB PAGES: (Stars) PRESENTATION"------------------------------- 
*/

/* Anchor Links: All Content Anchors at top of every sub-page (Star Gold Icon) */
#Content ul.Stars {
margin-left:4px;
text-align:left;
list-style-image:url(GStar.gif);
}

/* Sub Anchor Links: All Content Sub Links at top of sub-page (Star Purple Icon) */
#Content ul.Icon {
margin-left:4px;
text-align:left;
list-style-image:url(PStar.gif);
}

/* External Links: All 'Links' Icon for List of Page Links (Star Gold Red Background Icon) */
#Content ul.Red {
margin-left:4px;
text-align:left;
list-style-image:url(RedStar.gif)
}

/*

----- <a>External Image Links (Maroon) (White Hover and Green Active ----

*/ 
#Content a.IL:link, #Content a.IL:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000; /* Maroon Blue */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.IL:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.IL:active {
	color:#0033CC; /* Active AFFECTS: Green Text Links */
}

 /* REDUNDANT */
#Content a.Anchors {
margin-left:45px;
}

/*

----- <a> Adobe Resource Links: (resources.cfm) Blue > Red Links - and Green Active ----

*/ 
#Content a.adobe:link, #Content a.adobe:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF; /* Standard Blue */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.adobe:hover {
	color:#FF0000; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.adobe:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/*
----- <a> Site Map (siteMap.cfm) Activities: Pale Blue > Yellow; (Class: Active) ----
*/

/* Activities: Red > Yellow; (Class: Active) */ 
#Content a.Active:link, #Content a.Active:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF; /* Pale Blue */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.Active:hover {
	color:#FFCC33; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.Active:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/*
----- <a> Site Map (siteMap.cfm) Explorer Belts: Blue-Green > Yellow; (Class: Explore) ----
*/

/* Explorer Belts: Blue-Green > Yellow; (Class: Explore) */ 
#Content a.Explore:link, #Content a.Explore:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00CCCC; /* Blue-Green */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.Explore:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.Explore:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}

/*
----- <a> Site Map (siteMap.cfm) Summercamps: Purple > Yellow. (Class: Sum) ----
*/

/* Summercamps: Purple > Yellow. (Class: Sum) */ 
#Content a.Sum:link, #Content a.Sum:visited {
	text-align:left;
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660099; /* Purple */
	text-decoration:underline;
	font-size:22px;
	font-weight:bold;
}
#Content a.Sum:hover {
	color:#FFCC00; /* HOVER AFFECTS: Yellow Text Links */
}

#Content a.Sum:active {
	color:#00CC33; /* Active AFFECTS: Green Text Links */
}


/*
----ALIGNMENT: "VERTICAL NAVIGATION: FORMAT" ----------------------------------------------- 
*/

/* Main Vertical Navigation */
#VNav {
position:absolute;
width: 170px; 
height: 528px; 
margin: 172px 0px 0px 0px;
background-color:#660099; /* Purple */
border:none;
}

/*
----ALIGNMENT: "VERTICAL NAVIGATION: LINK PRESENTATION"----------------------------------------- 
*/

#VNav ul {
	list-style: none;
	display:block;
	margin-top: 0px;
	padding: 0px;
	padding-top:0px;
	border: none;
	font-size:17px;
}
#VNav li {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:17px;
}
#VNav li a:link {
	display:block;
	margin-left:0px;
	padding: 0px 5px 5px 2px;
	border-left:none;
	border-right:none;
	color:#FFCC00; /* Yellow Horizontal Links */
	background-color:#660099; /* Purple Background Colour */
	text-decoration:underline;
	font-size:17px;
	font-weight:bold;
}

#VNav li a:hover {
	display:block;
	color:#660099; /* HOVER AFFECTS: Purple Text Links */
	background-color:#FFCC00; /* HOVER AFFECTS: Yellow Background Links */
}


/*
----ALIGNMENT: "VERTICAL NAVIGATION: LINK PRESENTATION 2: WHITE LINKS - NEW MEMBERS" ----------------- 
*/

#VNav li.VNav2 {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:17px;
}
/* White Vertical Links */
#VNav li.VNav2 a:link, #VNav li.VNav2 a:visited {
	display:block;
	margin-left:0px;
	padding: 0px 5px 5px 2px;
	border-left:none;
	border-right:none;
	color:#FFF; /* White Horizontal Links */
	background-color:#660099; /* Purple Background Colour */
	text-decoration:underline;
	font-size:17px;
	font-weight:bold;
}

#VNav li.VNav2 a:hover {
	display:block;
	color:#660099; /* HOVER AFFECTS: Purple Text Links */
	background-color:#FFCC00; /* HOVER AFFECTS: Yellow Background Links */
}


/*
----ALIGNMENT: "FOOTER" ----------------------------------------------- 
*/

/* Footer Bar [Design DIV] */
#Footer {
position:absolute;
width: 730px; 
height: 27px; 
margin: 700px 0px 0px 0px;
background-color:#FFCC00; /* Yellow */
border:none;
}

/* Footer Bar [Blue Links: Black Hover; Green Active] */
#Footer a:link, #Footer a:visited {
	margin: 0px 0px 0px 5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	font-size:12px;
	font-weight: bold;
	text-align:left;
	text-decoration:underline;
	color:#0000FF;  /* Standard Blue Underlined Links */ 	
}
#Footer a:hover {
	display:inline;
	color: #FFF; /* HOVER AFFECTS: White Text Links */
}

#Footer a:active {
	display:inline;
	color:OOCC33; /* ACTIVE AFFECTS: Green Text Links */
}