@charset "utf-8";

html {
  background-color:#FBFBFB;
  }

/* BASIC POSITIONAL HOLDERS */

body {
  font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Clean, Sans-serif;
  }
    
    
/* BASIC LINKS */
a {
    color: #006690;
    text-decoration: none;
}
    
a:hover, a:focus {
  color: #84A40B;
  text-decoration: none;
  }


/* BASIC CONTENT ELEMENTS */

h1 {
  font-size: 2.2em;
  }

h2 {
  font-size: 1.9em;
  }

h3 {
  font-size:1.6em;  
  }

h4 {
  color:#000;
  font-size: 1.2em; 
  padding:5px;
  }

h1, h2, h3, h4 {
  margin:1em 0;
  }

h1, h2, h3 { 
  font-weight:bold;
  }

p, ul li, ol li, dl dt, dl dd {
  color: #666666;
  line-height: 1.5em;
  margin-bottom: 1em;
  }

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
  } 
    
ul, ol {
  margin: 1em 1em 1em 2em;
  }
    
ol li {
  list-style: decimal outside;  
  }

ul li {
  list-style: disc outside;  
  }
    
ul li ul li {
 
  }
    
dl dt {
  font-weight: bold;
  margin-bottom: 0;
  }
    
blockquote {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 2em 0 1em 0;
  padding: 1em 20px;
  }
    
.source {
  font-size: 1.2em;
  }
    
pre code {
  font-size: 1.5em;
  line-height: 1.3em;
  }
  
textarea { 
  overflow: auto; 
  }
  
input[type=button], input[type=submit], button { 
  cursor: pointer; 
  }
     
#pull-quote blockquote {
  border-bottom: 1px solid #ccc;
  border-top: 10px solid #ccc;
  display: block;
  float: left;
  margin: 10px 20px 10px 0;
  padding:10px;
  width:200px;
  }

#pull-quote blockquote p {
  font-size: 1.3em;
  }

.annotation {
  background-color:#ededed;
  border-bottom:1px solid #ddd;
  color:#999;
  display:block;
  font-size: 1.1em;
  margin:0 0 10px 0;
  padding:10px;
  }
  
#content {

  }
  
#content p {
  font-size: 1.3em;
  }
  
 #content ul li {
  font-size: 1.3em;
  margin-bottom: 5px;
  }
  
#content ul {
  margin-bottom: 25px;
  }
  
#content ol li ul li {
    font-size: 1em;
}
  
  #content ol {
  font-size: 1.3em;
  }
  
#content h1
{
   font-size: 2.8em;
   color: #455560;
   text-transform: uppercase;
   margin: 0px 0px 10px 0px; 
}

#content h2
{
   font-size: 1.9em;
   color: #455560;
   margin: 25px 0px 8px 0px;
   line-height: normal;
}

#content h3
{
   font-size: 1.6em;
   color: #666666;
   margin: 15px 0px 8px 0px;
   line-height: normal; 
}

#content h4
{
   font-size: 1.2em;
   color: #666666;
   margin: 15px 0px 8px 0px;
   line-height: normal; 
   padding:0; 
}
    
    
/* HEADER */

#logo a {
  background: transparent url(../content/images/branding/bg-logo.png) no-repeat left top;
  display:block;
  font-size:0.8em;
  height:96px;
  text-indent: -9000px;
  width:196px;
  }
  
.logo-print {
	display:none;
}
  
#tagline{
  color: #84A40B;
  font-size: 1.8em;
  padding-top: 60px;
}

#tagline h1
{
    color: #84A40B;
    font-size: 1em;
    margin:0;
    padding:0;
    font-weight: normal;   
}

/* SEARCH */

#search {
  background: url("../content/images/common/bg-search.png") no-repeat scroll 0 0 transparent;
  float: right;
  height: 53px;
  padding: 0;
  margin: 40px 0px 0px 0px;
  position: relative;
  width: 279px;
  }
  
#search label {
  display: none;
  }

#search .textfield {
    background-color: transparent;
    border: medium none;
    color: #666666;
    font-size: 1.3em;
    left: 38px;
    position: absolute;
    top: 18px;
    width: 150px;
  }

#search .button {
    background: url("../content/images/navigation/bg-search-button-off.png") no-repeat scroll center center transparent;
    border: medium none;
    cursor: pointer;
    font-size: 1.3em;
    height: 48px;
    left: 189px;
    margin: 0;
    overflow: hidden;
    padding: 48px 0 0;
    position: absolute;
    text-indent: -9000px;
    top: 4px;
    width: 88px;
  }
  
#search .button:hover {
    background: url("../content/images/navigation/bg-search-button-on.png") no-repeat scroll center center transparent;
  }
    
/* BREADCRUMBS */

#breadcrumbs {
    border-bottom:1px solid #dddddd; 
    color:#999999;
    width:100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 8px 0px;
    float: left;
    }
	
#breadcrumbs ol {
	margin: 0;
	padding: 0;
    font-size:1.2em;
	}

#breadcrumbs li {
    display:inline;
    float:left;
    padding: 0 0 0 10px;
    margin:0;
    }
	
#breadcrumbs li:first-child {
	padding-left: 0;
	}

#breadcrumbs li a {
    background:  url(../content/images/navigation/bg-nbc-li.png) no-repeat right center;
    margin:0 0 0 0px;
    padding:0 15px 0 0px;
    }
    
/* NAVIGATION */

#nav-primary, #nav-secondary, #nav-tertiary, #breadcrumbs, .ft ul,{
  margin:0;
    }

#nav-primary li, #nav-secondary li, #nav-tertiary li, #breadcrumbs li, .ft li,{
  list-style-type:none;
  margin:0;
    }

/* PRIMARY NAVIGATION */

#nav-primary {
    background: url("../content/images/navigation/bg-nav-bar.png") no-repeat 0 0 #005F82;
    float:left;
    line-height:normal;
    margin:20px 0px 0px 0px;
    width:100%;
    z-index:5000;
	position:relative;
		-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 4px #555; 
	-webkit-box-shadow: 0px 1px 4px #555; 
    box-shadow: 0px 1px 4px #555; 
    }
	
#nav-primary ul {
	background: url("../content/images/navigation/bg-nav-bar.png") no-repeat 0 0 #005F82;
	margin: 0;
	position: relative;
	overflow:visible;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
    border-radius: 4px;
    behavior: url('http://scouts-scotland.org.uk/css/pie.htc');
	}

.ie8 #nav-primary {
    background: url("../content/images/navigation/bg-nav-bar.png") no-repeat 0 0 transparent;
    }
	
.ie8 #nav-primary ul {s
	background: url("../content/images/navigation/bg-nav-bar.png") no-repeat 0 0 transparent;
	}
	
	
#nav-primary li {
    background: url("../content/images/navigation/nav-divider.jpg") no-repeat scroll right top transparent;
	display:inline;
    float: left;
    margin:0;
    padding:0;
    }
    
#nav-primary li.active {
    background: url("../content/images/navigation/bg-nav-bar-active.png") no-repeat scroll right top transparent;
}
    
 #nav-primary li:last-child {
    background: none;
    }
    
#nav-primary li a {

    }
	
#nav-primary li a.nav {
	font-size: 1.5em;
	color: #ffffff;
	cursor:pointer;
	display: block;
	font-weight:bold;
    margin: 8px 7px 7px;
    padding: 3px 4px 3px 4px;
	text-transform: uppercase;
    text-decoration:none;
    }
    
#nav-primary li a:hover.nav {
	color: #84A40B;
    }
  
#nav-primary li.submenu:hover{
	position: static;/*top: 1px; */
    }
    
#nav-primary li.submenu:hover a {
    background-position:0 -42px;
	text-decoration: none;
    }
    
#nav-primary li.submenu:hover div{
	display: block; /*margin-top: -1px;*/
	z-index: 9999;
	}
	
#nav-primary li.submenu:hover div ul li a {
	background-image:none;
	color: #3b3b3a;
    }
    
#nav-primary li.submenu {

    }
    
#nav-primary li.submenu a {
    background: url("../content/images/navigation/bg-np-left.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    margin: 0 5px;
    padding: 0 0 0 5px;
    text-decoration: none;
    }

#nav-primary li.submenu a span {
    background: url("../content/images/navigation/bg-np-right.png") no-repeat scroll right top transparent;
    color: #ffffff;
    display: block;
    float: left;
    padding: 11px 8px 11px 1px;
    }
    
#nav-primary li.submenu a:hover, #nav-primary li.submenu:hover a {
    background-position:0% -42px;/* Controls position of left hover state graphic */
    text-decoration: none;
    }
 
#nav-primary li.submenu a:hover span,  #nav-primary li.submenu:hover a span {
    background-position:100% -42px;/* Controls position of right hover state graphic */
    color:#ffffff;
    }
    
#nav-primary li.submenu a {
	color: #ffffff;
    }
    
#nav-primary li.submenu .mega-menu {
    background-color: #f9f9f9;
    z-index: 9999;
    border: 2px solid #ffffff;
    display: none;
    left: 0;
    position: absolute;
    top: 38px;
	padding: 18px;
    width: 900px;
	height: 268px;
     -moz-box-shadow: 0px 7px 6px #999999; /* FF3.5+ */
  -webkit-box-shadow: 0px 7px 6px #999999; /* Saf3.0+, Chrome */
          box-shadow: 0px 7px 6px #999999; /* Opera 10.5, IE9, Chrome 10+ */
  background-image: -moz-linear-gradient(top, #f9f9f9, #ffffff); /* FF3.6 */
  background-image: -o-linear-gradient(top, #f9f9f9, #ffffff); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #ffffff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#f9f9f9, #ffffff); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #f9f9f9, #ffffff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#ffffff'); /* IE6–IE9 */
     -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
          border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    }
 .ie6 #nav-primary li.submenu .mega-menu, .ie7 #nav-primary li.submenu .mega-menu, .ie8 #nav-primary li.submenu .mega-menu {
     border: 2px solid #E7E7E7;
    }
	
#nav-primary li.submenu div.news{
	background: url("../content/images/common/mega-inner-bg.jpg") repeat-y scroll right top transparent;
	display:block;
	float: left;
	width: 150px;
	padding: 0px 18px 0px 0px;
	margin: 0px 18px 0px 0px;
	height: 268px;	
}

#nav-primary li.submenu div.news img{
	margin: 0px 0px 5px 0px;	
}

#nav-primary li.submenu div.news p{
	font-size: 1.1em;
	margin-bottom: 5px;
}

#nav-primary li.submenu div.navigation{
	background: url("../content/images/common/mega-inner-bg.jpg") repeat-y scroll right top transparent;
	display:block;
	float: left;
	width: 485px;
	padding: 0px 18px 0px 0px;
	margin: 0px 18px 0px 0px;
	height: 268px;	
}

#nav-primary li.submenu div.resource{
	display:block;
	float: left;
	width: 193px;	
}

#nav-primary li.submenu div.resource a img{
	padding: 0;
	margin:0px 0px 0px -8px;
}

#nav-primary li.submenu .mega-menu .resource ul{
	background: none;
	margin: 0;
}

#nav-primary li.submenu .mega-menu .resource ul li{
	background: none;
	float: none;
	display: block;
	margin: 0px 0px 20px 0px;
}

#nav-primary li.submenu .mega-menu .resource a.link, #nav-primary li.submenu .mega-menu .news a.link{
    background: none;
    color: #006690;
    font-size: 1.3em;
    font-weight: bold;
    float: none;
    padding: 0px;
	margin: 0px 0px 5px 0px;
}

#nav-primary li.submenu .mega-menu .resource a:hover.link, #nav-primary li.submenu .mega-menu .news a:hover.link{
    background: none;
    color: #84A40B;
}

#nav-primary li.submenu .mega-menu .resource p {
    font-size: 1.1em;
	margin-bottom: 5px;
}

#nav-primary li.submenu .mega-menu a.more {
    background: url("http://scouts-scotland.org.uk/content/images/navigation/bg-ns.png")no-repeat 203px 4px ;
    color: #006690;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    float: none;
	text-transform:none;
	text-decoration: none;
}

#nav-primary li.submenu .mega-menu a:hover.more {
    background: none;
    color: #84A40B;
}

.mega-furniture {
    background: url("../content/images/common/mega-furniture.png") no-repeat scroll center bottom transparent;
    bottom: -2px;
    height: 259px;
    position: absolute;
    right: 220px;
    width: 238px;
    z-index: 99999;
}
    
#nav-primary li.submenu div ul li a {
	background-image:none;
	color: #999;
	margin: 0;
	padding: 0;
    }
    
#nav-primary li.submenu div ul li a:hover {
	color: #000;
	text-decoration: none;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul {
	background: none;
	list-style: none;
	margin:0;
	padding: 0;
	float: left;
    }

#nav-primary li.submenu .mega-menu .navigation ul li {
	background: none;
	border-bottom: 1px solid #E2E2E2;
	display: block;
	width: 485px;
	float: left;
	margin-bottom: 5px;
    padding-bottom: 5px;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul li:last-child {
	border-bottom: none;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul li a.link {
	color: #006690;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	float: none;
	padding: 3px 0px 0px 0px;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul li a:hover.link {
	background: none;
	color: #84A40B;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul li img {
	float: left;
	margin: 0px 15px 0px 0px;
    }
    
#nav-primary li.submenu .mega-menu .navigation ul li p {
	font-size: 1.1em;
	margin: 0;
    }
	
.mega-menu h3{
	color: #415A68;
	font-size: 1.3em;
	text-transform:uppercase;
	margin: 0px 0px 8px 0px;
	padding: 0;	 
}

/* SECONDARY NAVIGATION */

#nav-secondary ul {
    margin:0px 0px 20px 0px;
    }
    
#nav-secondary ul li {
    border-bottom: 1px solid #EAEAEA;
    font-size: 1.3em;
    list-style: none outside none;
    margin-bottom: 6px;
    padding-bottom: 6px;
    }

#nav-secondary li a {
    height:auto;
    margin:0;
    color:#4C2077;
    font-weight: bold; 
    display:block;
    text-decoration:none;
    }

#nav-secondary li a:hover{
    color: #84A40B;
    display: block;
    padding: 0px;
    text-decoration:none;
    }

#nav-secondary li.selected a {
    color: #84A40B;
    display: block;
    padding: 0px;
    text-decoration:none;
    }
    
 #nav-secondary ul ul{
    margin:10px 0 0 0;
    padding: 0px 0px 0px 8px;
    }
    
 #nav-secondary ul li ul li {
    border-bottom: none;
    font-size: 1em;
    list-style: none outside none;
    margin-bottom: 3px;
    padding-bottom: 3px;
    }
    
 #nav-secondary ul li ul li.selected a {
    color: #84A40B;
    }
    
#nav-secondary li.selected ul li a {
    color: #666666;
    font-weight: normal;
    }
    
#nav-secondary li.selected ul li a:hover {
    color: #999999;
    font-weight: normal;
    }


/* TERTIARY NAVIGATION */

#nav-tertiary {    
  color:#999999;
    float:right;
  width: 940px;
  }
  
#nav-tertiary ul {
  float: right;
  margin: 5px 0 0 0;
  }

#nav-tertiary li {
  background:  url(../content/images/common/tertiary-bg.jpg) no-repeat left center;
    display:inline;
    float:left;
  font-size: 1.2em;
    height:20px;
    line-height:20px;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    }

#nav-tertiary li a {
  color: #999999;
  text-decoration:none;
    }
  
#nav-tertiary li a:hover {
  color: #84A40B;
    }

#nav-tertiary li:first-child {
  background:none;
    }

.masthead-wrapper{
    background:  url(../content/images/common/masthead-wrapper-bg.jpg) no-repeat bottom center;
    position: relative;
    z-index: 999;
}  

/* NUGGETS */

#nugget-holder-home{
    float: right;
    width: 230px;
} 

#nugget-holder{
    float: left;
    width: 230px;
} 

#nugget-holder-group{
    float: left;
    width: 230px;
    margin-left: 10px;
} 

.nugget   {
    margin: 0px 0px 11px 0px;   
}

.nugget.home   {
    height: 170px;
    width: 230px;
    margin: 0px 0px 11px 0px;   
}  
      
/* MAIN CONTENT AREA */

#main-wrapper{
    background:  url(../content/images/common/main-wrapper-bg.jpg) repeat-y top center;
    position: relative;
}

#main {
  background-color: #ffffff;
  margin: 0;
  padding: 20px 10px 0px 10px;
  position: relative;
  }
  
#home #main {
  background:  url(../content/images/common/home-main-bg.jpg) no-repeat 0px 200px;
  }
  
/* SIDEBAR */

#sidebar .section {
    margin:0 0 10px;
    padding:10px 10px;
    }
  
.section h1 {
  font-size: 1.6em;
  }

.custom-aside
{
    width: 230px;
    float: right;
    display: inline;
}

#main .related ul {
    margin: 0px 0px 20px 0px;
    padding: 0;
}

#main .related ul li {
    border-bottom: 1px solid #EAEAEA;
    font-size: 1.2em;
    list-style: none outside none;
    margin: 0;
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    zoom:1;
}

#main .related.docs ul li {
    background: url("../content/images/icons/icon-news.jpg") no-repeat scroll left 9px transparent;
}

#main .related.links ul li {
    background: url("../content/images/icons/icon-near.jpg") no-repeat scroll left 9px transparent;
}

#main .related h3 {
    color: #006890;
    font-size: 1.8em;
    margin: 0px 0 5px;
    text-transform: uppercase;
}

/* HOME */

.home-latest
{
    background: url("../content/images/common/bg-home-latest.png") no-repeat scroll 0 0 transparent;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0px 10px 0px 10px;
    width: 940px; 
    position: relative; 
}

.home-cta
{
    background: url("../content/images/common/bg-home-cta.jpg") no-repeat scroll 0 0 transparent;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
    width: 940px; 
    position: relative; 
}

.base-cta
{
    background: url("../content/images/common/bg-base-cta.jpg") no-repeat scroll 0 0 transparent;
    margin-top: 20px;
    padding-top: 30px;
    width: 940px;
}

.base-cta h2
{
    color: #4C2077;
    font-size:3.4em;
    margin: 0px 0px 25px 0px;
    text-transform: uppercase;
}

.base-cta h3
{
    font-size:1.4em;
    margin: 0px 0px 8px 0px;
    text-transform: uppercase;
}

.base-cta p
{
    font-size:1.2em;
    line-height: 1.3em;
    margin: 0;
}

.base-cta a.more {
    background: url("../content/images/navigation/arrow-base-cta.jpg") no-repeat scroll 95px -2px transparent;
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    margin: 8px 0px 0px 0px;
    padding: 0;
    text-decoration: none;
    text-transform: none;
}

.base-cta img.base-frame  {
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 2px #CCCCCC;
    margin: 0;
    padding: 3px;
}

.base-cta h4 {
    font-size: 1.3em;
    margin: 0px 0px 5px 0px;
    padding: 0;
    line-height: normal;
}

.base-cta a.read {
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 0;
    line-height: normal;
}

/* HOME NEWS LISTER */

#home-news{
    padding: 26px 10px 0px 10px;
}

#home-news h2 {
    color: #8B0066;
    font-size: 3.4em;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
    background: none;
}

#home-news ul {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#home-news ul li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E2E2E2;
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 610px;
}

#home-news ul li:last-child {
    border-bottom: none;
    margin-bottom: 5px;
}

#home-news ul li img {
    border: 1px solid #DFDFDF;
    float: left;
    margin: 0;
    padding: 3px;
    -moz-box-shadow: 0 1px 2px #cccccc;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc;
}

#home-news ul li p {
    font-size: 1.1em;
    margin: 0;
}

#home-news ul li a.link {
    display: block;
    float: none;
    font-size: 1.6em;
    font-weight: bold;
    padding: 3px 0 0;
    margin: 0px 0px 5px 78px;
}

#home-news ul li p {
    font-size: 1.2em;
    margin: 0px 0px 0px 78px;
}

#home-news ul li a.more {
    display: inline-block;
    font-weight: bold;
    padding-left: 10px;
}

/* HOME EVENTS LISTER */

#home-events{
    padding: 26px 10px 0px 20px;
}

#home-events h2 {
    color: #006990;
    font-size: 3.4em;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
}

#home-events ul {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#home-events ul li {
    background: none repeat scroll 0 0 #EFF5F7;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 10px;
    width: 250px;
}

#home-events ul li:last-child {
    border-bottom: none;
}

#home-events ul li span {
    float: left;
    margin: 0;
    padding: 0px;
}

#home-events p.month {
    color: #666666;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

#home-events p.date{
    color: #999999;
    font-size: 2.8em;
    line-height: 0.8em;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

#home-events ul li p {
    font-size: 1.1em;
    margin: 0;
}

#home-events ul li a.link {
    display: block;
    float: none;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    margin: 0px 0px 3px 45px;
}

#home-events ul li p {
    font-size: 1.1em;
    margin: 0px 0px 0px 45px;
}

#home-events ul li a.more {
    display: inline-block;
    font-weight: bold;
    padding-left: 10px;
}

/* HOME GO LOCAL */

#home-go-local{
    padding: 26px 10px 0px 20px;
}

#home-go-local h2{
    margin: 0px;
    font-size: 3.4em;
    color: #006990; 
    text-transform: uppercase;
    background: none;
}

#home-go-local h3{
    margin: 15px 0px 15px 0px;
    font-size: 1.6em;
    color: #006990; 
}

#home-go-local p, #home-volunteers p{
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0; 
}


/* HOME VOLUNTEERS */

#home-volunteers{
    padding:  26px 10px 0px 10px;
    position: relative;
}

#home-volunteers h2{
    margin: 0px 0px 15px 0px;
    font-size: 3.4em;
    color: #9D552D; 
    text-transform: uppercase;
    background: none;
}

#home-volunteers h3{
    color: #666666; 
}

#home-volunteers p{
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    width: 220px;
}

#home-volunteers ul{
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    width: 220px;
}

#home-volunteers ul li{
    font-size: 1.2em;
    line-height: 1.3em;
    list-style: none outside none;
    margin: 0px 0px 8px 0px;
}

#home-volunteers ul li a{
    background: url("../content/images/navigation/arrow-base-cta.jpg") no-repeat scroll 0 -2px transparent;
    display: block;
    margin: 0 0 0;
    padding-left: 18px;
    }
    
#volunteer-furniture {
    background: url("../content/images/common/home-bear.png") no-repeat scroll center bottom transparent;
    top: 0;
    height: 195px;
    position: absolute;
    right: -10px;
    width: 192px;
    z-index: 99999;
}

/* SEARCH */

#group-find {
  background: url("../content/images/common/bg-find-group.png") no-repeat scroll 0 0 transparent;
  height: 53px;
  padding: 0;
  margin: 15px 0px 0px 0px;
  position: relative;
  width: 270px;
  }
  
#group-find label {
  display: none;
  }

#group-find .textfield {
    background-color: transparent;
    border: medium none;
    color: #666666;
    font-size: 1.3em;
    left: 14px;
    position: absolute;
    top: 13px;
    width: 165px;
  }

#group-find .button {
    background: url("../content/images/navigation/bg-find-btn-off.png") no-repeat scroll center center transparent;
    border: medium none;
    cursor: pointer;
    font-size: 1.3em;
    height: 46px;
    left: 177px;
    margin: 0;
    overflow: hidden;
    padding: 46px 0 0;
    position: absolute;
    text-indent: -9000px;
    top: 0px;
    width: 93px;
  }
  
#group-find .button:hover {
    background: url("../content/images/navigation/bg-find-btn-on.png") no-repeat scroll center center transparent;
  }

/* BRAND COLOURS */

.brand-green{color:#84A40B;}

.brand-blue{color:#006690;}

.brand-brown{color:#9D522C;}

.brand-green h3 a, .brand-green a.link{color:#84A40B;}

.brand-blue h3 a, .brand-blue a.link{color:#006690;}

.brand-brown h3 a, .brand-brown a.link{color:#9D522C;}

.brand-green h3 a:hover, .brand-blue h3 a:hover, .brand-brown h3 a:hover{color:#709838;}

.brand-green a:hover.link, .brand-blue a:hover.link, .brand-brown a:hover.link{color:#709838;}

/* GROUPS */

.group-sections
{
    padding-top: 20px;
}

.group-intro
{
 margin-bottom: 20px;
}

.group
{
    background: url("../content/images/common/bg-group-line.jpg") repeat-y top right transparent;
    margin-right: 0;
    padding-right: 10px;    
}

.group-holder {
    background: url("../content/images/common/bg-group-holder.jpg") no-repeat 485px 0px transparent;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 15px;
    position: relative;
    width: 940px;
}

#content .group-sections h2{
   font-size: 2.8em;
   color: #84A40B;
   text-transform: uppercase;
   margin: 0px 0px 15px 0px; 
}

.group-sections ul{
   padding: 0;
   margin:0; 
}

.group-sections ul li{
   border-bottom: 1px solid #EAEAEA;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 10px 0px; 
   list-style: none outside none;
}

.group-sections ul li:last-child{
   border-bottom: none;
}

.group-sections ul li img {
    float: left;
    margin: 0 15px 0 0;
}

.group-sections ul li span {
    float: left;
    display: block;
    margin: 0px 10px 0px 0px;
    width: 270px;
}

.group-sections ul li span.wide {
    width: 450px;
}

.group-sections ul li a.link {
    display: block;
    float: none;
    font-size: 1.8em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 0 0;
    margin-bottom: 3px;
}

#content .group-sections ul li p {
    font-size: 0.9em;
    font-style: italic;
    margin: 0;
}

#content.group h3{
    color: #006890;
    font-size: 2.4em;
    margin: 30px 0 5px;
    text-transform: uppercase;
}

.beavers a.link {color:#B33418;}
.cubs  a.link {color:#338A21;}
.scouts a.link {color:#63A0CA;}
.explorer a.link {color:#0A721D;}
.network a.link {color:#837564;}

.beavers a:hover.link, .cubs a:hover.link, .scouts a:hover.link, .explorer a:hover.link, .network a:hover.link   {color:#84A40B;}


a.btn-more {
    background: url("../content/images/navigation/btn-group-more.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 85px;
    float: left;
}

a:hover.btn-more {
    background: url("../content/images/navigation/btn-group-more.png") no-repeat scroll 0 -38px transparent;
}

#sidebar .location{
    width: 456px;
    height: 394px;
    margin: 0 0 10px;
    padding: 16px 2px 2px 2px;  
}


#group-meta{
    margin: 0px 0px 20px 0px;
    padding:0;
}

#group-meta p{
    font-size: 1.2em;
}

#group-meta ul{
    margin: 0;
    padding:0;
}

#group-meta h3 {
    color: #006890;
    font-size: 2.4em;
    margin: 0px 0px 5px 0px;
    line-height: normal;
    text-transform: uppercase;
}

#group-meta ul li{
    border-bottom: 1px solid #EAEAEA;
    font-size: 1.2em;
    margin: 0px 0 8px 0px;
    padding: 0px 0 8px 0px;
    list-style: none outside none;
}

#group-meta ul li span{
    color: #666666;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    text-align: left;
    width: 40px;
}

#group-meta ul li span.related{
    color: #666666;
    display: block;
    float: left;
    font-weight: normal;
    margin: 0;
    text-align: left;
    width: 170px;
    line-height: 1.5em;
}

.group-lister{
    
}

.group-lister ol {
    margin: 0;
    padding:0;
}

.group-lister ol li {
    border-bottom: 1px solid #EAEAEA;
    list-style: none outside none;
    margin: 0;
    padding: 8px 8px 8px 25px;
    text-decoration: none;
}

.group-lister ol li:last-child {
    border-bottom: none;
}

#content .group-lister p {
    font-size: 1em;
    margin: 0;
    line-height: 1.3em;
}

#content .group-lister a {
    font-size: 1em;
    font-weight: bold;
}

#content .group-lister.near ol li a {
    font-size: 1em;
    font-weight: normal;
}

.group-lister span {
    display: block;
    color: #999999;
    font-size: 1em;
    font-style: italic;
    margin: 0;
}

.group-lister.near ol li {
    background: url("../content/images/icons/icon-near.jpg") no-repeat left 6px;}

.group-lister.news ol li {
    background: url("../content/images/icons/icon-news.jpg") no-repeat left 9px;}

.group-lister.events ol li {
    background: url("../content/images/icons/icon-events.jpg") no-repeat left 9px;}


#group-meta .social a {
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 38px;
    float: left;
    margin: 0px 5px 0px 0px;}

#group-meta .social a.facebook {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll 0 0 transparent;}
#group-meta .social a:hover.facebook {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll 0 -38px transparent;}
#group-meta .social a.twitter {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll -38px 0 transparent;}
#group-meta .social a:hover.twitter {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll -38px -38px transparent;}
#group-meta .social a.you-tube {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll -76px 0 transparent;}
#group-meta .social a:hover.you-tube {background: url("../content/images/icons/social-icons-large.png") no-repeat scroll -76px -38px transparent;}

#group-meta .credentials a {
    display: block;
    float: left;
    height: 60px;
    margin: 0 5px 0 0;
    width: 60px;
}

#flickr-photostream{
    width: 460px;
}

#flickr-photostream ul{
    margin: 0;
    padding: 0;  
}

#flickr-photostream ul li{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: 75px;
    margin: 0 9px 0 0;
    padding: 3px;
    width: 75px;
    -moz-box-shadow: 0 1px 2px #cccccc;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc;  
}

#join-form {
	margin: 0px -8px 20px -8px;
    padding: 0;
    width: 478px;
	}
	
#join-form h3 {
    background: transparent url('../content/images/common/form-h3-bg.jpg') repeat-x left bottom;
    color: #006990;
    display: block;
    font-size: 2.4em;
    font-weight: bold;
    text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 8px 0px;
	}
	
#join-form p.error{
	background-color: #C03E3F;
    border: 1px solid #E29898;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#form-top {
	background: transparent url('../content/images/common/form-top.png') no-repeat left top;
	height: 20px;
	width: 478px;
	}
	
#form-bottom, #form-bottom-thanks {
	background: transparent url('../content/images/common/form-bottom.png') no-repeat left top;
	height: 20px;
	width: 478px;
	}
	
#join-form .frame {
	background: url("../content/images/common/form-middle.png") repeat-y scroll left top transparent;
    color: #FFFFFF;
    display: block;
    padding: 10px 25px 10px 25px;
    width: 428px;
	}
	
#details label {
    color: #666666;
    font-weight: bold;
    margin-right: 15px;
    text-align: left;
    width: 113px;
	}

#details.form-style li
{
    border: none;
    font-size: 1.3em;
    margin: 0;
    padding: 5px 0;    
}

#details.form-style
{
    margin: 0px 0px 0px 0px;    
}

#details input{
	background: #fff;
	width: 288px;
	}
	
#details select{
	width: 200px;
	}
	
#details .textarea {
    width: 288px;
}
	
.enter-button {
	background: transparent url('../content/images/common/group-submit.png') no-repeat left top;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 30px;
	line-height: 0;
	margin: 5px 0px 0px 128px;
	text-indent: -9000px;
	width: 300px;
	}
	
.enter-button:hover {
	background: transparent url('../content/images/common/group-submit.png') no-repeat left -30px;
	}

/* SEARCH AND NEWS RESULTS LISTER */

#article-results ul  {
    margin: 0;
    padding: 0;
}

.searchterms
{
    color: #006990;
    font-size: 1.3em; 
    border-bottom: 1px solid #eaeaea;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;    
}

.searchterms .results
{
  float: left;  
}

.searchterms .documents
{
    float: right;
}

.searchterms span
{
 color: #84A40B;
 font-weight: bold;   
}

.doc-furniture
{
    background: url("../content/images/icons/doc-search.jpg") no-repeat scroll 0 0 transparent;
    height: 61px;
    position: absolute;
    right: 495px;
    text-indent: -9999px;
    top: 20px;
    width: 104px;
}

.ie7 .doc-furniture
{
    top: 24px;
}

.search-icon
{
    width: 64px;
    height: 67px;    
}

.search-icon.news {
	background: transparent url('../content/images/icons/search-icon-news.jpg') no-repeat top left;
	}
	
.search-icon.event {
	background: transparent url('../content/images/icons/search-icon-event.jpg') no-repeat top left;
	}

.search-icon.groups {
	background: transparent url('../content/images/icons/search-icon-group.jpg') no-repeat top left;
	}

.search-icon.article {
	background: transparent url('../content/images/icons/search-icon-article.jpg') no-repeat top left;
	}

.search-icon.documents {
	background: transparent url('../content/images/icons/search-icon-document.jpg') no-repeat top left;
	}
	
#article-results ul li  {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    list-style: none outside none;
    border-bottom: 1px solid #EAEAEA;
}

#article-results ul li:last-child  {
    border-bottom: none;
}

#article-results h2  {
    color: #006990;
    font-size: 1.8em;
    margin: 0 0 5px;
}

#article-results p.excerpt {
    font-size: 1em;
}

#article-results ul.meta {
    border-bottom: 1px solid #EAEAEA;
    margin: 0px 0px 5px 0px;
    width: 620px;
}

#article-results ul.meta li {
    font-size: 0.9em;
    color: #999999;
    float: left;
    display: block;
    border-bottom: none;
    margin: 0;
    padding: 0px 10px 5px 0px;
}


#article-results ul.meta li span {
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}

#article-results ul li img {
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 2px #CCCCCC;
    float: left;
    margin: 0;
    padding: 3px;
}

#content ul.meta-events {
    border-bottom: 1px solid #EAEAEA;
    margin: 0px 0px 5px 0px;
    width: 620px;
}

#content ul.meta-events li {
    font-size: 0.9em;
    color: #999999;
    display: block;
    border-bottom: none;
    margin: 0;
    padding: 0px 10px 5px 0px;
}

#content ul.meta-events li span {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0;
    width: 55px;
}

#content ul.meta-events li p {
    color: #999999;
    display: inline;
    float: left;
    font-size: 1em;
    margin: 0;
    padding-left: 10px;
    width: 530px;
}

#events-main ul.meta-events {
    border-bottom: none;
    margin: 15px 0px 15px 0px;
    width: 460px;
}

#events-main ul.meta-events li {
    font-size: 0.9em;
    color: #999999;
    display: block;
    border-bottom: 1px solid #eaeaea;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    list-style: none outside none;
}

#events-main ul.meta-events li.event-book {
    background: url("../content/images/navigation/paging-bg.jpg") no-repeat scroll 0 0 transparent;
    border: none;
    padding: 0;
    margin:15px 0px 15px 0px;
    zoom:1;
}

#events-main ul.meta-events li.event-book p {
    width: 350px;
}

#events-main ul.meta-events li.event-book span.eventbrite {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.4em;
}

#events-main ul.meta-events li.event-book span.eventbrite a {
    display: block;
    padding: 10px;
}

#events-main ul.meta-events li span {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0;
    width: 75px;
    line-height: normal;
}

#events-main ul.meta-events li p {
    color: #999999;
    display: inline;
    float: left;
    font-size: 1.3em;
    margin: 0;
    padding-left: 10px;
    width: 375px;
    line-height: normal;
}

#events-main h2 {
    color: #455560;
    font-size: 2.4em;
    line-height: normal;
    margin: 25px 0 8px;
    text-transform: uppercase;
}

.validation p.error {
    background-color: #C03E3F;
    border: 1px solid #E29898;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
}

.validation p.success {
    background-color: #78A22F;
    border: 1px solid ##78A22F;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
}

#events-main .form-style label {
    color: #666666;
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 90px;
}

/* --------------- PAGING --------------*/

.paging
{
    background: transparent url(../content/images/navigation/paging-bg.jpg) no-repeat;
    color: #666666;
    font-size: 1.3em;
    padding: 10px;
    width: 680px;
}

.paging .totals
{
    float: right;
    margin: 0px 10px 0px 0px;
    line-height: 1.8em;
}

.paging .totals span
{
    font-weight: bold;
}

.paging .pages
{
    float: right;
    font-weight: normal;
}

.paging .pages p
{
    margin: 0;
    padding:0;
}

.paging .pages .first, .previous, .next, .pageslast
{
    color: #00838C;
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    font-size:85%;
    text-align:center;
    margin:0px 0px 0px 2px;
    line-height: 16px;
    text-indent: -9999px;
}

/* --------------- PAGING BACKGROUNDS --------------*/
.paging .pages .first{background:url(../content/images/navigation/paging.jpg) no-repeat 0px -46px;}
.paging .pages .previous{background:url(../content/images/navigation/paging.jpg) no-repeat -23px -46px;}
.paging .pages .next{background:url(../content/images/navigation/paging.jpg) no-repeat -46px -46px;}
.paging .pages .pageslast{background:url(../content/images/navigation/paging.jpg) no-repeat -69px -46px;}

/* --------------- PAGING LINK STYLES --------------*/
.paging .pages a.first{background:url(../content/images/navigation/paging.jpg) no-repeat 0px 0px;}
.paging .pages a.previous{background:url(../content/images/navigation/paging.jpg) no-repeat -23px 0px;}
.paging .pages a.next{background:url(../content/images/navigation/paging.jpg) no-repeat -46px 0px;}
.paging .pages a.pageslast{background:url(../content/images/navigation/paging.jpg) no-repeat -69px 0px;}

/* --------------- PAGING HOVER STYLES --------------*/

.paging .pages a:hover.first{background:url(../content/images/navigation/paging.jpg) no-repeat 0px -23px;}
.paging .pages a:hover.previous{background:url(../content/images/navigation/paging.jpg) no-repeat -23px -23px;}
.paging .pages a:hover.next{background:url(../content/images/navigation/paging.jpg) no-repeat -46px -23px;}
.paging .pages a:hover.pageslast{background:url(../content/images/navigation/paging.jpg) no-repeat -69px -23px;}

span.totals-search
{
 display:block;
 float: left; 
 width: 23px;
 height: 23px;
 text-align: center; 
 line-height: 23px;
 font-weight: bold; 
 color: #999999;  
}

/* --------------- POSTCODE MAP RESULTS --------------*/

#map-wrapper
{
    background: transparent url(../content/images/common/map-background.jpg) no-repeat;
    height: 468px; 
    margin: -8px -8px 0px -8px;
    padding: 11px 9px 11px 11px;  
}

#map
{
 height: 348px; 
}

#map-search
{
    position: relative;
}

#map-search h1
{
    color: #00668C;
    font-size:2.1em;
    padding: 25px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
}

#map-search p
{
    color: #00668C;
    font-size:1.4em;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
}

#map-search #group-find p
{
    font-weight: bold;
    text-transform: uppercase;
    margin: -22px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#map-search span
{
    color: #9FB748;
    font-weight: bold;
}

#map-search #group-find
{
    height: 53px;
    margin: 15px 0 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right:20px;
    width: 270px;
}

.location
{
    color: #999999;
    font-size: 3em;
    font-weight: bold;
    line-height: 0.9em;
    text-transform: uppercase;
}

#article-results.map-results ul.meta{
    border: none;
}

#article-results.map-results ul.meta li {
    margin: 0;
    padding: 0 10px 0px 0;
}

#article-results.map-results ul li img {
    border: none;
    box-shadow: none;
    float: left;
    margin: 0;
    padding: 0;
}

/* --------------- SECTIONS --------------*/

#sections-detail
{
    background: url("../content/images/common/sections-wrapper.png") no-repeat scroll 0 0 transparent;
    height: 310px;
    left: 234px;
    position: absolute;
    top: 15px;
    width: 455px;
    z-index: 0;
}

.sections {
    margin-left: 0;
    padding: 10px 0px 0px 10px;
}

#sections-hero
{
    width: 700px;
    height: 235px;
    margin: 0px 0px 20px 0px;
}

#content .sections-lister{
    margin: 40px 0px 40px 0px;
    padding: 0;
}

#content .sections-lister.events{
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#content .sections-lister h2 {
    color: #006890;
    font-size: 3.4em;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
}

#content .sections-lister ul {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#content .sections-lister ul li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E2E2E2;
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 460px;
}

#content .sections-lister ul li:last-child {
    border-bottom: none;
    margin:0;
    padding:0;
}

#content .sections-lister ul li img {
    border: 1px solid #DFDFDF;
    float: left;
    margin: 0;
    padding: 3px;
    -moz-box-shadow: 0 1px 2px #cccccc;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc;
}

#content .sections-lister ul li a.link {
    display: block;
    float: none;
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px 0 0;
    margin: 0px 0px 0px 80px;
}

#content .sections-lister ul li p {
    font-size: 1em;
    margin: 0px 0px 0px 80px;
    line-height: 1.3em;
}

#content .sections-lister ul li a.more {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    padding-left: 5px;
}

#content .sections-lister span {
    color: #999999;
    display: block;
    font-size: 0.9em;
    font-style: italic;
    margin: 0px 0px 0px 80px;
}


/* --------------- PATHFINDER --------------*/

#issuu-container {
    background: url("../content/images/common/pathfinder-bg.jpg") no-repeat scroll right top #eaeaea;
    height: 495px;
    width: 700px;
    margin: 0px 0px 20px 0px;
}

#issuu-container.no-background {
    background: none;
}

.pathfinder-holder {
    background: url("../content/images/common/pathfinder-holder-bg.jpg") repeat-x 0 0 transparent;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 20px 15px 20px;
    position: relative;
    width: 940px;
}

#pathfinder #main {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0px 10px 0px 10px;
}

#pathfinder .masthead-wrapper {
    background: url("../content/images/common/pathfinder-masthead-wrapper-bg.jpg") no-repeat scroll center bottom transparent;
}

#issuu-latest
{
   margin: 0px 0px 40px 0px; 
}

#issuu-latest h2 {
    color: #666666;
    font-size: 2.2em;
    text-transform: uppercase;
    margin: 0 0 5px;
}

#pathfinder .custom-aside {
    margin-top: 38px;
}

/* --------------- JOIN THE ADVENTURE --------------*/

.join-holder {
    background: url("../content/images/common/join-holder-bg.jpg") repeat-x 0 0 transparent;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0px 20px 15px 20px;
    width: 940px;
}

#join-furniture
{
    background: url("../content/images/common/adventure.png") no-repeat 175px -10px transparent;
    padding: 20px 0px 0px 0px;
}

#join #main {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0px 10px 0px 10px;
}

#join .masthead-wrapper {
    background: url("../content/images/common/join-masthead-wrapper-bg.jpg") no-repeat scroll center bottom transparent;
}

#join-intro
{
    width: 450px;   
}

#join h1
{
    color: #ffffff;
    font-size: 4em;
    margin: 0 0 15px;
    text-transform: uppercase;  
}

#join h2
{
    color: #666666;
    font-size: 2.6em;
    margin: 20px 0px 8px 0px;
    text-transform: uppercase;  
}

#join #content p.intro {
    color: #ffffff;
}

#join #content p.narrow {
    width: 350px;
}

#join-intro p {
    color: #ffffff;
}

#go-local
{
    -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
    background: url("../content/images/common/join-go-local.jpg") no-repeat 0 0 #ffffff;
    width: 400px;
    margin: 20px 0px 20px 0px;
    padding: 20px 20px 10px 20px;
    height: 154px;
    position: relative;
    behavior: url('http://scouts-scotland.org.uk/css/pie.htc');
    zoom:1;  
}

#join-listers ul{
    margin: 0px 0px 0px 0px;
}

#join-listers ul li{
    list-style: none outside none;
}

#join-listers ul li a {
    background: url("../content/images/navigation/arrow-base-cta.jpg") no-repeat scroll 0 -2px transparent;
    display: block;
    margin: 0;
    padding-left: 18px;
}

#go-local h2 {
    color: #006990;
    font-size: 3.4em;
    margin: 0;
    text-transform: uppercase;
}

#go-local h3 {
    color: #006990;
    font-size: 1.6em;
    margin: 15px 0px 5px 0px;
}

.join-group-sections
{
    padding: 10px;
    background: url("../content/images/common/join-pattern.png") repeat scroll 0 -2px transparent;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px;
    margin: 0px 0px 20px 0px;
	zoom: 1;
}


.join-group-sections ul{
   padding: 0;
   margin:0; 
}

.join-group-sections ul li{
   border-bottom: 1px solid #EAEAEA;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 10px 0px; 
   list-style: none outside none;
}

.join-group-sections ul li:last-child{
   border-bottom: none;
   margin:0;
   padding:0;
}

.join-group-sections ul li img {
    float: left;
    margin: 0 8px 0 0;
}

.join-group-sections ul li span {
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    width: 142px;
}

.join-group-sections ul li a.link {
    display: block;
    float: none;
    font-size: 1.4em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 0 0;
    margin-bottom: 3px;
}

.join-group-sections ul li span p {
    font-size: 0.9em;
    font-style: italic;
    margin: 0;
}

/* --------------- ACTIVITY CENTRES --------------*/

#activity-holder
{
 width: 940px;
 height: 273px;
 margin: 0px 0px 20px 0px;   
}

#activity-holder .hero
{
 width: 620px;
 height: 273px;
 float: left;
 margin: 0px 10px 0px 0px;  
}

#activity-holder .location
{
 width: 310px;
 height: 273px;
 float: left;  
}

#content p.intro
{
 font-size: 1.8em;
 line-height: normal;   
}

#content.activity
{
    margin-right: 20px;
}

#content blockquote {
    border-bottom: none;
    border-left: 10px solid #D6DFB1;
    border-top: none;
    display: block;
    float: right;
    margin: 10px 0px 10px 20px;
    padding: 0;
    width: 220px;
}

#content blockquote p {
    color: #666666;
    display: block;
    float: right;
    font-size: 1.8em;
    line-height: normal;
    margin: 0 15px 5px;
    padding: 0 !important;
}

/* NEWS STYLING */

.media-article .meta ul
{
    border-bottom: 1px solid #EAEAEA;
    font-size: 1em;
    margin: 0 0 10px !important;
    width: 460px;
}

.media-article .meta ul li {
    border-bottom: medium none;
    color: #999999;
    display: block;
    float: left;
    font-size: 1em;
    margin: 0 !important;
    padding: 0 10px 10px 0;
}

.media-article .meta ul li span {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.media-article .back, #events-main .back
{
    border-top: 1px solid #EAEAEA;
    font-size: 1.8em;
    display: block;
    margin-top: 10px;
    padding-top: 10px; 
    text-transform: uppercase;   
}

.media-hero img
{
    margin-bottom: 20px;
}

.media-inline img
{
    margin: 15px 0px 15px 15px;
}

/* FOOTER NAVIGATION */

.footer-wrapper{
    background: #00668D url(../content/images/common/bg-footer.jpg) repeat-x;
}

#site-footer {   
    background: url("../content/images/common/footer-wrapper-bg.jpg") no-repeat scroll center top transparent;
    color: #999999;
    height: 450px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    }

#site-footer p {
    color:#666666;
    margin:0;
    padding:10px 10px 0;
    }
  
#site-footer h4 {
    background-color: transparent;
    color: #ffffff;
    font-size: 1.6em;
    font-weight: normal;
    padding: 50px 5px 5px 0px;
    text-transform: uppercase;
    }

#site-footer ul {
    float:left;
    margin:0;
    padding:0;
    }
    
#site-footer ul li {
    background: url("../content/images/common/footer-link-bg.jpg") no-repeat scroll left bottom transparent;
    display:block;
    height:18px;
    width: 140px;
    font-size: 1.1em;
    line-height:18px;
    margin:0px 0 5px 0;
    padding:0px 0 5px 0;
    }
  
#site-footer ul li:last-child {
    background: none;
    margin:0;
    padding:0;
    }

#site-footer ul li a {
    color: #ffffff;
    margin:0 0 0 0px;
    padding:0 0px 0 0px;
    text-decoration: none;
    }
  
#site-footer ul li a:hover {
  color: #84A40B;
    }
  
#footer-logo {
    position: absolute;
    right: 15px;
    top: 60px;
}

#footer-logo a.ft-logo {
    background: url("../content/images/branding/footer-logo.png") no-repeat scroll left top transparent;
    display: block;
    font-size: 0.8em;
    height: 70px;
    text-indent: -9000px;
    width: 140px;
}

#footer-logo a.ft-link {
    display: block;
    font-size: 1.1em;
    width: 140px;
    color: #ffffff;
    margin-top: 24px;
    }

#footer-logo a:hover.ft-link {
    color: #84A40B;
}

#site-footer ul.address li {
    color: #ffffff;
    background: none;
    display:block;
    height:20px;
    width: 220px;
    font-size: 1.1em;
    line-height:20px;
    margin:0;
    padding:0;
}

#site-footer ul{
    margin:0px 0px 10px 0px;
    padding:0;
}

#footer-legals{
    background: url("../content/images/common/footer-link-bg.jpg") repeat-x scroll left top transparent;
    color: #ffffff;
    font-size: 1.1em;
    margin: 15px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
}

#site-footer ul li a.twitter span.icon {
    background-image: url("../content/images/icons/social-icons.png");
    color: #000000;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    width: 18px;
}

#site-footer ul li a.twitter span.icon {
    background-position: 0 0;
}

#site-footer ul li a:hover.twitter span.icon {
    background-position: 18px 0;
}

#site-footer ul li a.facebook span.icon {
    background-image: url("../content/images/icons/social-icons.png");
    color: #000000;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    width: 18px;
}

#site-footer ul li a.facebook span.icon {
    background-position: 0px -18px;
}

#site-footer ul li a:hover.facebook span.icon {
    background-position: 18px -18px;
}

#site-footer ul li a.youtube span.icon {
    background-image: url("../content/images/icons/social-icons.png");
    color: #000000;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    width: 18px;
}

#site-footer ul li a.youtube span.icon {
    background-position: 0px -36px;
}

#site-footer ul li a:hover.youtube span.icon {
    background-position: 18px -36px;
}

#site-footer ul li a.footer-rss span.icon {
    background-image: url("../content/images/icons/social-icons.png");
    color: #000000;
    display: block;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    width: 18px;
}

#site-footer ul li a.footer-rss span.icon {
    background-position: 0px -54px;
}

#site-footer ul li a:hover.footer-rss span.icon {
    background-position: 18px -54px;
}

/* GALLERY */
 
 #slideshow {
  height: 350px;
  background-color: #f9f9f9;
  margin: 0px 0px 20px 0px;
  position: relative;
  }
  
#image_wrap {
	width:700px;
	height: 273px;
	background: none;
	margin: 0px 0px 2px 0px;
	}

.gallery_image  
{
    display:none;
    height:273px;
    position: absolute;
    /*top: 0;*/
}

.scrollable {
	position:relative;
	position:absolute;
	overflow:hidden;
	width: 656px;
	height:76px;
	left: 24px;
	top:275px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:656px;
}

.items div.feature {
	width:318px;
	background-color: #D6DFB1;
	padding: 0px 10px 0px 0px;
}

.items div.feature:first-child {
	width:316px;
	background-color: #D6DFB1;
	padding: 0px 9px 0px 0px;
	margin-right: 3px;
}

.items div.feature.green, .items div.feature.green h2 a, .items div.feature.green p {
	background-color: #DDE4BE;
	color: #84A40B;
}

.items div.feature.red, .items div.feature.red h2 a, .items div.feature.red p {
	background-color: #E6D5CC;
	color: #8B0066;
}

.items div.feature.blue, .items div.feature.blue h2 a, .items div.feature.blue p {
	background-color: #D8EAFE;
	color: #006990;
}

.items div.feature.blue h2 a:hover, .items div.feature.red h2 a:hover, .items div.feature.green h2 a:hover
{
    color: #709838;   
}


.items div.feature h2
{
    font-size: 1.4em; 
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
	padding:0px;
}

.items div.feature p{
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0px;
	padding:0px;
}

.scrollable img {
	cursor:pointer;
	float:left;
	margin:0px 10px 0px 0px;
	background-color:#fff;
	padding:0;
	width:100px;
	height:76px;
}

.scrollable .active {
	position:relative;
	cursor:default;
}

.scrollable {
	float:left;	
	
}

a.browse {
	background:url(../content/images/gallery/hori_large.png) no-repeat;
	display:block;
	width:22px;
	height:76px;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	font-size:1px;
	position: absolute;
}

a.right 		{ background-position: -22px 0px; clear:right; margin-right: 0px;}
a.right         {background-position: -22px 0; clear: right; left: 678px; margin-right: 0; top: 275px;}
a.right:hover 	{ background-position:-22px -76px; }
a.right:active 	{ background-position:-22px -76px; } 

a.left			{ margin-left: 0px; } 
a.left			{ margin-left: 0px; top: 275px; } 
a.left:hover  	{ background-position:0px -76px; }
a.left:active  	{ background-position:0px -76px; }

/* disabled navigational button */
a.right.disabled { background-position:-22px -152px; }
a.left.disabled { background-position:0px -152px; }
  
/* 404 */  
.four-o-four {
    border:1px solid #d9d9d9;
    padding:50px 50px;
    margin:200px 0;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background-image: url(../content/images/icons/404.png);
    background-repeat:no-repeat;
    background-position:470px 40px;
    }
  
.four-o-four p {
    color:#888;
    font-size:1.4em;
    margin:10px 0;
    display:block;
    width:400px;
    }
    
.four-o-four p span {
    color:#333;
    font-weight:bold;
    }
  
.four-o-four a  {
    color:#333;
    }
        
 #more-news{
  position:absolute;
  top: 30px;
  right: 325px;  
 }
 
 #more-events{
   position:absolute;
   top: 30px;
   right: 15px;    
 }
 
 #more-events a, #more-news a{
   background: url("../content/images/navigation/arrow-base-cta.jpg") no-repeat scroll 84px -2px transparent;
   display: block;
   margin: 0;
   padding: 0px 20px 0px 0px;
   font-size: 1.4em;
   line-height: normal;
 }
 
#more-news a{
   background: url("../content/images/navigation/arrow-base-cta.jpg") no-repeat scroll 78px -2px transparent;
 }
 
 .map-logo
 {
  float: left;
  width: 48px;
  height: 22px;
  margin: 0px 5px 0px 0px;
  background-color: #333333;
  text-indent: -9999px;   
 }
 
 .beaver-map{width:34px; background: url("../content/images/branding/mini-beavers.jpg") no-repeat 0 0 transparent;}
 
 .cubs-map{background: url("../content/images/branding/mini-cubs.jpg") no-repeat 0 0 transparent;}
 
 .scouts-map{background: url("../content/images/branding/mini-scouts.jpg") no-repeat 0 0 transparent;}
 
 .explorers-map{background: url("../content/images/branding/mini-explorers.jpg") no-repeat 0 0 transparent;}
 
 .google-group a
 {
      font-size: 1.2em;
      font-weight: bold;
      padding: 0px 0px 5px 0px;
      display: block; 
 }
 
 .rss h2
 {
    float: left;
    display: block;   
 }
 
 .rss h3
 {
    float: left;
    display: block;   
 }
 
 .rss .icon {
    background-image: url("../content/images/icons/icon-rss.jpg");
    background-position: 0px 0px;
    color: #000000;
    display: block;
    float: left;
    height: 0;
    margin: 8px 14px 0 !important;
    overflow: hidden;
    padding: 16px 0 0;
    width: 16px;
    cursor: pointer;
}

 .group-lister .rss .icon {
    margin: 34px 0px 0px 10px !important;
}