/* @group Basic Typography
-------------------------------------------------------------- */

/* Add general site styling here for typography and background */

body {
  font-size: 75%;
  font-family: 'Museo Sans',Helvetica,Arial,Lucinda,sans-serif;
  color: #191919;
  line-height: 140%;
}

#main-group {
  font-size: 1.15em;
}

#main-group ul.tabs.primary {
  font-size: 0.9em;
}

h1 {
  clear: left;
 /*  font-family: "Myriad Pro", "Myriad Web Pro Regular", "Lucida Grande", Geneva, Trebuchet MS, sans-serif; FROM D7 BASE THEME IT SEEMS */
  font-size: 1.3em;
  font-weight: bold;
  color: #990000;
  font-family: Borgia Pro,Helvetica, Arial, Lucida, sans-serif;
  line-height: 120%;
}

h1.title  {
	color:#363636;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size:2.1em;
	font-weight:normal;
	line-height:110%;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: .4em;
	margin-left: -2px;
        width: 90%;
}

.node-youth-page h1 {
	clear: none;
}

h2 {
 /*  border-bottom: 1px solid #d6ddb9; */
  font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
  font-size: 1.1em; /* 16px/12px */
  font-weight: bold;
 /*  text-transform: uppercase; */
  line-height: 110%;
}

h2.block-title {
	font-size: 1.4em;
	font-weight: normal;
}

h2.title block-title {
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 1em;
}

h2 a:hover,
h2 a:focus,
h2 a:active {
  text-decoration: underline;
}

h3 {
    font-family: 'Museo Sans',Helvetica,Arial,Lucinda,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0.9em 0;
}

h4 {
    font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #990000;
/* padding-bottom: 0.9em; */
}

h5 {
    font-size: 1.1em;
    font-weight: bold;
    font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif;
	padding: 0.9em;
	background-color: #006061;
	color: #FFFFFF;
}

h6 {
        font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #006061;
	padding-bottom: 0.9em;
	line-height:110%;
}

/* New default unordered list style */

#main-group .content-group ul {
  list-style: none;
  
}

#main-group .content-group ul li:before {
  content: "•";
  font-size: 8px;
  margin-left: -10px;
  padding-right: 0.5em;
  float: left;
}

#main-group .content-group ol li {
  margin-left: 2.3em;
}

#main-group .content-group ul li, #main-group .content-group ol li {
  line-height: 130%;
}

/* Revised Jan 2016 to remove the bullet in these lists  (removed .item-list) */

#main-group .content-group ul li {
    list-style: none;
}


/* Default link styles - separate a:visited for a different visited
link style */

a, a:link, a:visited, a:active {
    color: #990000;
    text-decoration: none;
}

/* Hover/active link styles. Don't forget :focus for accessibility */

a:hover,
a:focus {
  text-decoration: underline; /* This comes from the new child theme and may not be in the d6 version */
}


/* Lists */

ul {
	margin: 0 0 0.3em;
 /*  margin: 0 0 10px 20px; */
}

ul.menu,
ul.item-list,
ul.pager,
ul.links {
  margin-left: 0;
}

ol {
  margin: 0 0 10px 40px;
}

ul ul,
ol ol {
  margin: 5px 0 5px 10px;
}

/*
ul li {
  background: url(/skins/ccr2013_default/images/green-bullet.png) no-repeat 0 2px;
  list-style: none;
  list-style-image: none;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
}
*/

.item-list ul li {
    list-style: none outside url("images/arrow-bullet-grey.png");
}



.tight-item-list h3 {
    font-size: 1em;
    font-weight: bold;
    padding: 0.2em 0;
	margin: 0;
}



blockquote {
    margin: 0 30px 0 30px;
	padding: 0;
}

hr {
	border-top: 1px solid;
	border-color:#990000;
	border-bottom: none;
	border-left: none;  
	border-right: none;  
}

/* @end basic typography*/

/* @group Layout elements & regions */

html {
 /*  background: #F4F7E7; */
 /*  color: #666; */
}

.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

/* @group Blocks, panels & all regions
/-------------------------------------------------------------- */

.ie7 .block {
  position: relative;
}

.block {
margin-bottom: 0;
}

/* @end all regions*/

/* @group Header top region
/-------------------------------------------------------------- */

#header-group {
/*  background: url("images/banner-bg-143px.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); */
    margin: 0px auto;
    padding-top: 16px;
    position: relative;
    text-align: left;
    width: 960px;
}

.node-type-risp #header-group {
	border: none;
    height: 125px;
}

#header-group-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}

#header-group-wrapper {
  background: #fff;
  border-top: solid #c70600 12px;
}

#header-top-wrapper {
  background: #e1e1e1;
  border-bottom: 1px solid #ccc;
}

/* The Français-anglais block */
#block-locale-language {
    position: absolute;
    left: 890px;
    top: 0;
    padding-top: 15px;
    font-size: 1.2em;
}

#block-locale-language .block-title {
    display: none;
}

/* trying to get it to the right... */
#block-locale-language .inner-wrapper {
    position: abosolute;
    width: 250px;
}

#block-locale-language li.active {
    display: none;
}

#block-locale-language li {
    list-style-type: none;
}

#block-userloginbar-userloginbar {
	position: absolute;
	margin-top: 50px;
}

#block-userloginbar-userloginbar .user-info {
	display: none;
}

 #block-userloginbar-0 {
    top: 54px;
    height:30px;
    position: absolute;
    right: 0;
}
.logged-in #block-userloginbar-0{
   position: absolute;
   right: 0px;
   top: 35px;
   height: 60px;
 }

#user-login-form {
    height: 38px;
    padding: 0;
    text-align: left;
    width: 238px;
    margin-top: -16px;
 }

#user-login-form input {
  background-image: none;
  background-color: white;
}

#user-login-form div.item-list ul {
    clear: left;
    margin: 1px 3px 0 10px;
    padding: 0px;
    text-align: left;
	float: right;
}

#user-login-form div.item-list ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    list-style: none outside none;
    margin: 6px 0 0;
    padding: 0;
}

#user-login-form div.item-list ul li a {
	font-size: 0.9em;
}

#user-login-form .first{}
#user-login-form .last{}

.form-item-feed-me .description {
	display: none;
}

.form-item-feed-me label,
.form-item-feed-me input {
	display: none;
}

.i18n-fr #user-login-form {
    width: 400px;
 }

.logged-in #user-login-form {
    margin-top: 0px;
    padding: 0.65em 0;
    width: 140px;
    text-align: left;
    top: -15px;
 }

.logged-in #user-login-form p.user-info {
    display: none;
}

#user-login-form label {
    font-size: .7em;
    font-weight: normal;
    display: none;
}

#user-login-form #edit-name, #user-login-form #edit-pass {
    font-size: 0.8em;
    height: 12px;
    width: 70px;
}

#user-login-form #edit-name {
    width: 95px;
    margin-right: 6px;
}

#user-login-form div.item-list ul {
    display: inline-block;
}

#block-userloginbar-0 .item-list{
   float: right;
 }

.logged-in #user-login-form div.item-list ul {
    margin: 0 0 0 -10px;
}

.logged-in #user-login-form div.item-list ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    list-style: none outside none;
    margin: 6px 0 0 9px;
    padding: 0;
}

#user-login-form input.form-submit {
    background-color: #b3b3b3;
    margin-top: 2px;
    font-size: 0.6em;
    background-image: none;
    float: right;
    margin-left: 3px;
    border: none;
    border-radius: 0;
    -moz-outline-radius: 0;
}


/*
Articles form
*/

#edit-field-mps-und-add-more 
{
 color: #000000;
}


/* @end header top*/

/* @group Site info & header
/-------------------------------------------------------------- */

/* Wrapper around logo, site name, and slogan */

.header-site-info {
  margin-bottom: 0;
  float: left;
}

.node-type-risp .header-site-info {
	margin-top: -10px;
}

#logo {
	margin: 0 0 0 -6px;
	text-align: left;
	width: 100%;
	height: 75px;
	float: left;
}

#logo a {
	display:block;
}

#site-name-wrapper {
  float: left;
}

#site-name {
  font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
  font-size: 300%;
  line-height: 125%;
  font-weight: normal;
  border: none;
}

/* Typography for site slogan */

#slogan {
  font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
  font-size: 116.7%; /* 14px/12px */
  margin-top: -5px;
}

/* @end site info & header*/

/* @group Main menu region
/-------------------------------------------------------------- */

.main-menu-wrapper {
  background-color: #fff;
}

/* @end main menu*/

/* @group Preface regions
/-------------------------------------------------------------- */

/*  Preface Regions
-------------------------------------------------------------- */


#preface {
	width: 960px;
	margin: 0 auto;
	padding: 27px 0 0 0;
	text-align: left;
}

#preface-top-wrapper {
	width: 960px;
	min-height: 36px; /* added*/
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}

#preface-top {
	width: 960px;
	margin: 0;
 /*	border: none;  */
}

div.preface-outer {
max-width: 960px;
margin: 0 auto;
padding: 0;
}

.preface-outer .clearfix { 
        clear: none;
}

.preface-outer .clearfix:after { 
        clear: none;
}

.preface-middle-wrapper .clearfix {
	float: left;
	clear: none;
}

/*
.preface-middle-wrapper .clearfix:after {
        float: left;
        clear: none;
} */

#preface-first {
	float:left;
	width: 300px;
	margin: 12px 12px 0 18px;
}

#preface-middle {
	float:left;
	width: 300px;
	margin-top: 12px;
}

#preface-last {
	float:left;
	width: 300px;
	margin: 12px 18px 0 12px;
}

/* Requested change 16/09/10 */

#preface-top .block-top {
	
}

#preface-top .block-btm {
	
}

#preface-top .block-inner {
/* 	min-height: 85px;  moved min-height to wrapper */
}

#preface-first .block-top,
#preface-middle .block-top,
#preface-last .block-top {
	background: url("images/preface-top.png") no-repeat 0 0;
	height: 18px;
}

#preface-first .block-btm,
#preface-middle .block-btm,
#preface-last .block-btm {
	background: url("images/preface-btm.png") no-repeat 0 0;
	height: 18px;	
}

#preface-first-inner,
#preface-middle-inner,
#preface-last-inner {
	padding: 15px 15px;
	min-height: 260px;
	background-color: #FFFFFF;
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 	
}

#preface-first .inner-wrapper .content,
#preface-middle .inner-wrapper .content,
#preface-last .inner-wrapper .content {
	font-size: 13px;
}

.preface-outer h2.block-title {
	padding: 0 0 0.5em 0;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}

#preface ul,
#preface ol {
	margin-bottom: 0.75em;
}

#preface ul li {
	list-style-image: none;
	list-style-position: outside;	
	list-style-type: none;
	margin: 0 0 .5em 1.5em;
}

#preface ol li {
	margin: 0 0 .5em 1.5em;
}

/* Prefaces - no border for specific blocks */

#block-block-217 .block-inner,
#block-block-218 .block-inner,
#block-block-219 .block-inner,
#block-block-220 .block-inner,
#block-block-221 .block-inner,
#block-block-222 .block-inner
 {
	border-left: none;
	border-right: none;
	
}

#block-block-217 .block-top,
#block-block-218 .block-top,
#block-block-219 .block-top,
#block-block-220 .block-top,
#block-block-221 .block-top,
#block-block-222 .block-top
{
	background-image: none;

}

#block-block-217 .block-btm,
#block-block-218 .block-btm,
#block-block-219 .block-btm,
#block-block-220 .block-btm,
#block-block-221 .block-btm,
#block-block-222 .block-btm
{
	background-image: none;

}

/* Preface - style specific blocks */

#block-block-84 ul li {
	list-style-image: url("images/arrow-bullet-grey.png");
	list-style-position: outside;	
	margin: 0 0 .2em 1.5em;
}

#block-views-youth_resources-block_2 p {
	padding-bottom: 0.5em;
}


/* @end preface regions*/

/* primary and secondary navigation */

#main-menu-wrapper {
	background-color: #505050;
	height: 34px;
}

ul.nice-menu li {
        background: no-repeat scroll right center rgba(0, 0, 0, 0);
}

ul.nice-menu-down li.menuparent {
	background: url("images/arrow-down-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
       /* background-color: #505050; */
}

ul.nice-menu-down li.menuparent:hover { 
        background: url("images/arrow-down-white.png") no-repeat scroll right center rgba(0, 0, 0, 0);
       /* background-color: #505050; */
}

#block-nice_menus-4 {
	float: left;
	clear: both;
	height: 30px;
	width: 960px;
	text-align: left;
	color: #FFFFFF;		
	font-size: 14.5px;
}

#block-nice_menus-4 a,
#block-nice_menus-4 a:link,
#block-nice_menus-4 a:active,
#block-nice_menus-4 a:visited {
	color: #FFFFFF;
	padding: 0 5px;
}

#block-nice_menus-4 li .first a,
#block-nice_menus-4 li .first a:link,
#block-nice_menus-4 li .first a:active,
#block-nice_menus-4 li .first a:visited, {
	padding-left: 0;
}

#block-nice_menus-4 a:hover{
	text-decoration: underline;
}

#block-nice_menus-4 .gutter {
	margin-right: 0px;
}

#block-nice_menus-4 ul {
	margin-top: 6px;
	margin-right: -15px;
        margin-left: -5px;
}

#block-nice_menus-4 ul.links {
	padding: 8px 0 0 18px;
}

#block-nice_menus-4 ul.nicemenu li {
	padding: 0 0.4em;
	display: inline;
	list-style-type: none;
	background-color: #505050;
}

/* #block-nice_menus-4 ul.nicemenu {
	padding: 2px 0 0 12px;
} */

#block-nice_menus-4 ul.nice-menu-down li {
	border: none;
}

#secondary-navigation {
	margin: 0 auto;
	height: 25px;
	width: 960px;
	text-align: right;
	color: #505050;
	text-transform: uppercase;
	font-size: 1em;
	display:none !important;
}

#secondary-navigation a,
#secondary-navigation a:link,
#secondary-navigation a:active,
#secondary-navigation a:visited {
	color: #505050;
}

#secondary-navigation a:hover{
	color: #990000;
	text-decoration: underline;
}

#secondary-navigation ul.links {
	padding-right: 18px;
	border: none; /* Stripping NiceMenus CSS */
	background-color: transparent; /* Stripping NiceMenus CSS */
}

#secondary-navigation ul li {
	padding: 0 0.7em;
	display: inline;
	list-style-type: none;
	border: none; /* Stripping NiceMenus CSS */
	background-color: transparent; /* Stripping NiceMenus CSS */	
}


/* NiceMenus */

#block-nice_menus-4 {
background-color: #505050;
        -webkit-border-radius: 0px 0px 20px 20px;
        -moz-border-radius: 0px 0px 20px 20px;
        border-radius: 0px 0px 20px 20px;
}

#block-nice_menus-4 ul.nice-menu { 
	padding: 2px 0 0 0;
}

#block-nice_menus-4 ul.nice-menu li { 
	border: none;
        margin-right: 32px;
 /*	background-color: #505050; */
}

#block-nice_menus-4 ul.nice-menu li.last { 
        margin-right: 0px;
}

ul.nice-menu-down .menuparent a {
	padding-right: 10px;
}

/*
#block-nice_menus-4 ul.nice-menu li ul {
	background-color: #505050;
	border-top: none;
	padding-bottom: 0;
	border-right: #505050 1px solid;
	border-bottom: #505050 1px solid;
	border-left: #505050 1px solid;
}  */

#block-nice_menus-4 ul.nice-menu li ul a {
	color: #505050;
}

#block-nice_menus-4 ul.nice-menu li ul a:hover {
	color: #FFFFFF;
}
	
#block-nice_menus-4 ul.nice-menu li ul li { 
	font-size: 13px;
	text-transform: none;
	background-color: #FFFFFF;
}

#block-nice_menus-4 ul.nice-menu li ul li:hover {
	background-color: #BF0000;
}

#block-nice_menus-4 ul.nice-menu-down .menuparent ul a {
	padding: 5px;
	background-color: #FFFFFF;
}

#block-nice_menus-4 ul.nice-menu-down .menuparent ul a:hover {
	text-decoration: none;
	background-color: #BF0000;

}

#block-nice_menus-4 ul.nice-menu-down li.menuparent {
	background-color: #505050;
}


/* @group Sidebar regions
/-------------------------------------------------------------- */

#sidebar-left-wrapper {
  width: 240px;
  float: left;
}

#sidebar-first, #sidebar-second {
  font-size: 1.1em;
}

#sidebar-first .block {
    margin-bottom: 20px;
}


#sidebar-first h2.block-title {
	padding: 12px 0 9px 6px;
	color: #333333;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

#block-menu-menu-youth-network h2.block-title,
#block-block-437 h2.block-title,
#block-block-438 h2.block-title {
	padding: 4px 0 4px 15px;
	background-color: #f99e1f;
	color: #f99e1f;
	font-weight:bold;
	margin-bottom: 25px;
}

#block-menu-menu-family-reunification h2.block-title {
	border-left: 15px solid #F4BF31;
	font-weight:bold;
}



#sidebar-first-inner {
	padding-right: 20px; /* In order to correct for column sizes being different */
}

#sidebar-first ul {
	padding: 0 0 0 0;
}

#sidebar-first ul li {
	/* list-style-type:square; */
	margin: 0 0 0 .5em;
	padding: 0.2em 0.5em 0 0;
}

/*
#sidebar-first li.expanded  {
	list-style-image: url("images/menu-expanded.png");
	list-style-type: circle;
}/*

/*
#sidebar-first li.collapsed  {
	list-style-image: url("images/menu-collapsed.png");
	list-style-type: circle;
}*/

 /* sidebar-second */

#sidebar-second {
    /* float: right;  No longer on the right hand side of the screen. */
    /*margin-left: 760px;*/
    position: relative;
	/* padding-left: 5px; */
	width: 195px;
}


#sidebar-second .inner-wrapper {
	margin: 0 0 12px 0;
}

#sidebar-second .block-top {

}

#sidebar-second .block-btm {
	
}

#sidebar-second .inner-inner {
	background-color: #FFFFFF;	
	padding: 0;
}

#sidebar-second .inner-wrapper .content {
	padding: 10px 5px;
}

#sidebar-second h2.block-title {
	background-color: #BF0000;
	color: #FFFFFF;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}


#sidebar-second ul li {
	margin: 0 0 0 1.1em;
}

#block-views-CCR_meeting_next-block_1 h2.block-title,
#block-views-updates-block_1 h2.block-title,
#block-block-108 h2.block-title,
#block-block-121 h2.block-title,
#block-block-125 h2.block-title,
#block-block-126 h2.block-title,
#block-block-132 h2.block-title,
#block-block-133 h2.block-title,
#block-block-134 h2.block-title,
#block-block-135 h2.block-title,
#block-block-136 h2.block-title,
#block-block-141 h2.block-title,
#block-block-142 h2.block-title,
#block-block-143 h2.block-title,
#block-block-144 h2.block-title, 
#block-block-159 h2.block-title,
#block-block-426 h2.block-title,
#block-block-162 h2.block-title,
#block-block-187 h2.block-title,
#block-block-241 h2.block-title,
#block-block-242 h2.block-title  { 
 	background-color: #DDDDDD;
    color: #990000;
 	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0.8em;
}

/* Youth section */

.youth .page #breadcrumbs {
  display: none;
}

.youth .page #main-group h2.block-title,
 .jeunes .page #main-group h2.block-title 
 {
  border-bottom: 1px solid #f99e1f;
    color: #363636;
    font-size: 1.55em;
    margin-left: -8px;
    padding-left: 8px;  
}


div.node.node-youth-page {
  margin-bottom: 0.3em;
}

.youth .print-link {
  display: none;
}

#block-menu-menu-youth-network ul {
  font-size: 15px;
}

#sidebar-first .block-menu ul li, #sidebar-first .block-menu ul li.collapsed, #sidebar-second .block-menu ul li.collapsed {
  list-style-type: none;
  border-bottom: 1px solid #b3b3b3;
  margin-left: 0;
  padding: 4px 25px 5px 8px;
}

#sidebar-first .block-menu ul li.last, #sidebar-second .block-menu ul li.last {
  border:none;
}

#sidebar-first #block-menu-menu-youth-network ul li.leaf.active-trail {
 background: url('../images/red-arrow2.png') no-repeat 185px 7px;
}

#sidebar-first #block-menu-menu-youth-network ul li ul li.leaf.active-trail {
 background: url('../images/red-arrow2.png') no-repeat 175px 7px;
}

#sidebar-first #block-menu-menu-youth-network ul li, #sidebar-first #block-menu-menu-youth-network ul li.collapsed {
 padding: 4px 0px 5px 8px;
}

.block-menu a, .block-menu a:link, .block-menu a:visited, .block-menu a:active {
  color: #363636;
}

.youth.welcome #main-group .content h2 {
  font-size: 1.3em;
  font-weight: normal;
  border-bottom: solid 1px #b3b3b3;
  padding: 0.5em 0 0.3em 0;
  margin-bottom: 0.2em;
}

#block-views-youth_updates-block .item-list ul li {
  list-style-type: disc;
  margin: 0 0 0 25px;
}

/* Youth secondary menu : The four links with teal background and icons */


#block-menu-menu-youth-network-secondary-men {
  margin-top: 0px;
}

#block-menu-menu-youth-network-secondary-men h2 {
  display: none;
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li {
  background-color: #148079;
  font-size: 1.25em;
  border: none;
  margin-bottom: 0.55em;
  padding: 0.6em 0.5em 0.5em 2.8em;
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li a {
  color: white;  
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52505, 
#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52493 {
  background: #148079 url('../images/discussion-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52509 {
  background: #148079 url('../images/discussion-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}


#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52506,
#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52494 { 
  background: #148079 url('../images/microphone.png') no-repeat 0.5em 0.9em / 26px 26px;  
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52510 { 
  background: #148079 url('../images/microphone.png') no-repeat 0.5em 0.9em / 26px 26px;  
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52507, 
#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52495 { 
  background: #148079 url('../images/networking-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}


#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52511 { 
  background: #148079 url('../images/networking-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}


#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52508,
#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52496 { 
  background: #148079 url('../images/get-involved-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}

#block-menu-menu-youth-network-secondary-men.block-menu ul li.menu-item-id-52512 { 
  background: #148079 url('../images/get-involved-w.png') no-repeat 0.5em 0.35em / 30px 30px;  
}


/* Youth social media icons */

#block-block-438 div {
  float: left;
}

#block-block-438 div.twitter-icon, #block-block-438 div.youtube-icon { 
  margin-left: -8px;
}

/*youth video sidebar second */

#block-block-437 h2.block-title {
	padding: 15px 0 15px 15px;
	background-color: #F36523;
	color: #FFFFFF;
	font-weight:bold;
	margin-top: 1em;
}
/* home page
*/

.view-front-page-slideshow {
	margin-left: 6px;
}

.views-slideshow-pager-field-item {
	float: left;
	padding: 15px;
	margin: 5px;
   text-indent: -10000px;
   background-image: url('../images/ccr-bullet-ccrweb-grey.png');
   background-repeat: no-repeat;
}

.views-slideshow-pager-field-item.active {
	background-image: url('../images/ccr-bullet-ccrweb-red.png');
	background-repeat: no-repeat;
}

.views-slideshow-controls-bottom {
    margin-left: 300px;
}


#pid-home #sidebar-first .block {
    margin-bottom: 0px;
}

#pid-accueil #sidebar-first .block {
    margin-bottom: 0px;
}


#pid-home #preface-first-inner, #pid-home #preface-middle-inner, #pid-home #preface-last-inner  {
    border: none;
}

#pid-accueil #preface-first-inner, #pid-accueil #preface-middle-inner, #pid-accueil #preface-last-inner  {
    border: none;
}



/* migrant workers page
*/

#block-views-e8e574b0f02ded2f0568eb40bdc52b3d h2.block-title,
#block-views-info_items-block_2 h2.block-title,
#block-views-196f672aedf0479e92ac249281bf9e94 h2.block-title,
#block-block-91 h2.block-title,
#block-block-90 h2.block-title,
#block-block-123 h2.block-title,
#block-block-106 h2.block-title
 { 
 	background-color: #8BC540;
    color: #000000;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0.8em;
}

/* VAW page */

#block-views-VAW_CCR_resources-block_1 h2.block-title,
#block-block-317 h2.block-title,
#block-block-243 h2.block-title,
#block-block-190 h2.block-title,
#block-block-192 h2.block-title,
#block-block-258 h2.block-title,
#block-block-193 h2.block-title,
#block-block-194 h2.block-title,
#block-block-457 h2.block-title
 { 
 	background-color: #662D91;
	color: #FFFFFF;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0.8em;
}


#block-block-125 {
max-width: 210px;
}


/* Finding things AND ISSUES pages*/

#pid-issue-pages #block-block-453 .title.block-title {
	visibility: hidden;
}

#pid-looking-ccr-website #block-block-453 .title.block-title {
    font-size: 1em;
    font-weight: bold;
    color: #990000;
}




/* @end sidebar regions*/

/* @group Content regions
/-------------------------------------------------------------- */

.grid16-8 {
	width: 520px; /* have to change this in grid16-960.css */
}

.no-sidebars #content-top.grid16-16 {
      width: 960px;
}

.page-node-5999 table.views-table.cols-0 {
      width: 910px;
}

/*
#content-group .grid16-8 {
	width: 720px;
}

#content .grid16-8 { 
        width: 520px;
}
 */
#content-top {
	width: 692px;
	margin-left: 0;
} 

#content-top .block .inner {
	background-color: #ECECEC;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content-region-inner {
	margin: 0 0 0 -12px;
}

.print-link {
      float:right;
}

.print-link .print_html, .print-link .print_mail {
      width: 22px;
      height: 22px;
      display: inline-block;
      float: none;
       margin-top: 0.3em;
      overflow: hidden;
}

.print_mail a img {
  margin-left: -45px;
}

.print_html a img:hover, 
.print_mail a img:hover {
  margin-top: -22px;
} 

.block ul, .block ol {
    margin: 0 0 0.3em;
    padding: 0;
}

#content-top .block ul, .block ol {
    margin: 0 2em 0.3em;
    padding: 0;
}






/*
#content p {
	font-size: 12.8px;
}
*/

#content .inner {
  margin-top: 0;
}

#content ol {
	margin: 8px 0 1em 0;
	padding: 0;
	position: relative; left: 0; 
	overflow: hidden;
}

#content li {
	margin-left: 3em;
	margin-bottom: 0.5em;
}

#content-main h1 {
	padding-bottom: 10px;
}

#content {

}

#content h2 {
	padding: .5em 0 1em 0;
}

#content .views-row {
	padding: .2em 0 .2em 0;
}


/* Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */

.main-wrapper {
  border-top: 2px solid #FFFFFF;
  padding-top: 20px;
}

/* All IEs */
.ie .main-wrapper {
  background: none;
  /*  position: relative; Required to enable cleartype in IE when using filter, which makes the background gradient, which was removed */ 
  zoom: 1;
}

#main-group {
	margin: 0 -2px;
  /* Notice that the width is around 720 or so, and that the second sidebar falls within this. 
   Even the  main content has a width of around 720.
  It's .content-group that has a more limited width */
}

/* Since the second sidebar appears just under the first sidebar, the following modifications are */
/* needed to correct for how the #main-group calculates its width. */

.one-sidebar.sidebar-second #main-group.grid16-16 {
        margin: 0;
        width: 720px;
}

.two-sidebars #content-group.grid16-8, .two-sidebars #content.grid16-8 {
        width: 715px;
}
 
.two-sidebars #content-group.grid16-8 {
        width: 720px;
}
 
#main-group.grid16-16 {
        margin: 0 15px; /* This is an old piece of css. It's unclear why it would be desirable, though */
			/* maybe on certain pages... */
}

#main-group .content-group ol {
	margin: 8px 0 1em 0;
	padding: 0;
	position: relative; left: 0; 
	overflow: hidden;
}

#main-group .content-group li {
	margin-left: 1.8em;
}

#content-main h1 {
	padding-bottom: 10px;
}


#main-group .content-group h2 {
	padding: 0.4em 0 0.1em 0;
	font-family: 'Museo Sans',Helvetica,Arial,Lucinda,sans-serif;
	font-size: 17px;
}

#main-group .content-group .views-row {
	padding: .2em 0 .2em 0;
}


/* @end content regions*/


/* Content Bottom regions
/-------------------------------------------------------------- */

/*  region-content-bottom (formerly content bottom middle)
-------------------------------------------------------------- */


#content-bottom .grid16-16 {
 /*	width: 660px;  don't think this is needed anymore, and not exactly the right number of pixels anyways */
}


#pid-home #content-bottom {
	clear: none;
	margin: 0;
}
#pid-accueil #content-bottom {
	clear: none;
	margin: 0;
}

#pid-home #content-bottom .block .inner { 
	border: none;
}

#pid-accueil #content-bottom .block .inner { 
	border: none;
}

#pid-home #content-bottom .block .inner { 
	border: none;
}

#pid-accueil #content-bottom .block .inner { 
	border: none;
}



#content-bottom .block .inner-wrapper {
/*	margin-bottom: 12px; */
}

#content-bottom .block .inner {
       padding: 15px 15px;
     /*   min-height: 260px; */
        background-color: #FFFFFF;
        border-radius: 16px; 
        -moz-border-radius: 16px; 
        -webkit-border-radius: 16px; 
	margin-bottom: 12px; 
}

#content-bottom h2.block-title {
	padding: 0 0 .8em 0;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height:110%;
}

#content-bottom ul li {
	list-style-image: url("images/arrow-bullet-grey.png");
	margin: 0 0 0 2.5em;
	padding-top: 0.2em;
}

div.content-bottom-left {
	margin-right: 8px;
}

div.content-bottom-left-wrapper.full-width, 
div.content-bottom-right-wrapper.full-width {
	width: 350px;
	min-width: 350px;
	float: left;
    	margin: 0;
}

div.content-bottom-left-wrapper.full-width.clearfix:after, 
div.content-bottom-right-wrapper.full-width.clearfix:after {
	clear: none;
	float: left;
}

div.content-bottom-left.grid16-16 { 
	margin-right: 8px;
}


div.content-bottom-left.grid16-16,
div.content-bottom-right.grid16-16 {
	width: 340px;
	float: left;
	/* margin: 0; */
}


/* @group Postscript regions
/-------------------------------------------------------------- */

/*  Postscript & Footer Regions
-------------------------------------------------------------- */

.youth .page #postscript-bottom-wrapper {  
}

.postscript-bottom-wrapper {
	width: 960px; 
	margin: 0 auto;
	background-color: #505050;
        color: #FFFFFF;
  	padding: 20px 0;
	border-bottom: grey 1px solid;
}

.postscript-bottom-wrapper a:link,
.postscript-bottom-wrapper a:visited {
  color: #fff;
}

.postscript-bottom-inner .block {
  float: left;
  width: 25%;
}

/* @end postscript regions*/

/* @group Footer
/-------------------------------------------------------------- */

#main-inner {
  margin-bottom: 10px;
}

#footer-wrapper {
    background-color: #505050; 
}

#footer {
	width: 960px; /* was 924 */
	margin: 0 auto;
	text-align: right;
	color: #FFFFFF;	
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer .inner .inner-inner p {
	font-size: 1.25em;
	font-weight: bold;
}

#footer .inner {
 /*	background-color: #505050;
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
 	padding: 10px 10px 0 10px; */
}

.footer-message {
/*  border-top: 1px solid #D6DDB9; */
  font-size: 91.7%; /* 11px/12px */
  padding: 10px 0;
  text-align: right;
}




/* @end footer*/

.ie6 .grid-type-fluid #header-top,
.ie6 .grid-type-fluid #header-group,
.ie6 .grid-type-fluid #preface-top,
.ie6 .grid-type-fluid #page-inner {
  margin: 0 auto;
  width: expression((document.body.clientWidth > 1141)? "1140px" : "auto");
  max-width: 1140px;
}

/* @end layout elements & regions */

/* @group Common elements
/-------------------------------------------------------------- */

/* @group Breadcrumbs
/-------------------------------------------------------------- */

/*@end Breadcrumbs*/

/* @group Content tabs
/-------------------------------------------------------------- */

#content-tabs {
  background-color: transparent;
  float: left;
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #bbb;
  clear: both;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited {
  color: #27638C;
  font-size: 108.3%; /* 13px/12px */
  text-transform: uppercase;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #94CE18;
  color: #4A95C8;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus {
  border-bottom: 4px solid #94CE18;
  color: #4A95C8;
}

/* @end tabs*/

/* @group Forms
/-------------------------------------------------------------- */

form input.form-submit {
  background-color: #286e9b; /* old browsers */
  background-image: linear-gradient(
	top, 
	#4186b5 0%, 
	#286e9b 50%,
  #4186b5 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#4186b5 0%, 
	#286e9b 50%,
	#4186b5 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left bottom, left top, 
	from(#4186b5),
	to(#4186b5), 
	color-stop(50%, 286e9b)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#4186b5 0%, 
	#286e9b 50%,
	#4186b5 100%
  ); /* firefox */
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: 'Museo Sans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;  /* 12px/12px */
  font-weight: bold;
  margin: 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  outline: 1px solid #9BABB0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

/* all IEs */
.ie form input.form-submit {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#286e9b, 
	endColorstr=#4186b5,
	GradientType=0
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 form input.form-submit {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#286e9b, 
	endColorstr=#4186b5,
	GradientType=0
  );
}

/* Hover style for form buttons */

form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
  background-color: #4186b5; /* old browsers */
  background-image: linear-gradient(
	top, 
	#286e9b 0%, 
	#4186b5 50%,
    #286e9b 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#286e9b 0%, 
	#4186b5 50%,
	#286e9b 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left bottom, left top, 
	from(#286e9b),
	to(#286e9b), 
	color-stop(50%, 4186b5)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#286e9b 0%, 
	#4186b5 50%,
	#286e9b 100%
  ); /* firefox */  
  cursor: pointer;
}

/* all IEs */
.ie form input.form-submit:hover,
.ie form input.form-submit.hover,
.ie form input.form-submit:focus {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#4186b5, 
	endColorstr=#286e9b,
	GradientType=0
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 form input.form-submit:hover,
.ie8 form input.form-submit.hover,
.ie8 form input.form-submit:focus {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#4186b5, 
	endColorstr=#286e9b,
	GradientType=0
  );
}


/* Typography, background, borders, padding for form fields */

.form-item input,
.form-item select,
.form-item textarea {
  background-color: #f4f8fb; /* old browsers */
  background-image: linear-gradient(
	top, 
	#f4f8fb 0%, 
	#fafcfb 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#f4f8fb 0%, 
	#fafcfb 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom, 
	from(#f4f8fb),
	to(#fafcfb)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#f4f8fb 0%, 
	#fafcfb 100%
  ); /* firefox */
  border: 1px solid #9BABB0;
  color: #666;
  padding: 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* all IEs */
.ie .form-item input,
.ie .form-item select,
.ie .form-item textarea {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#f4f8fb, 
	endColorstr=#fafcfb,
	GradientType=0
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .form-item input,
.ie8 .form-item select,
.ie8 .form-item textarea {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#f4f8fb, 
	endColorstr=#fafcfb,
	GradientType=0
  );
}

/* Remove backgrounds and border on radios and checkboxes */

.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */

fieldset {
  border: 1px solid #D6DDB9;
  margin: 15px 0;
  padding: 10px;
}

/* Typography and spacing for legend of fieldsets */

fieldset legend {
  font-weight: bold;
}

/* Link style for legend of fieldsets */

fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
  font-weight: bold;
}

/* @end forms*/



/* Mailchimp forms*/

#mc_embed_signup .mc-field-group.input-group input {
    border: medium none;
    display: inline;
    margin-right: 1em;
    width: auto;
}

#mc_embed_signup .mc-field-group.input-group label {
    display: inline;
	font-weight: normal;
}






/* @group Maintenance page
/-------------------------------------------------------------- */

/* @end maintenance page*/

/* @group Menus
/-------------------------------------------------------------- */

/* This theme includes default styling for the following menus:  
  - Any menu in the Main Menu region  
  - Any menu in a sidebar region  
  - Horizontal and Vertical Superfish menus in any region    
    - Works best with "none" style in Superfish options    
    - See http://www.drupal.org/project/superfish for set-up instructions*/

.main-menu h2.block-title {
  border: none;
  margin: 0;
}

.main-menu .block-menu,
.main-menu .block-superfish {
  margin-bottom: 0;
}

/* @group resets */

.sidebar ul.menu,
ul.sf-vertical,
ul.sf-vertical li ul {
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

ul.sf-vertical li a:link,
ul.sf-vertical li a:visited,
ul.sf-vertical li .nolink {
  margin: 0;
}

ul.menu li {
  background-image: none;
  list-style-image: none;
  list-style: none;
  text-indent: 0;
}

ul.sf-vertical li,
ul.sf-horizontal li {
  border: none;
}

.block-superfish ul.sf-menu:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* @end */

/* @group  Typography */

.main-menu ul.menu,
.block-superfish ul.sf-menu {
  font-family: 'Museo Sans',"Myriad Pro", "Myriad Web Pro Regular", "Lucida Grande", Geneva, Trebuchet MS, sans-serif;
  font-size: 100%; /* 12px/12px */
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  width: auto;
}

/* @end typography */

/* @group Top level styling */

.main-menu .fusion-right ul.menu,
.block-superfish.fusion-right ul.sf-menu {
  float: right;
}

.main-menu ul.menu li,
.block-superfish ul.sf-horizontal li {
  background: transparent;
  display: block;
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
}

.block-superfish ul.sf-horizontal li.last,
.block-superfish ul.sf-horizontal li.active-trail.last,
.main-menu ul.menu li.last {
  margin-right: 0;
}

.block-superfish ul.sf-horizontal li a:link,
.block-superfish ul.sf-horizontal li a:visited,
.main-menu ul.menu li a:link,
.main-menu ul.menu li a:visited,
.main-menu ul.menu li .nolink {
  background-color: #e1e1e1;
  border: none;
  color: #154B70;
  display: block;
  padding: 5px 10px 1px 10px;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

.block-superfish ul.sf-horizontal li a:hover,
.block-superfish ul.sf-horizontal li a:focus,
.block-superfish ul.sf-horizontal li.sfHover > a:link,
.block-superfish ul.sf-horizontal li.sfHover > a:visited,
.block-superfish ul.sf-horizontal li.active-trail > a:link,
.block-superfish ul.sf-horizontal li.active-trail > a:visited,
.main-menu ul.menu li a:hover,
.main-menu ul.menu li a:focus,
.main-menu ul.menu li.active-trail a:link,
.main-menu ul.menu li.active-trail a:visited {
  background-color: #b5ee48; /* old browsers */
  background-image: linear-gradient(
	top, 
	#b5ee48 0%, 
	#95cf1a 40%,
	#95cf1a 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#b5ee48 0%,
	#95cf1a 40%, 
	#95cf1a 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom, 
	from(#b5ee48),
	to(#95cf1a), 
	color-stop(40%, #95cf1a)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#b5ee48 0%, 
	#95cf1a 40%,
	#95cf1a 100%
  ); /* firefox */ 
  color: #fff;
}

/* all IEs */
.ie .block-superfish ul.sf-horizontal li a:hover,
.ie .block-superfish ul.sf-horizontal li a:focus,
.ie .block-superfish ul.sf-horizontal li.sfHover > a:link,
.ie .block-superfish ul.sf-horizontal li.sfHover > a:visited,
.ie .block-superfish ul.sf-horizontal li.active-trail > a:link,
.ie .block-superfish ul.sf-horizontal li.active-trail > a:visited,
.ie .main-menu ul.menu li a:hover,
.ie .main-menu ul.menu li a:focus,
.ie .main-menu ul.menu li.active-trail a:link,
.ie .main-menu ul.menu li.active-trail a:visited {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#b5ee48, 
	endColorstr=#95cf1a,
	GradientType=0
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .block-superfish ul.sf-horizontal li a:hover,
.ie8 .block-superfish ul.sf-horizontal li a:focus,
.ie8 .block-superfish ul.sf-horizontal li.sfHover > a:link,
.ie8 .block-superfish ul.sf-horizontal li.sfHover > a:visited,
.ie8 .block-superfish ul.sf-horizontal li.active-trail > a:link,
.ie8 .block-superfish ul.sf-horizontal li.active-trail > a:visited,
.ie8 .main-menu ul.menu li a:hover,
.ie8 .main-menu ul.menu li a:focus,
.ie8 .main-menu ul.menu li.active-trail a:link,
.ie8 .main-menu ul.menu li.active-trail a:visited {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#b5ee48, 
	endColorstr=#95cf1a,
	GradientType=0
  );
}

/* @end top level */

/* @group Secondary level styling */

.block-superfish ul.sf-horizontal li ul,
.block-superfish ul.sf-horizontal li.sfHover ul {
  background: rgba(146,202,44,.95);
  font-family: 'Museo Sans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 91.7%; /* 11px/12px */
  margin-top: -4px;
  padding: 0 0 4px 0;
  position: absolute;
  text-align: left;
  text-transform: none;
  z-index: 2;
  filter: alpha(opacity=95);
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

.ie7 .block-superfish ul.sf-horizontal li ul,
.ie7 .block-superfish ul.sf-horizontal li:hover ul {
  margin-top: 0;
}

.block-superfish ul.sf-horizontal li ul li {
  background: #98D022;
  border-bottom: 1px solid #83A638;
  padding-left: 0;
}

.block-superfish ul.sf-horizontal li ul li.last {
  border-bottom: 0;
}

.block-superfish ul.sf-horizontal li ul li a:link,
.block-superfish ul.sf-horizontal li ul li a:visited,
.block-superfish ul.sf-horizontal li.active-trail ul li a:link,
.block-superfish ul.sf-horizontal li.active-trail ul li a:visited {
  background: #98D022;
  color: #154B6F;
  padding-left: 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.block-superfish ul.sf-horizontal li ul li a:hover,
.block-superfish ul.sf-horizontal li ul li a:focus,
.block-superfish ul.sf-horizontal li.active-trail ul li a:hover,
.block-superfish ul.sf-horizontal li.active-trail ul li a:focus {
  color: #fff;
}

.block-superfish ul.sf-horizontal li ul li a.active {
  text-decoration: underline;
}

/* @end secondary level */

/* @group Third level */

.block-superfish ul.sf-horizontal li ul li ul {
  font-size: 100% !important; /* 11px/12px */
  margin-top: 0 !important;
}

/* @end thrid level */

/* @group Superfish auto-arrows */

/*@end superfish auto-arrows */

/* @group Vertical Superfish */

.superfish-vertical {
  position: relative;
  z-index: 10;
}

ul.sf-vertical {
  background: #fafafa;
  margin: 0;
}

ul.sf-vertical li {
  padding: 0;
  border-bottom: 1px solid #ccc;
  line-height: 200%; /* 24px */
  font-weight: bold;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

ul.sf-vertical li a:link,
ul.sf-vertical li a:visited,
ul.sf-vertical li .nolink {
  margin-left: 10px;
  padding: 2px;
}

ul.sf-vertical li a:hover,
ul.sf-vertical li a.active {
  text-decoration: underline;
}

ul.sf-vertical li ul {
  background: #fafafa;
  border-top: 1px solid #ccc;
  margin-left: 0;
}

ul.sf-vertical li ul li.last {
  border-top: 1px solid #ccc;
  margin-bottom: -1px;
  margin-top: -1px;
}

ul.sf-vertical li ul {
  border-top: none;
  padding: 4px 0;
}

ul.sf-vertical li ul li {
  border-bottom: none;
  line-height: 150%; /* 24px */
}

ul.sf-vertical li ul li.last {
  border-top: none;
}

ul.sf-vertical li ul li ul {
  margin-top: -4px;
}

/* @end vertical superfish*/

/* @end menus */

/* @group Pagers
/-------------------------------------------------------------- */

.inner ul.pager {
  margin-left: 0;
  margin-bottom: 18px;
  margin-top: 12px;
}

.inner ul.pager li {
  background: transparent;
  margin: 0 2px 20px;
  padding: 0.5em;
}

.inner ul.pager li a:link,
.inner ul.pager li a:visited,
.inner ul.pager li.pager-current {
  background: #FFFFFF;
  color: #990000;
  font-weight: bold;
  font-size: 108.3%; /* 13px/12px */
  padding: 5px 10px;
}

.inner ul.pager li.pager-current {
  color: #000;
  display: block-inline;
  padding: 5px 10px;
  text-decoration: underline;
}

.ie6 .inner ul.pager li.pager-current,
.ie7 .inner ul.pager li.pager-current {
  margin-right: 2px;
  padding-right: 3px;
}

.inner ul.pager li a:hover,
.inner ul.pager li a:active,
.inner ul.pager li a:focus {
 /*  background-color: #EAEFCB; */
 /*  border-color: #266996; */
  color: #990000;
  text-decoration: underline;
  border: none;
}


ul.pager a, ul.pager li.pager-current {
	border: none;
}

/* @end Pagers*/

/* @group System messages
/-------------------------------------------------------------- */

/* Error that appears when a required form field is not filled out */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* Required field */

.marker,
.form-required {
  color: #aa1144;
}

table.update {
  margin-bottom: 10px;
}

table.update tr td {
  padding: 2px;
}

table.update tr.error td {
  background-color: #edd9be;
}

table.update table.version td.version-links ul {
  margin: 0;
}

table.update table.version td.version-links ul li {
  padding: 0 0 0 1em;
}

table.update tr.ok td {
  background-color: #e3ecc0;
}

table.update tr.warning td {
  background-color: #ffc;
}

table.update tr.warning .project a:link,
table.update tr.warning .project a:visited, 
.version-status .not-current {
  color: #900;
}

div.messages,
div.messages.status {
  background: #FFFCE3;
  border: 2px solid #EED300;
  color: #C28E00;
  font-weight: bold;
  font-size: 116.7%; /* 14px/12px */
  margin: 20px 0pt;
  padding: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #656C9B;
}

div.error {
  background-color: #fff2f2;
  border-color: #f00;
  color: #b20000;
}

/* @end system messages*/

/* @group Tables
/-------------------------------------------------------------- */


/* Tables */


table {
    border-collapse: separate;
	border-spacing:3px;
}



/* Body of tables */

table.views-table {
	border-top: 3px solid #CCCCCC;
}


/* Header of tables */

thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */

tr.even,
tr.even td {
  background-color: #FFFFFF;
  border-bottom: 2px solid #ECECEC;
  border-right: 2px solid #ECECEC;
}

tr.odd,
tr.odd td {
  background-color: #FFFFFF;
  border-bottom: 2px solid #ECECEC;
  border-right: 2px solid #ECECEC;
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}




/* @end tables*/

/* @group Taxonomy */

/* @end */

/* @end common elements*/

/* @group Core Module styling
/-------------------------------------------------------------- */

/* @group Book
/-------------------------------------------------------------- */

.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* @end book*/

/* @group Comment
/-------------------------------------------------------------- */

#comments .inner {
  margin: 0;
}

/*-unpublished comments-*/

.inner #comments .comment-unpublished {
  background: #fff4f4;
  border: none;
}

#comments .marina-rounded-corners .inner-wrapper {
  padding: 0;
}

#comments .marina-rounded-corners .inner-wrapper .inner-inner {
  background: none;
  padding: 3px;
}

#comments .block-icon {
  height: 48px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 100;
}

.ie6 #comments .block-icon ,
.ie7 #comments .block-icon {
  left: 4px;
  top: 2px;
}

.ie8 #comments .block-icon {
  top: 0;
}

#comments h2.comments-header {
  background: #94CE18;
  color: #fff;
  font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
  font-size: 133.3%; /* 16px/12px */
  font-weight: bold;
  padding: 6px 14px 6px 50px;
  text-shadow: #545454 1px 1px;
  text-transform: uppercase;
}

#comments .content {
  background: transparent;
  border: none;
}

#main-wrapper #comments a.active {
  color: #27638C;
  text-decoration: none;
}

.box {
  padding: 10px;
}

#comment-form {
  margin: 0 0 20px;
  padding: 0 20px;
}

.comment {
  border: none;
  margin: 6px 0 0;
  padding: 10px;
}

.comment h3.title {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.comment .links a {
  font-size: 100%; /* 12px/12px */
  text-align: right;/* LTR */
}

#comments .odd {
  background: #F4F7E7;
  border: 1px solid #ddd;
}

#comments .odd .even {
  background: transparent;
}

#comments .even {
  background: #fff;
}

#comments .comment-by-author {
  background: #FFFFEA;
}

.comment ul.links {
  clear: right;
  display: inherit;
  text-align: right; /* LTR */
}

#main-group .content-group .comment ul.links li {
  background: transparent;
  margin: 0 10px 0 0;  /* LTR */
  padding: 0;
}

.signature {
  border-top: 1px solid #d6ddb9;
  font-family: serif;
  font-size: 100%; /* 12px/12px */
  margin: 10px 0;
  padding: 0;
}

#comments .new {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

/* @end comment module*/

/* @group Field module
/-------------------------------------------------------------- */

/* @end fields*/

/* @group Forum module
/-------------------------------------------------------------- */

.forum-topic-navigation {
  border-top: 1px solid #D6DDB9;
  border-bottom: 1px solid #D6DDB9;
}

/* @end forum*/

/* @group Node
/-------------------------------------------------------------- */

.node .read-more a,
.node .more-link a,
.node .links a {
  font-size: 108.3%; /* 13px/12px */
  font-weight: bold;
  margin: 0;
}

/* Default node styles */

/* Change unpublished and preview colors for dark background themes */

.node-unpublished {
  background-color: #fff4f4;
}

.preview .node {
  background-color: #ffffea;
}

/* Separators and padding for node teasers */

.teaser {
  padding-bottom: 15px;
}

/* Author/date info */

.meta {
  font-size: 91.7%; /* 11px/12px */
  margin-bottom: 10px;
}

.submitted, 
.terms {
  font-size: 100%; /* 12px/12px */
}

.terms {
 /* styling for byline and tags */
 font-size: 100%; /* 12px/12px */
}

.terms {
  line-height: 130%;
}

/* Links for nodes (taxonomy, commenting, read more, etc) */

.content-region .content-inner .content-inner-inner .content ul.terms,
.content-region .content-inner .content-inner-inner .content ul.links {
  margin: 0;
}

.node ul.links li,
.node ul.inline li,
.node .links a {
  background: transparent;
  margin: 0;
  padding: 0 14px 0 0; /*LTR */
}

div.full-node .inner .content {
  border-bottom: 1px solid #D6DDB9;
}

div.full-node .inner .block .content {
  border: none;
}

div.full-node.node-type-panel .content,
div.full-node .panel-panel .content {
  border-bottom: none;
}

#main-group .content-group .node ul.links li.comment_forbidden a {
  
}

/* @end */

/* @group Poll
/-------------------------------------------------------------- */

div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}

/* @end poll */

/* @group User Profile
/-------------------------------------------------------------- */

.profile .picture {
  float: none;
}

.profile dt {
  background-color: #ccc;
}

/* @end profile */

/* @group Search
/-------------------------------------------------------------- */

/* @end search module*/

/* @group User
/-------------------------------------------------------------- */

.fusion-horiz-login form input.form-submit {
  font-size: 83.3%; /* 10px/12px */
}

.fusion-horiz-login #user-login-form {
  padding-top: 1px;
}

.user-picture {
  float: right;  /* LTR */
  margin: 0 0 2px 4px; /*LTR */
  padding: 2px;
  position: relative;
  z-index: 10;
}

/* @end user module*/

/* @end core modules*/

/* @group Fusion Core Skins
/-------------------------------------------------------------- */

/* @end Fusion core skins */

/* List with bottom border
   Fixes a common issue when list items have bottom borders and appear to be
   doubled when lists end and begin. This removes the extra border-bottom
 */

.list-bottom-border ul li {
  padding: 0 0 0 10px;
  border-bottom: 1px solid #ccc;
  line-height: 216.7%; /* 26px */
  font-weight: bold;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

.list-bottom-border ul {
  margin: 0;
}

.list-bottom-border ul li ul {
  border-top: 1px solid #ccc;
}

.list-bottom-border ul li ul li.last {
  border-top: 1px solid #ccc;
  margin-bottom: -1px;
  margin-top: -1px;
}

/* single line list with separators */

.fusion-inline-menu ul.menu {
  line-height: 100%;
}

.header-group .fusion-inline-menu {
  font-size: 91.7%; /* 11px/12px */
}

.fusion-inline-menu ul.menu li {
  line-height: 120%;
  margin: 0;
  padding: 0;
  border-color: #ccc;
}

/* Styles for links */

.fusion-inline-menu ul.links li a:link,
.fusion-inline-menu ul.links li a:visited {
  padding: 0 10px;
  border-right: 1px solid #ccc;
}

.fusion-inline-menu ul.links li.first a:link,
.fusion-inline-menu ul.linksli.first a:visited {
  padding-left: 0;
}

.fusion-inline-menu ul.links li.last a:link,
.fusion-inline-menu ul.links li.last a:visited {
  padding-right: 0;
  border-right: none;
}

/* Miscellaneous styles */

.locale-untranslated {
  text-decoration: none;
}


.views-field-node-image,
.views-field-image-attach-images,
.views-field views-field-node-image {
    float: right;
}

.greybackground {
    background-color: #ECECEC;
	padding: 10px; 
}

.greybackground blockquote p {
    color: #000000;
	font-style: normal;
}

.spacing  {
	margin-top: 1em;
	margin-bottom: 1.5em;
}



.marginsboth  {
	margin-left: 25px;
	margin-right: 25px;
}

/* Fields where they list 'subject tags' or the contexts */
/*
// removing at the request of Janet, RM#8363-133
.field-name-taxonomy-vocabulary-30,
.field-name-taxonomy-vocabulary-18
{
	display: none;
}

.form-wrapper.field-name-taxonomy-vocabulary-30,
.form-wrapper.field-name-taxonomy-vocabulary-18
{
  display: block;
}
*/

#block-block-80 element.style {
	width: 960px;
}
 
.submenu {
    color: #990000;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}

.field-type-text-with-summary tbody {
    border-top: none;
}

#block-block-82 {
	margin-left: 9px;
}

/* Removed because it pushed links page into the middle - not sure about intended purpose 
#pid-links #content-top {
	margin-left: 125px;
}

*/



.tableborder {
    border-collapse: collapse;
	border: thin ridge #c00;
}

table.tableborder td, table.tableborder th { 
	border: thin ridge #c00;
	padding: 5px;
}

table.tableborder tbody {
  border-top: thin ridge #c00;
}



.tablecentre {
	margin-left: auto;
	margin-right: auto;
}

.tablebordercentre {
	margin-left: auto;
	margin-right: auto;
	border: thin ridge #c00;
}


.floatleftnotop {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.floatleftlargetop {
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
 }


.floatrightnotop {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.floatleftnotopleftmargin {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 5px;
}

.floatrightnotoprightmargin {
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.unilist li { 
	list-style: none; 
}

.unibull { 
	float: left; width: 2em; 
}


.reduced-height{ 
	line-height:110%;
}


.listmargin {
	margin-left: 24px;
}

.terms-label{
	visibility: hidden;
}

.clearboth {
	clear: both;
}


.bigtext {
    font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;

}

.smallscript {
	font-size: 9px;
	line-height: 125%;
}

.ccrcolour {
	color: #990000;
}

.green {
	color: #3cab0d;
}

.invisible-element { 
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
} 

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



.marginsboth  {
	margin-left: 25px;
	margin-right: 25px;
}	


.turquoise-heading {
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #006061;
	color: #FFFFFF;
}

#content-content h2.turquoise-heading {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.turquoise-heading a,
.turquoise-heading a:link,
.turquoise-heading a:visited,
.turquoise-heading a:active {
	color: #FFFFFF;
}

.turquoise-line {
	margin-top: 1em;
	margin-bottom: 1.5em;
	margin-left: 30%;
	border-bottom:3px solid #006061;
	width: 40%;
	}

/* Pretty sure all this got removed or moved elsewhere in July 2015 */
/* #block-menu-menu-trafficking-starterkit-menu h2.block-title {
    background-color: #006061;
    color: #FFFFFF;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 8px;
    text-align: center;
} */
/* use anchor class to have link go to above heading - use <span class="anchor" id="NAMEANCHOR"></span>
*/

.anchor{
   display:block;
   height:50px; /* this is the height of your header */
   margin-top:-50px; /* this is again negative value of the height of your header */
   visibility:hidden;
}


/*
RISP specific CSS
*/	

.node-type-risp h1,
.node-type-risp h3 {
	color: #003366;
}
	
.node-type-risp h1.content-title {
	color: #003366;
}

.node-type-risp hr {
	border-color: #003366;
}
	
.node-type-risp a,
.node-type-risp a:link,
.node-type-risp a:visited,
.node-type-risp a:active {
	color: #003366;
} 

.node-type-risp #header-wrapper {
	background: none;
}

.node-type-risp #header {
	background: none;
	margin-bottom: 25px;
}

ul#nice-menu-2,
ul#nice-menu-2 ul,
ul#nice-menu-2 li {
  background-color: #336598;
}


#nice-menu-2 ul.links {
	border-left:thin;
	border-left-color:#FFFFFF;
}


#nice-menu-2 a, 
#nice-menu-2 a:link, 
#nice-menu-2 a:visited,
#nice-menu-2 a:active {
	color: #FFFFFF;
	font-size: 1em;
	font-weight:bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 2.5em;
	padding-right: 2.5em;
	
}

#block-nice_menus-4 ul.nice-menu-down li.menuparent {
	background-image: none;
}

ul.nice-menu li.menuparent:hover {
	background-image: none;
}

.field-name-field-attached-images h2 {
  display: none;
}

.field-name-field-attached-images {
	float:right;
}	
	
/* Views Media room*/
.view-Media-Room .views-field-title{
	font-size: 1em;
}

.view-Media-Room .views-field-created{
	padding-left: 7px;
}

/* Views CCR Meetings*/

#block-views-CCR_meetings-block_1 .views-field-title {
    font-weight:bold;
}

.view-CCR-meeting-next .views-field-title {
	font-size: 1.1em;
    font-weight:bold;
}

.view-CCR-meeting-next .views-field-address {
	padding: 1em 0 1em 0;
}

.view-CCR-meeting-next .views-field-body {
	padding: 1em 0 1em 0;
}

#block-views-CCR_meeting_next-block_1 h2.block-title,
#block-views-updates-block_1 h2.block-title,
#block-block-108 h2.block-title,
#block-block-121 h2.block-title,
#block-block-125 h2.block-title,
#block-block-126 h2.block-title,
#block-block-132 h2.block-title,
#block-block-133 h2.block-title,
#block-block-134 h2.block-title,
#block-block-135 h2.block-title,
#block-block-136 h2.block-title,
#block-block-141 h2.block-title,
#block-block-142 h2.block-title,
#block-block-143 h2.block-title,
#block-block-144 h2.block-title, 
#block-block-159 h2.block-title,
#block-block-162 h2.block-title,
#block-block-187 h2.block-title,
#block-block-211 h2.block-title,
#block-block-241 h2.block-title,
#block-block-242 h2.block-title  { 
 	background-color: #DDDDDD;
    color: #990000;
	font-family: Borgia Pro,Helvetica,Arial,Lucida,sans-serif;
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0.8em;
}

#block-block-66 p,
#block-block-151 p {
	padding-bottom: .5em;
	color: #990000;
}

#block-block-185 .block-inner {
	background-color: #FBD25E;
}

/* Views workshop presentations */


.view-workshops .views-label-title,
.view-workshops .views-label-field-fr-title-value,
.view-workshops .views-label-field-description-en-value,
.view-workshops .views-label-field-description-fr-value,
.view-workshops .views-label-tid-1,
.view-workshops .views-label-tid,
.view-workshops .views-label-tid-2,
.view-workshops .views-label-field-volunteers-value
 {-weight: bold;
}

/* Views Executive */


.view-Executive h3 {
	padding-top: 0.9em;
}

/* Views Social media images */

.view-images-social-media table{
	border-spacing: 5em;
}


/* Views */

.attachment attachment-after{
	padding-top: .5em;
}

.view-Blog .field-field-author-0{
    padding-bottom: 10px;
}

.more-link {
	margin-top: .5em;
	text-align: right;
	font-size: 13px;
}

.more-link a {
	color: #990000;
	padding: 4px 4px 6px 4px;
}


/*Images */

.imageright {
	float: right;
	padding: 0 0 0.3em 0.3em;
}

.imageleft {
	float: left;
	padding: 0 0.3em 0.3em 0;
}

.field.field-name-field-m-image.field-type-image.field-label-hidden {
 	float: right;
	padding: 0 0 0 0.3em;
}

.views-field-field-yr-image-fid {
	float: right;
	padding: 0 0 0 0.3em;
}

/*Comments */

#comments h2 {
	font-size: 0.9em;
	color: #990000;
	padding-top: 1.2em;	
}



/*Webform */

#webform-client-form-20650 .form-item label,
#webform-client-form-20662 .form-item label {
	margin-top: 1.2em;
}

#webform-client-form-20650 fieldset,
#webform-client-form-20662 fieldset {
	border: 0;
	margin: 10px 0 0 0;
	padding: 0px	
}


/************/
/* Toolkits */
/************/

/*****************/
/* First toolkit and instructions : */
/* Copy and paste the css below (until "end first toolkit") to make other toolkits */
/* Then, carefully replace every example of '.section-1118' with the section number. To find */
/* the section number, look at the source code of a page that is in a given section, among the /*
/* many classes that the body has. Then, replace every example of #148079; (which corresponds to teal) */
/* with the desired color code, normally from among the following options : Lavender : #966478; */
/* Salmon (3): #df5a5a; Orange (4): #ef8323; Yellow (5): #f7bd1b; Light green (6): #8cb45d; */
/* Youth Network orange (7): #f99e1f; Youth Network teal (8): #148079; Green (9): #506e46; */
/* Blue (10): #28808d; Dark blue (11): #173259; Eggplant (12): #46143c; */
/*****************/

/* This is for the coloured bar above the toolkit menu (in the left sidebar). */
.section-1118 #sidebar-first .block-menu.first .inner-inner h2.block-title {
        background-color: #148079;
        color: #148079;
        overflow: hidden;
        line-height: 0.4em;
}

/* This is for the text in the menu to be the correct size */
.section-1118 #sidebar-first .block-menu .inner-inner ul li a {
        font-size: 15px;
}

/* The red arrow to the right of a menu item, indicating what page you are on */
.section-1118 #sidebar-first .block-menu .inner-inner ul li.leaf.active-trail {
        background: rgba(0, 0, 0, 0) url("/sites/ccrweb.ca/themes/custom/ccr2013/images/red-arrow2.png") no-repeat scroll 185px 7px;
}

/* Hide the link below the title of the page to home and other pages */
.section-1118 .breadcrumb { display: none; }

/* Here are some general styles for headers */

.section-1118 #block-system-main h1, 
.section-1118 #block-system-main h2, 
.section-1118 #block-system-main h3 
.section-1118 #block-system-main h4,
.section-1118 #block-system-main h5,
.section-1118 #block-system-main h6, 
.section-1118 #block-system-main h7 {
        color: #363636;
        font-family: "Museo Sans",Helvetica,Arial,Lucinda,sans-serif;
}

/* Hide the text at the bottom of the page that says something like 'Section : Trafficking Toolkit' */
.section-1118 #block-system-main .field-name-field-section {
        display: none;
}

/* Make the previous and next links appear according to the color of the section. */

.section-1118 div.previous-page a, .section-1118 div.next-page a {
        color: #148079;
}


/*********************/
/* End first toolkit */
/*********************/


/*********************/
/* second toolkit  - PSR toolkit */
/*********************/


/* This is for the coloured bar above the toolkit menu (in the left sidebar). */
.section-1205 #sidebar-first .block-menu.first .inner-inner h2.block-title {
        background-color: #df5a5a;
        color: #df5a5a;
        overflow: hidden;
        line-height: 0.4em;
}

/* This is for the text in the menu to be the correct size */
.section-1205 #sidebar-first .block-menu .inner-inner ul li a {
        font-size: 15px;
}

/* The red arrow to the right of a menu item, indicating what page you are on */
.section-1205 #sidebar-first .block-menu .inner-inner ul li.leaf.active-trail {
        background: rgba(0, 0, 0, 0) url("/sites/ccrweb.ca/themes/custom/ccr2013/images/red-arrow2.png") no-repeat scroll 185px 7px;
}

/* Hide the link below the title of the page to home and other pages */
.section-1205 .breadcrumb { display: none; }

/* Here are some general styles for headers */

.section-1205 #block-system-main h1, 
.section-1205 #block-system-main h2, 
.section-1205 #block-system-main h3 
.section-1205 #block-system-main h4,
.section-1205 #block-system-main h5,
.section-1205 #block-system-main h6, 
.section-1205 #block-system-main h7 {
        color: #363636;
        font-family: "Museo Sans",Helvetica,Arial,Lucinda,sans-serif;
}

/* Hide the text at the bottom of the page that says something like 'Section : Trafficking Toolkit' */
.section-1205 #block-system-main .field-name-field-section {
        display: none;
}

/* Make the previous and next links appear according to the color of the section. */

.section-1205 div.previous-page a, .section-1205 div.next-page a {
        color: #df5a5a;
}

/* Take away border in content bottom. */

.section-1205 #content-bottom .block .inner {
        border: none;
}

/*********************/
/* End second toolkit */
/*********************/





/*********************/
/* third toolkit  - RWH toolkit */
/*********************/


/* This is for the coloured bar above the toolkit menu (in the left sidebar). */
.section-1207 #sidebar-first .block-menu.first .inner-inner h2.block-title {
        background-color: #191919;
        color: #191919;
        overflow: hidden;
        line-height: 0.4em;
}

/* This is for the text in the menu to be the correct size */
.section-1207 #sidebar-first .block-menu .inner-inner ul li a {
        font-size: 15px;
}

/* The red arrow to the right of a menu item, indicating what page you are on */
.section-1207 #sidebar-first .block-menu .inner-inner ul li.leaf.active-trail {
        background: rgba(0, 0, 0, 0) url("/sites/ccrweb.ca/themes/custom/ccr2013/images/red-arrow2.png") no-repeat scroll 185px 7px;
}

/* Hide the link below the title of the page to home and other pages */
.section-1207 .breadcrumb { display: none; }

/* Here are some general styles for headers */

.section-1207 #block-system-main h1, 
.section-1207 #block-system-main h2, 
.section-1207 #block-system-main h3 
.section-1207 #block-system-main h4,
.section-1207 #block-system-main h5,
.section-1207 #block-system-main h6, 
.section-1207 #block-system-main h7 {
        color: #363636;
        font-family: "Museo Sans",Helvetica,Arial,Lucinda,sans-serif;
}

/* Hide the text at the bottom of the page that says something like 'Section : Trafficking Toolkit' */
.section-1207 #block-system-main .field-name-field-section {
        display: none;
}

/* Make the previous and next links appear according to the color of the section. */

.section-1207 div.previous-page a, .section-1207 div.next-page a {
        color: #191919;
}

/* Take away border in content bottom. */

.section-1207 #content-bottom .block .inner {
        border: none;
}

/*********************/
/* End third toolkit */
/*********************/



/***********************************************************/
/* Boxes that appear on both toolkit pages and other pages */
/***********************************************************/

/* A lavender or other coloured box can be added to any page when editing the body */
div.lavender-box {
  border: solid #966478 2px;
}

#block-block-417, div.teal-box {
  border: solid #148079 2px;
}

div.salmon-box {
  border: solid #df5a5a 2px;
}

div.orange-box  {
  border: solid #ef8323 2px;
}

div.yellow-box  {
  border: solid #f7bd1b 2px;
}

div.light-green-box  {
  border: solid #8cb45d 2px;
}

div.yn-orange-box { 
  border: solid #f99e1f 2px;
}
div.green-box { 
  border: solid #506e46 2px;
}

div.blue-box { 
  border: solid #28808d 2px;
}

div.dark-blue-box { 
  border: solid #173259 2px;
}

div.eggplant-box {
  border: solid #46143c 2px;
}

div.red-box {
  border: solid #990000 2px;
  padding: 10px 10px 10px 10px;
}

#content-top #block-block-417 {
  margin-bottom: 10px;
}

#content-top #block-block-417 .inner, div.lavender-box, div.teal-box, div.salmon-box, div.orange-box,  
div.yellow-box, div.light-green-box, div.yn-orange-box, div.green-box, div.blue-box, div.dark-blue-box,
div.eggplant-box {
  background-color: white; 
  padding: 9px 13px;
  margin: 0;
}

#block-block-417 .gutter, div.lavender-box, div.teal-box, div.salmon-box, div.orange-box, 
div.yellow-box, div.light-green-box, div.yn-orange-box, div.green-box, div.blue-box, div.dark-blue-box, 
div.eggplant-box {
  margin: 0 0 0 0; 
}

#block-block-417 .gutter .content, div.lavender-box .content, div.teal-box .content, div.salmon-box .content, 
div.orange-box .content, div.yellow-box .content, div.light-green-box .content, div.yn-orange-box .content
, div.green-box .content, div.blue-box .content, div.dark-blue-box .content, div.eggplant-box .content {
  margin-bottom: -0.7em;
}

/* Divs with icons and text (no grey box)*/

div.finger-icon{
  background: url('../images/moreinfo.png') no-repeat 1px 10px;
  padding: 10px 10px 16px 69px;
}

div.speech-bubbles {
  background: url('../images/discussion.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;  
}

div.hands-shaking { 
  background: url('../images/get-involved.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;  
}

div.links { 
  background: url('../images/link.png') no-repeat 1px 10px;
  padding: 10px 10px 16px 69px; 
}

div.networking-arrows {
  background: url('../images/networking.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px; 
}

div.updates-speaker {
  background: url('../images/news-updates.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;   
}

div.action-grey {
  background: url('../images/grey-arrow.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;   
}

div.action-red {
  background: url('../images/red-arrow.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;   
}



/* Boxes (grey background) with icons and text */

div.finger-icon-box {
  background: #e8e8e8 url('../images/moreinfo.png') no-repeat 1px 10px;
  padding: 10px 10px 16px 69px;
}

div.speach-bubbles-box {
  background: #e8e8e8 url('../images/discussion.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;  
}

div.hands-shaking-box { 
  background: #e8e8e8 url('../images/get-involved.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;  
}

div.links-box { 
  background: #e8e8e8 url('../images/link.png') no-repeat 1px 10px;
  padding: 10px 10px 16px 69px; 
}

div.networking-arrows-box {
  background: #e8e8e8 url('../images/networking.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px; 
}

div.updates-speaker-box {
  background: #e8e8e8 url('../images/news-updates.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;   
}

div.action-box {
  background: #e8e8e8 url('../images/red-arrow.png') no-repeat 5px 10px;
  padding: 10px 10px 16px 81px;   
}

/* Links for previous and next pages (as styles of divs) */

div.previous-page {
        width: 50%;
        text-align: left;
        float:left;
        font-weight: bold;
}

div.next-page {
        width: 50%;
        display: inline-block;
        text-align: right;
        font-weight: bold;
}

div.next-page::after {
        clear:left;
}

/*ui.widgets */

/* test css from theme rolled*/


.section-1205 .ui-widget {
	font-family: 'Museo Sans',Helvetica,Arial,Lucinda,sans-serif;
	font-size: 1em;
}

.section-1205 .ui-widget input,
.section-1205 .ui-widget select,
.section-1205 .ui-widget textarea,
.section-1205 .ui-widget button {
	font-family: 'Museo Sans',Helvetica,Arial,Lucinda,sans-serif;
	font-size: 1em;
}
.section-1205 .ui-widget.ui-widget-content {
	border: none;
}
.section-1205 .ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #191919;
}
.section-1205 .ui-widget-content a {
	color: #990000;
}
.section-1205 .ui-widget-header {
	border: none;
	background: #F4F7E7;
	color: #191919;
	font-weight: bold;
}
.section-1205 .ui-widget-header a {
	color: #990000;
}

/* Interaction states
----------------------------------*/
.section-1205 .ui-state-default,
.section-1205 .ui-widget-content .ui-state-default,
.section-1205 .ui-widget-header .ui-state-default,
.section-1205 .ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
.section-1205 html .ui-button.ui-state-disabled:hover,
.section-1205 html .ui-button.ui-state-disabled:active {
	border: none;
	background: #f6f6f6;
	font-weight: normal;
	color: #191919;
}
.section-1205 .ui-state-default a,
.section-1205 .ui-state-default a:link,
.section-1205 .ui-state-default a:visited,
.section-1205 a.ui-button,
.section-1205 a:link.ui-button,
.section-1205 a:visited.ui-button,
.section-1205 .ui-button {
	color: #191919;
	text-decoration: none;
}
.section-1205 .ui-state-hover,
.section-1205 .ui-widget-content .ui-state-hover,
.section-1205 .ui-widget-header .ui-state-hover,
.section-1205 .ui-state-focus,
.section-1205 .ui-widget-content .ui-state-focus,
.section-1205 .ui-widget-header .ui-state-focus,
.section-1205 .ui-button:hover,
.section-1205 .ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #191919;
}
.section-1205 .ui-state-hover a,
.section-1205 .ui-state-hover a:hover,
.section-1205 .ui-state-hover a:link,
.section-1205 .ui-state-hover a:visited,
.section-1205 .ui-state-focus a,
.section-1205 .ui-state-focus a:hover,
.section-1205 .ui-state-focus a:link,
.section-1205 .ui-state-focus a:visited,
.section-1205 a.ui-button:hover,
.section-1205 a.ui-button:focus {
	color: #191919;
	text-decoration: none;
}

.section-1205 .ui-visual-focus {
	box-shadow: 0 0 3px 1px;
}
.section-1205 .ui-state-active,
.section-1205 .ui-widget-content .ui-state-active,
.section-1205 .ui-widget-header .ui-state-active,
.section-1205 a.ui-button:active,
.section-1205 .ui-button:active,
.section-1205 .ui-button.ui-state-active:hover {
	border: 1px solid #cccccc;
	font-weight: normal;
	color: #990000;
}
.section-1205 .ui-icon-background,
.section-1205 .ui-state-active .ui-icon-background {
	border: none;
	background-color: #ffffff;
}
.section-1205 .ui-state-active a,
.section-1205 .ui-state-active a:link,
.section-1205 .ui-state-active a:visited {
	color: #191919;
	text-decoration: none;
}

/*Images social media*/

.twittericon {
		text-indent: -10000px;
	padding: 40px;
	margin: 5px;
   background-image: url('../images/twitter.png');
   background-repeat: no-repeat;
}