/***************************** Core CSS **********************************************/
/* CSS reset and core rules */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline;}

/* Headings ---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {margin-bottom:.5em; font-size:3em; line-height:1; color:#a90050;}
h2 {margin-top:-0.3em; margin-bottom:0.3em; font-size:1.92em; color:#a90050; font-weight:bold; display:block;}
h3 {margin-bottom:0.7em; font-size:1.5em; line-height:1 ; color:#a90050;}
h4 {margin-bottom:0.2em; font-size:1.50em; line-height:1.25; color:#a90050;}
#content h3, #content h4 {font-size:1.38em;}
h5, h6 {margin-bottom:0em; font-weight:bold; font-size:1em; color:#a90050;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text elements ----------------------------------------------------- */

p {margin:0 0 1.5em 0; }
p img.left {margin:0 1.5em 1.5em 0em;}
p img.right {margin:0 0 1.5em 1.7em;}
#content {font-size:1.08em;}
a {color:#5b6fb5; text-decoration:none; outline:none;}
a:visited {color:#5b6fb5; text-decoration:none; }
a:focus {text-decoration:none;} 
a:hover {color:#5b6fb5; text-decoration:underline;}
a img {border:none;}
blockquote, q {quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em; font-style:italic;}
del {color:#666;}
pre, code, tt {margin:1.5em 1.5em 1.5em -1.5em; padding-left:1.5em; border-left:1px dotted #666; font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}
pre {white-space:pre;}
code {display:block;}

/* Hr ----------------------------------------------------------------- */

hr {border-top:1px solid #ccc; margin-bottom:1.3em;}
div.hr {height:1px; border-top:1px dotted #ccc; clear:both; margin-bottom:1.5em;}
div.hr hr {display:none;}

/* Lists -------------------------------------------------------------- */

ul, ol {margin:0 1.5em 1.5em 0;}
#content ul, #content ol {margin:0 1.5em 1.5em 2em;}
#content li ul, #content li ol {list-style-type:circle; margin:0 1.5em 0.2em 2em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin-bottom:1em;}
dl dt {margin-top:1em; font-size:1.2em; font-weight:bold;}
dd {margin-left:2em;}

/* Tables -------------------------------------------------------------- */

table {border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; width:100%;}
table, td, th {vertical-align:top;}
th, thead th {font-weight:bold; background-color:#BAD3ED; color:#484848;}
th, td, caption {padding:4px 10px 4px 5px; text-align:left; font-weight:normal;}
th, td {border:1px solid #BAD3ED;}
td.plain {border:none;}
tfoot {font-size:.9em;}
caption {margin-bottom:1em; font-size:1.5em; line-height:1 ;}

/************************************** Core CCS End ****************************************/

/***************************************** Nav CSS *******************************************/
/* primary navigation */	
#nav {position:absolute; bottom:0px; right:40px;}
#nav ul {padding: 0; margin:0; list-style: none; line-height: 1; float:right;  }
#nav ul li {font-size:1.08em; float:left; margin-right:1px;  }
#nav ul li a {display:block; padding:0;  background:none; text-decoration:none; cursor:pointer;}
#nav ul li a span {display:block; text-align:center; color:#fff; font-weight:bold;  background:none; padding:8px 10px 0 9px; height:21px;}

#nav ul li a:hover {background:url(../assets/nav/nav-left.png) no-repeat bottom left;}
#nav ul li a:hover span {background:url(../assets/nav/nav-right.png) no-repeat bottom right; color:#484848;}
#nav ul li.active a, #nav ul li.active a:hover {background:url(../assets/nav/nav-left.png) no-repeat top left;}
#nav ul li.active a span, #nav ul li.active a:hover span {background:url(../assets/nav/nav-right.png) no-repeat top right; color:#484848;}
/* end primary navigation */

/* breadcrumb trail */
#breadcrumbs {float:left; width:960px; margin:10px 0 12px 0; }
#breadcrumbs ul {float:left; list-style:none; margin-left:-6px; margin-bottom:0;}
#breadcrumbs ul li {float:left; padding-left:6px; font-size:1em;} 
#breadcrumbs ul li a {padding-right:3px; color:#a90050;}	
/* end breadcrumb trail */

/* sitelinks */
.sitelinks {float:right; margin-bottom:8px; margin-top:-5px; width:300px;}
.sitelinks ul {float:right; display:block; margin:0;}
.sitelinks ul li {display:inline; margin-left:10px;}
.sitelinks ul li a {color:#FFFFFF !important; font-size:0.92em; font-weight:bold;}
/* end sitelinks */

/* footer */
#footer {width:960px; margin:10px 0; clear:both; float:left;}
#footer ul {float:right; margin:0;}
#footer ul li {display:inline; color:#5b6fb5; margin:0 2px; font-size:0.92em;}
#footer ul li a {color:#5b6fb5; font-weight:normal; padding:0 2px 0 0;}
#footer ul li a:hover {text-decoration:underline;}
/* end footer */

/* Side nav */
#subNav 
{
    float:left; 
    width:216px; 
    margin : 0; 
    padding : 0; 
    font-size : 1.08em; 
}

/** Level 1 **/
#subNav ul 
{
    list-style-image : none; 
    list-style : none; 
    float : left; 
    width : 213px; 
    
    margin : 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px; 
    
    background-color:#5567ED;
    border: solid 1px #5567ED;
}

#subNav ul li 
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 1px #8997CA;
    
}

#subNav ul li a
{
    float : left;
    width : 203px;
}
#subNav ul li a:link,
#subNav ul li a:visited,
#subNav ul li a:hover
{
    float:left; 
    padding:5px 0px 5px 10px;	
    color:#ffffff; 
    text-decoration:none; 
}
#subNav ul li a:hover
{
    text-decoration:none; 
    background-color:#E7EFFF; 
    color:#484846;
}

#subNav ul li.active a:link,
#subNav ul li.active a:visited,
#subNav ul li.active a:hover 
{
    text-decoration:none; 
    background-color:#E7EFFF; 
    color:#484846;
}

/** Level 2 **/
#subNav ul li.active ul    
{
    list-style-image : none; 
    list-style : none; 
    float : left; 
    width : 213px; 
    
    margin : 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px; 
    
    background-color:#E7EFFF;
    border : solid 0px;
}

#subNav ul li.active ul li 
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 0px;
}

#subNav ul li.active ul li a,
#subNav ul li.active ul li a:link,
#subNav ul li.active ul li a:visited
{
    float : left;
    width : 193px;
    padding:5px 0px 5px 20px;
    text-decoration:none; 
    background-color:#E7EFFF; 
    color:#5B6FC1;  
}

#subNav ul li.active ul li a:hover
{
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;
}

#subNav ul li ul    
{
    list-style-image : none; 
    list-style : none; 
    float : left; 
    width : 213px; 
    
    margin : 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px; 
    
    background-color:#E7EFFF;
    border : solid 0px;
}

#subNav ul li ul li 
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 0px;
}

#subNav ul li li a,
#subNav ul li li a:link,
#subNav ul li li a:visited
{
    float : left;
    width : 193px;
    padding:5px 0px 5px 20px;
    text-decoration:none; 
    background-color:#E7EFFF; 
    color:#5B6FC1;
    
}
#subNav ul li.active ul li a:hover
{
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;
}

#subNav ul li ul li.active a:link,
#subNav ul li ul li.active a:visited,
#subNav ul li ul li.active a:hover 
{
    text-decoration:none; 
    background-color:#E7EFFF; 
    color:#484846;
}

/** Level 3 **/
#subNav ul li ul li.active ul    
{
    list-style-image : none; 
    list-style : none; 
    float : left; 
    width : 213px; 
    
    margin : 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px; 
    
    background-color:#FFFFFF;
    border : solid 0px;
}

#subNav ul li ul li.active ul li 
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 0px;
}

#subNav ul li ul li.active ul li a,
#subNav ul li ul li.active ul li a:link,
#subNav ul li ul li.active ul li a:visited
{
    float : left;
    width : 183px;
    padding:5px 0px 5px 30px;
    text-decoration:none; 
    background-color:#ffffff; 
    color:#5B6FC1;  
}

#subNav ul li ul li.active ul li a:hover
{
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;
}

#subNav ul li ul li ul li.active
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 0px;
}

#subNav ul li ul li ul li.active a,
#subNav ul li ul li ul li.active a:link,
#subNav ul li ul li ul li.active a:visited
{
    float : left;
    width : 183px;
    padding:5px 0px 5px 30px;
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;  
}

#subNav ul li ul li ul li.active a:hover
{
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;
}

#subNav ul li ul li ul li
{
    float : left; 
    width : 213px; 
    color : #ffffff; 
    font-weight : bold; 
    border-bottom : solid 0px;
}

#subNav ul li ul li ul li a,
#subNav ul li ul li ul li a:link,
#subNav ul li ul li ul li a:visited
{
    float : left;
    width : 183px;
    padding:5px 0px 5px 30px;
    text-decoration:none; 
    background-color:#ffffff; 
    color:#5B6FC1;  
}

#subNav ul li ul li ul li a:hover
{
    text-decoration:none; 
    background-color:#ffffff; 
    color:#484846;
}

/**************************************************** Nav CSS End ************************************/

/******************************************* Homepage CSS *******************************************/
/* 3 main calls to action */
.home #content.fullwidth .blocksHolder{ width:978px; } 
.home #content.fullwidth .blocksHolder .blocks{ width:308px; margin-right:18px; padding:0; border:none; background:none; min-height:310px; height:auto !important; height:310px !important; display:inline;} 
.home #content.fullwidth .blocksHolder .blocks.blue-home{ background-color:#5b6fb5 !important; color:#FFFFFF;}
.home #content.fullwidth .blocksHolder .blocks.raspberry-home{ background-color:#a90050 !important; color:#FFFFFF;}
.home #content.fullwidth .blocksHolder .blocks a{ font-size:2.69em; color:#FFF; font-weight:normal; display:block; padding:22px 0 170px 19px; line-height:1; text-decoration:none; } 
.home #content.fullwidth .blocksHolder .blocks a img{ position:absolute; bottom:0; left:0;} 
.home #content.fullwidth .blocksHolder .blocks a span.link{ position:absolute; bottom:154px; font-size:0.43em; right:30px; font-weight:bold;}
.home #content.fullwidth .blocksHolder .blocks.raspberry-home a span.link {background:url(../assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px;}
.home #content.fullwidth .blocksHolder .blocks.blue-home a span.link {background:url(../assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; }
.home #content.fullwidth .blocksHolder .blocks.raspberry-home a:hover span.link {text-decoration:underline;}
.home #content.fullwidth .blocksHolder .blocks.blue-home a:hover span.link {text-decoration:underline; }
/* end 3 main calls to action */

/* strip of 4 features */
#content-strip {background:#e6e9f3; clear:left; width:960px; background:url(../assets/content-strip-double-bg.png);}
#content-strip p {margin-bottom:0.7em;}
#content-strip .sub-content {float:left; padding:13px 14px 13px 15px; width:460px;}
#content-strip div.sub-content img {display:block; margin-bottom:10px;}
#content-strip .sub-content h6 {color:#5b6fb5;}
#shop-block.sub-content .story {background:none; margin-bottom:10px; } 
#shop-block.sub-content .story img {float:left; margin:0 14px 0px 3px}
.sub-content-right {float:left; margin-top:0px; margin-bottom: -4px; } 
.sub-content .story p{ margin:0;}
.sub-content h5 {font-size:0.92em; margin-bottom:.5em;}
.sub-content h6 {font-size:0.92em; margin-bottom:0em;}
.sub-content .seeMore {font-size:0.92em; float:right; text-align:right;}
.sub-content p.left .seeMore {float:left; text-align:left;}
/* blog block */
div#content div.sub-content ul.links {margin:0; list-style-type:none;}
div#content div.sub-content ul.links li {line-height:1.1; margin-bottom:8px;}
div#content div.sub-content ul.links li a {font-size:0.92em; font-weight:bold;}
div#content div.sub-content ul.links li a span {font-size:1.08em; white-space:nowrap;}
div#content div.sub-content a.seeMore {background:none; padding:0;}
div#content div.sub-content a span {font-size:1.08em; white-space:nowrap;}
/* end strip of 4 features */

/* site links */
#site-links div{float: left}
.site-links.official{width: 320px}
.site-links.region{width: 320px}
.site-links.other{width: 320px}

/* end site links */

/* links to the girls sites */
#girl-site-links{width:960px; margin-bottom:17px; margin-top : 2px; background:url(../assets/guide-sections.png) repeat-y left top; clear:left; display:inline-block;}
#girl-site-links div{ float:left;}
#girl-site-links-intro{ width:154px; padding-right:5px; padding-left:10px; padding-top:9px;}
#girl-site-links-intro p{ margin-bottom:0; line-height:1.3;}
.girl-site.rainbows{width:305px; margin-right:1px; padding-left:7px; padding-top: 7px}
.girl-site.brownies{width:304px; margin-right:1px; padding-left:7px; padding-top: 7px}
.girl-site.guides{width:320px; margin-right:1px; padding-left:7px; padding-top: 7px}
.girl-site.seniorSection{width:305px; margin-right:1px; padding-left:7px; padding-top: 7px}
.girl-site.trefoilguild{width:304px; margin-right:1px; padding-left:7px; padding-top: 7px}
.girl-site.leaders{width:320px; margin-right:1px; padding-left:7px; padding-top: 7px}

.girl-site h4{ font-size:1.38em; margin-bottom:0;}
.girl-site h4 a {color:#a90050; margin-left:-1px;}
.girl-site h4 a:visited {color:#a90050;}
.girl-site h4 a:hover{ text-decoration:none; color:#5b6fb5;}
.girl-site h4 a span{ color:#4c4c4c; font-weight:normal; font-size:0.72em; display:block; margin-top:-0px;}

.girl-site.rainbows h4 a{ background: url(../assets/rainbows.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px; }
.girl-site.brownies h4 a{background: url(../assets/brownies.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px;}
.girl-site.guides h4 a{background: url(../assets/guides.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px; }

.girl-site.seniorSection h4 a{background: url(../assets/seniorsection.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px; }
.girl-site.trefoilguild h4 a{background: url(../assets/trefoilguild.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px; }
.girl-site.leaders h4 a{background: url(../assets/leaders.png) no-repeat left top; height:80px; display:block; padding:7px 0 0 127px; }

/************************************************** Homepage Css End *******************************/

body 
{
	font: 75%/1.4 Arial, Helvetica, sans-serif;
	background:#fff; color:#484848;
	text-align:center;
	margin:0px auto;
}
	
html {overflow-y: scroll;}

/* page containers */
p.skip {display:none;}
div#wrapper
{	
	width:960px;
	margin: 0 auto;
    position: relative;
	text-align:left;
}
#leftCol {width:216px; float:left; margin-right:19px;}
#content {width:512px; float:left; min-height:400px; height:auto !important; height:400px;}
#content.twoCol {width:724px;}
#content.fullwidth {width:960px;}
#rightCol {width:192px; float:right; }	
#contentholder{margin:0 auto; width:960px;}
#contentblock {width:960px; clear:both;}
/* end page containers */

/* clearfix */
.clearfix:after, #contentholder:after, 
#contentblock:after, .borderBottom:after, 
#footer:after, #guidingGroups:after, .relatedContent:after, 
#footer:after, .imgInfo h3 a:after, #content #foot-toolbar:after, 
#aboutUs:after, .story:after, #feature:after, 
#foot-toolbar:after, .resources-link:after, #news-archive:after, #content-strip:after  {content: "."; display:block; height: 0; clear: both; visibility: hidden;}

/* global styles */
.blue{ background-color:#5b6fb5; color:#fff; padding:17px 16px 14px 15px;}
.raspberry{ background-color:#a90050; color:#fff;}
.left{float:left;}
.right{float:right;}
/* end global styles */

/* header */
#header {background:#5567ED; padding-top:13px; width:100%;}
#headerinner {margin: 0 auto; width: 960px; position:relative; height: 105px;}
#headerinner img.hide {display:none;}
#headerinner h1 {float:left; margin-bottom:0;}
#headerinner h1 a {background:url(../assets/logo_sd.png) no-repeat; margin-left: 15px; text-indent:-9999em; width:234px; height:99px; display:block;}
/* end header */

.linkBlock {width:308px; float:left; display:block; background:#5B6FB5;}
.linkBlock.left {width:308px; display:block; background:#5B6FB5;}
.linkBlock.middle {margin:0 18px 0 19px; background:#a90050;}
#content .linkBlock h4 {color:#fff !important; font-size:1.44em; margin-bottom:0 ; padding:13px 0px 16px 8px; font-weight:normal; position:relative; min-height:119px; height:auto !important; height:119px; padding-bottom:0px; }
.linkBlock h4 a {color:#fff !important; font-weight:normal; display:block; text-decoration:none; }
.linkBlock h4 span {color:#fff !important; font-weight:normal; font-size:0.75em; display:block; margin-top:0.5em;}
.linkBlock h4 a span.link {float:right; font-size:0.80em; margin-top:1.1em; margin-bottom:0; background:url(../assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; margin-right:10px; }
.linkBlock.middle h4 a span.link {background:url(../assets/icons/icon-chevron-raspberry.png) no-repeat right center;}
.linkBlock h4 a:hover span.link{text-decoration:underline;}
.linkBlock img {position:absolute; bottom:0px; left:0px;}
/* end get involved landing page */

/* districts landing page */
.districtBlock {padding-left:10px; padding-bottom: 10px; width:450px; float:left; display:block; background:#BAD3ED;}
.districtBlock.right {margin:0 18px 0 19px; width:450px; display:block; background:#FFFFFF;}
/* end districts landing page */

/* RH crosslink elements */
.box {margin-bottom:21px; float:left;}
.box.raspberry {padding:17px 16px 14px 15px; color:#fff; width:161px;}
.box.raspberry, .box.blue {font-size:1.25em;}

.box.blue p a {float:right; color:#FFFFFF; background:url(../assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; font-weight:bold;}
.box.blue p a:visited {color:#fff;}
.box.blue a span.link {margin:12px 16px; float:right; color:#FFFFFF; background:url(../assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; font-weight:bold;}
.box.blue a:hover span.link {text-decoration:underline;}

.box.raspberry.image {color:#FFFFFF; margin-bottom:21px; padding:0px !important; width:192px;}
.box.raspberry p a {float:right; color:#FFFFFF; background:url(../assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;}
.box.raspberry p a:visited {color:#fff;}


.box.raspberry a span.link {margin:12px 16px; float:right; color:#FFFFFF; background:url(../assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;}
.box.raspberry a:hover span.link {text-decoration:underline;}
.box.raspberry.image a span.link {margin:3px 16px 12px 16px; float:right; color:#FFFFFF; background:url(../assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;}

/* girl site links in RH column */
#rightCol .girl-site {float:none; clear:left; margin-bottom:21px; width:192px; background:url(../assets/guide-sites-right-bg.png) repeat-y left top;}
#rightCol .girl-site h4 {color:#a90050; font-size:1.50em;}
#rightCol .girl-site h4 a {color:#a90050; height:78px; padding-top:18px; background:#fcf;}
#rightCol .girl-site h4 a:hover {text-decoration:none; color:#5b6fb5;}
#rightCol .girl-site h4 a span {color:#5b6fb5; font-weight:normal; font-size:0.72em; display:block; margin-top:-0px;}
#rightCol .girl-site h4 a:hover span {text-decoration:underline;}

/* blocks - general rules */
#content .blocks {float:left; padding:21px 13px 10px 19px; margin-right:19px; margin-bottom:18px; background:#e6e9f3; border-bottom:1px solid #ced2e1; border-top:1px solid #ced2e1; position:relative;}
#content .blocks ul {margin:0; padding:0; list-style:none;}
#content .blocks ul li {padding-bottom:1em}
#content #news.blocks p {margin-bottom:0.5em; background:#e0edf8;}
#content .blocks ul li a, a.seeMore {font-weight:bold;}

/* two col block */
#content.twoCol .blocksHolder {width:741px; float:left; margin-right:-16px;}
#content.twoCol .blocks {width:321px; padding:15px 15px 10px 16px; margin-right:16px; border-left:1px solid #ced2e1; border-right:1px solid #ced2e1; border-bottom:none; border-top:none; display:inline;}
#content.twoCol .blocksHolder .blocks img {float:left; margin-right:15px; }
#content.twoCol .blocksHolder .blocks p {margin-bottom:0.7em;}
#content.twoCol .blocksHolder .blocks p.link {margin-bottom:0.3em;}
#content.twoCol .blocksHolder .blocks p a {font-weight:bold; }
#content.twoCol .blocksHolder .blocks h4 {font-size:1.15em; font-weight:bold; margin-bottom:0.8em;}

/* guiding roles block */
#guiding-roles.blocksHolder {width:742px; margin-right:-18px; margin-bottom:-18px;}
#content.twoCol #guiding-roles.blocksHolder .blocks {width:167px; padding:0; margin-right:18px;  border-left:none; border-right:none;}
#content.twoCol #guiding-roles.blocksHolder .blocks img {display:block; float:none; margin-right:0px !important;}
#content.twoCol #guiding-roles.blocksHolder .blocks a span {font-weight:bold; color:#FFF; display:block; font-size:1.08em; background:#5b6fb5; padding:5px 0 5px 9px;}
#content.twoCol #guiding-roles.blocksHolder .blocks a:hover span{background:#a90050;}
#content.twoCol #guiding-roles.blocksHolder .blocks a:hover{text-decoration:none; outline:none;}/* ie needs this for some reason*/

/* resource library block */
#content .blocksHolder {width:742px; float:left; margin-right:-18px; margin-bottom:18px;}
#content .blocksHolder .resource-library-blocks {width:167px; padding:0; margin-right:9px;  border-left:none; border-right:none;float:left;}
#content .blocksHolder .resource-library-blocks img {display:block; float:none; margin-right:0px !important;}
#content .blocksHolder .resource-library-blocks a span {font-weight:bold; color:#FFF; display:block; font-size:1.08em; background:#5b6fb5; padding:5px 0 5px 9px;}
#content .blocksHolder .resource-library-blocks a:hover span{background:#a90050;}
#content .blocksHolder .resource-library-blocks a:hover{text-decoration:none; outline:none;}/* ie needs this for some reason*/

/* Fullwidth blocks */

#content.fullwidth .blocksHolder{ width:978px; float:left; margin-right:-19px; margin-top:20px;}
#content.fullwidth .blocksHolder .blocks{width:275px; min-height:217px; height:auto !important; height:217px;  padding:14px 13px 10px 19px;}
#content .blocks h3{ color:#FFFFFF; font-size:1.62em; color:#a90050; margin-bottom:.5em;}
#content.fullwidth .blocksHolder .blocks h3{ font-weight:normal;}
#content.fullwidth .blocksHolder .blocks.logged-in.blue h3 {color:#fff;}
#content.fullwidth .blocksHolder .blocks.raspberry h3{ color:#FFFFFF;}
#content.fullwidth .blocksHolder .blocks.event{ padding:0; border:none; background:none; width:307px;}
#content.fullwidth .blocksHolder .blocks.event img{ position:relative; display:block; float:left; }

/* 
#content.fullwidth .blocksHolder .blocks.logged-in.blue{border:none; background:#5b6fb5; position:relative; padding-bottom:89px; min-height:140px; height:auto !important; height:140px; }
#content.fullwidth .blocks.logged-in.blue p{ margin-bottom:0.7em;}
#content.fullwidth .blocks.logged-in.blue p a{ color:#FFFFFF; text-decoration:underline;}
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul{ list-style:none; margin:0; padding:0; position:absolute; bottom:20px; }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li{ float:left; display:block; padding:0 }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li a{ text-indent:-99999px; display:block; float:left; padding:51px 0 0 0; margin:0; }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.manual a{ width:103px; background:url(../../../../assets/guiding-manual.png) no-repeat 0 0; border-right:1px solid #8d9acb; padding-right:26px; }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a{ width:115px; background:url(../../../../assets/guiding-oraniser.png) no-repeat 0 0; margin-left:24px; }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.manual a:hover{ background:url(../../../../assets/guiding-manual.png) no-repeat 0 -67px }
#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a:hover{  background:url(../../../../assets/guiding-oraniser.png) no-repeat 0 -67px; }
end fullwidth blocks */

/* hot topics
#content.fullwidth .blocksHolder .blocks.hot-topics a{ padding-right:5px; padding-bottom:5px; display:-moz-inline-stack; display:inline-block; }
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-one { font-size:1.62em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-two {font-size:1.46em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-three { font-size:1.38em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-four { font-size:1.31em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-five { font-size:1.15em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-six { font-size:1.08em;}
#content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-seven { font-weight:normal;}
 */
 
/* news blocks */
#content #news.blocks{ background:#e0edf8;}
#content #news.blocks h6{ color:#5b6fb5; }

#content .newstickerHolder { background:#e0edf8; float:left; padding:6px 16px 7px 16px; clear:left; width:927px; margin : 2px 0px -2px 0px;}
#content  ul#newslist { list-style:none; margin:0; margin-left:-28px;}
#content  ul#newslist li{ float:left; font-weight:bold; margin-left:28px;}
#content  ul#newslist li.right{ float:right;}
#content  ul#newslist li a{ display:block; background:#E0EDF8;}
.newstickerHolder h5{ float:left; color:#484848 !important;}
.newstickerHolder p.link{ margin:0; }

/* story block */
.story {margin-bottom:20px; background:#e6e9f3; float:left; width:100%;}
.story p {margin:0.6em 0 0 0.8em;}
.story h3 {background:#5b6fb5; font-weight:bold; margin:0;}
.story h3 a {color:#fff; display:block; padding:12px 10px 10px 10px; }
.story h3 a:visited {color:#fff;}

#story-img-right .story img {float:right; border:1px solid #a6acc6; border-width:1px 1px 1px 0; margin-left:13px;}
#story-img-left .story img {float:left; border:1px solid #a6acc6; border-width:1px 0px 1px 1px; margin-right:13px;}
#story-img-right, #story-img-left {width:512px;}
#story-img-right .story p, #story-img-left .story p {margin:0.6em 0 0 0.8em; padding-bottom:13px;}
#content #story-img-right h3, #content #story-img-left h3 {font-size:1.23em}
#storyholder {width:auto; float:left;}
#storyholder .story {background:none;}
#storyholder .story img {float:left; margin-right:17px; margin-top:5px; margin-bottom:10px;}
#storyholder .story h4 {font-size:1.23em; font-weight:bold;}
.members #storyholder .story h4 {font-size:1.38em;}
.members #contentholder .story h4 {margin: -0.4em 0 0 0.6em;}
/* end Story block */

/* featured listing - members area */
#feature{ background:#e6e9f3; border-right:1px solid #ced2e1; padding:16px 23px 0px 0px; min-height:138px; height:auto !important; height:138px; margin-bottom:23px;}
#feature img{ border-right:1px solid #ced2e1; float:left; margin:-16px 15px 0 0;}
#feature p{ font-size:1.08em; margin-bottom:0;}
#feature h3{ font-size:1.23em; font-weight:bold;}
/* featured listing - members area */

/* RH column links block */
.resources-link {float:left; width:190px; background:#e6e9f3; border-right:1px solid #ced2e1; border-left:1px solid #ced2e1; padding:13px 17px 6px 17px; width:190px; w\idth:156px; margin-bottom:20px;}
.resources-link ul li a{ font-weight:bold; font-size:1.08em; }
.resources-link p.link,
.resources-link p.link a{ font-weight:bold; margin-bottom:0.5em;}
.resources-link h5{ font-weight:bold; font-size:1.33em; color:#a90050; margin-bottom:0.9em; }
.resources-link ul{ list-style:none; margin:0 0 1em 0; }
.resources-link li{ margin-bottom:0.8em; line-height:1.2; }
/* classes for file types */
.resources-link ul li.pdf a {background:url(../assets/file_pdf.png) no-repeat 0 0; padding:2px 0 0 22px; display:block;}
.resources-link ul li.xls a {background:url(../assets/file_xls.png) no-repeat 0 0; padding:2px 0 0 22px; display:block;}
/* RH column links block */

/* what's happening page - members area */
#news-archive{ width:510px; background:url(../assets/news-archive.png) repeat-y top left; margin-bottom:15px;}
#member-news{ width:240px; float:left; padding:0 15px 0 0;}
#centenary-news{width:239px; float:right; padding:0 0 0 15px; }
#news-archive h3{ font-size:1.38em; font-weight:bold;}
.news-item{ margin-bottom:10px;}
#content .news-item h4{ color:#5b6fb5; font-size:1.08em; margin-bottom:0em;}
.news-item p{margin-bottom:0;}
.news-item p{margin-bottom:0.5em;}

/* news-switcher */
#news-switcher{ float:left; padding-bottom:0; }
#content ul#newslisting{ margin:0 0 0.8em 0; padding:0; list-style:none; position:relative; width:275px; min-height:150px; }
ul#newslisting li{  position:absolute; background:#E0EDF8; }
ul#newslisting li.ontop{ z-index:20; visibility:visible;}
ul#newslisting li.ontwo{ z-index:1; visibility:visible;}
#news-switcher h5{ background:none;}
#content .blocks #news-switcher ul li h5 a{ background:none !important; }
/* end news-switcher */

/* quote box */
.quoteBox {padding:9px 7px 11px 8px; width:177px; background-color:#a90050;}
.quoteBox p a span {color:#76B4E4; white-space:nowrap; font-size:1.08em;}
.quoteBox p a:hover span {text-decoration:none;}

.quoteBox p {font-size:1.25em; padding:0.7em 1.6em 0 1.6em; color:#fff; line-height:1.1; margin-bottom:0.9em;}
.quoteBox p.findOutMore {padding:0; color:#5585d7; font-weight:bold; margin:0 0.3em 0 0.3em;  line-height:1.2;}
.quoteBox p.findOutMore a {color:#fff; font-weight:bold; font-size:0.92em;}
.quoteBox blockquote {background:url(../../../../assets/icons/icon-pink-open-quote.png) no-repeat left top;}
.quoteBox blockquote p {background:url(../../../../assets/icons/icon-pink-close-quote.png) no-repeat right bottom; color:#fff;}
.quoteBox cite{ font-size:1em; color:#FFF; font-style:normal; display:inline-block; margin-bottom:0.9em; margin-left:2em;}
/* end quote box */

/* Immediacy page navigator control */
#PageCounter .PageCounter input[type="image"] {width:14px; height:10px;}
#PageCounter hr.PageCounter {display:none;}
/* Iend mmediacy page navigator control */

/********************************************************* Resource Library ***************************************************************************************/

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

#content .blocks ul.unorderedlisttree li {
	padding-bottom:0;
}


#content .blocks ul.unorderedlisttree,
#content .blocks ul.unorderedlisttree li,
#content .blocks ul.unorderedlisttree2 {	
	padding: 0;
	list-style-type: none;	
	margin: 0 0 5px 0;
	
}


#content .blocks ul.unorderedlisttree ul, #content .blocks ul.unorderedlisttree ul ul, #content .blocks ul.unorderedlisttree ul ul ul,
#content .blocks ul.unorderedlisttree2 ul, #content .blocks ul.unorderedlisttree2 ul ul, #content .blocks ul.unorderedlisttree2 ul ul ul {
	list-style-type: none;
}

#content .blocks ul.unorderedlisttree li,
#content .blocks ul.unorderedlisttree2 li {
	background: none;
	color: #444;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
}
#content .blocks ul.unorderedlisttree li ul,
#content .blocks ul.unorderedlisttree2 li ul {
	margin: 7px 0 5px 15px;
	padding: 0;
}
#content .blocks ul.unorderedlisttree2 li ul ul,
#content .blocks ul.unorderedlisttree li ul ul {
	margin: 7px 0 5px 15px;
	padding: 0;
}
#content .blocks ul.unorderedlisttree label,
#content .blocks ul.unorderedlisttree2 label {
	background: url(../../../../images/bg-checkbox.gif) no-repeat 0 1px;
	cursor: pointer;
	font-weight: bold;
	padding: 4px 0 4px 17px;
	
	
}
#content .blocks ul.unorderedlisttree label.checked,
#content .blocks ul.unorderedlisttree2 label.checked {
	background: url(../../../../images/bg-checkbox-checked.gif) no-repeat 0 1px;
}
#content .blocks ul.unorderedlisttree label.checkedchildren,
#content .blocks ul.unorderedlisttree2 label.checkedchildren {
	background: url(../../../../images/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}

li > label:hover,
li > label.over {
	background: url(../../../../images/bg-checkbox-over.gif) no-repeat 0 1px;
	color: #2f66a3;
}
li > label.checked:hover,
li > label.checked.over {
 background: url(../../../../images/bg-checkbox-checked.gif) no-repeat 0 1px;
}
li > label.checkedchildren:hover,
li > label.checkedchildren.over {
	background: url(../../../../images/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}