@charset "utf-8";
/* CSS Document */

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin-bottom: 10px;
    padding:0;
}
input, select {
    vertical-align:middle;
}


/* colors:
header bg: #f9f9f9
blue text & bg: #0063b3
yellow text: #f2bc46
yellow button: #ffd91b

yellow button hover: #eac50b

*/


/*********** GENERAL STYLES */


a, a:link, a:visited, a:hover, a:active {
	color: #0079c2; /*blue*/
	text-decoration: underline;
}

a:hover {
	color: #f27321; /*orange*/
}

.clearme {
	clear: both;
}

img {
	border: none;
	max-width: 100%;
}

.center-me {
	margin: 0 auto;
}

p {
	margin-bottom: 14px;
}

em, i {
	font-family:inherit;
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
	line-height: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #f27321; /*orange*/
	text-decoration: underline;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #333333;
	text-decoration: underline;
}

h1 {
	font-size: 32px;
	font-family:'Rockwell'!important;
	color: #f27321; /*orange*/
}
	
h1 strong {
	font-size: 32px;
	font-family:'Rockwell-Bold'!important;
	color: #f27321; /*orange*/
}

h1 em {
	font-size: 32px;
	font-family:'Rockwell-Italic'!important;
	color: #f27321; /*orange*/
}

h1 strong em, h1 em strong {
	font-size: 32px;
	font-family:'Rockwell-BoldItalic'!important;
	color: #f27321; /*orange*/
}


h2, h2.cstmTitle {
	font-family:'Rockwell';
	font-size: 26px;
	font-style: normal;
	color: #0079c2; /*blue*/
	line-height: 32px;
}

h2 strong, h2.cstmTitle strong, .content h2 strong, .content table h2 strong, .content tr h2 strong, .content th h2 strong, .content td h2 strong {
	font-family:'Rockwell-Bold';
	font-size: 26px;
	font-style: normal;
	color: #0079c2; /*blue*/
}

h2 em, h2.cstmTitle em, .content h2 em, .content table h2 em, .content tr h2 em, .content th h2 em, .content td h2 em {
	font-family:'Rockwell-Italic';
	font-size: 26px;
	color: #0079c2; /*blue*/
}

h2 strong em, h2 em strong, h2.cstmTitle strong em, h2.cstmTitle em strong, .content h2 em strong, .content table h2 em strong, .content tr h2 em strong, .content th h2 em strong, .content td h2 em strong {
	font-family:'Rockwell-BoldItalic';
	font-size: 26px;
	color: #0079c2; /*blue*/
}

.grayText, 
.content h2 .grayText, 
.content table h2 .grayText, 
.content tr h2 .grayText, 
.content th h2 .grayText, 
.content td h2 .grayText, 
.content h2 em .grayText, 
.content table h2 em .grayText, 
.content tr h2 em .grayText, 
.content th h2 em .grayText, 
.content td h2 em .grayText  {
	color: #7c7c7c; /*gray*/
}

h3 {
	font-size: 22px;
	font-family:'Rockwell';
	color: #f27321; /*orange*/
	font-style: normal;
}

h3 strong {
	font-size: 22px;
	font-family:'Rockwell-Bold';
	color: #f27321; /*orange*/
	font-style: normal;
}

h3 em {
	font-size: 22px;
	font-family:'Rockwell-Italic';
	color: #f27321; /*orange*/
}

h3 strong em, h3 em strong {
	font-size: 22px;
	font-family:'Rockwell-BoldItalic';
	color: #f27321; /*orange*/
}

h4 {
	font-size: 20px;
	font-family:'Rockwell';
	color: #0079c2; /*blue*/
}

h4 strong {
	font-size: 20px;
	font-family:'Rockwell-Bold';
	color: #0079c2; /*blue*/
}

h4 em {
	font-size: 20px;
	font-family:'Rockwell-Italic';
	color: #0079c2; /*blue*/
}

h4 strong em, h4 em strong {
	font-size: 20px;
	font-family:'RockwellW01-BoldItalic';
	color: #0079c2; /*blue*/
}

h5 {
	font-size: 18px;
	font-family:'Rockwell';
	color: #f27321; /*orange*/
	text-decoration:none;
}

h5 strong {
	font-size: 18px;
	font-family:'Rockwell-Bold';
	color: #f27321; /*orange*/
	text-decoration:none;
}

h5 em {
	font-size: 18px;
	font-family:'Rockwell-Italic';
	color: #f27321; /*orange*/
	text-decoration:none;
}

h5 strong em, h5 em strong {
	font-size: 18px;
	font-family:'Rockwell-BoldItalic';
	color: #f27321; /*orange*/
	text-decoration:none;
}


h6 {
	font-size: 16px;
	font-family:'Rockwell';
	color: #0079c2; /*blue*/
}

h6 strong {
	font-size: 16px;
	font-family:'Rockwell-Bold';
	color: #0079c2; /*blue*/
}

h6 em {
	font-size: 16px;
	font-family:'Rockwell-Italic';
	color: #0079c2; /*blue*/
}

h6 strong em, h6 em strong {
	font-size: 16px;
	font-family:'RockwellBoldItalic';
	color: #0079c2; /*blue*/
}

p, div.responsive, div.responsive p {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 125%;
	margin-bottom: 10px;
}

p strong, li strong {
	font-family: "Dax Bold",sans-serif;
	font-style: normal;
	font-weight:normal;
}

p em, li em {
	font-family: "Dax Regular",sans-serif;
    font-style: italic;
}

p strong em, p em strong, li strong em, li em strong {
	font-family: "Dax Bold",sans-serif;
	font-style: italic;
	font-weight:normal;
}

.accessibility_link{position:absolute; left:-9999px;}


/***********  MAIN CONTAINERS  */

.header-container, .hero-container, .hero-button-container, .locator-container, .content-container, .testimonial-container, .footer-stats-container, .footer-social-container, .footer-base-container {
	width: 100%;
}

/*.header-container {
	background-color: #f9f9f9;
	border-bottom: 1px solid #eaeaea;
}*/

.header-container {
	background-color: #0063b3;
	border-bottom: none;
}

.content .header-container {
	background-color: transparent;
}

.hero-container {
	/*background:url(../img/bg_hero_faded.jpg) no-repeat center;*/
/*	background:url(../img/bg_hero.jpg) no-repeat center;*/
	background: url(../img/bg_hero_2016_en.jpg) no-repeat top;
	background-size: cover;
/*	border-top: 1px solid #efefef;*/
	border-top: 1px solid #fff;
	height: 631px;
	position: relative;
}

.locator-container {
	background: url(../img/bg_locator.jpg) repeat center;
	height: 917px;
}

.testimonial-container {
/*	height: 265px;*/
	height: auto;
}

.testimonial {
	padding-bottom: 30px;
}

.footer-stats-container {
	background-color: #1A73BB;
}
.footer-stats-container .footer-stats-icon{
	margin: -20px auto 0 auto;
	width: 76px;
	height: 76px;
	border-radius: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.footer-stats-container .footer-stats-icon img{
	width: 76px;
}
.footer-social-container {height: 150px; display: none;}

.footer-base-container {background-color: #0063b3;}

.header-container .header, .hero, .hero-buttons, .content, .footer-stats, .footer-social, .footer-base {
	width: 980px;
	margin: 0 auto;	
/*	outline: 1px solid red;*/
}

.content {
	padding: 20px 0;
	min-height: 200px;
	margin-bottom: 20px;
}

.header-container .header {
	position: relative;
	/*background:url(../img/logo_ccs_header_en.png) no-repeat 0 15px;*/
	background: url(../img/logo_ccs_header_white_en.png) no-repeat 0 15px;
	height: 142px;
}

.content .header {
	background:none;
	height: auto;
}

.locator, .testimonial {
	width: 680px;
	margin: 0 auto;
	/*outline: 1px solid red;*/
	text-align: center;
}

iframe[name=google_conversion_frame] {
	display:none;
}

#at4-share, #at4soc {
	padding-right: 0!important;
}

/***********  HEADER */

#logo-link {
	display: inline-block;
	width: 150px;
	height: 111px;
	text-indent: -9999px;
}

.header-right {
	float:right;
}

.header-top-nav, .header-main-nav {
	text-align: right;
	margin: 10px 0px;
}

.header-top-nav {
	margin-top: 15px;
	margin-bottom: 40px;
}

.header-main-nav {
	margin: 25px 0px;
}
	
.header-top-nav ul, .header-main-nav ul {
	list-style: none;
	display: inline-block;
}

.header-top-nav li, .header-main-nav ul li {
	font-style: normal;
	display: inline-block;
	color: #0063b3;
}

.header-top-nav li {
	font-family: "Dax Regular",sans-serif;
	font-size: 14px;
	padding: 0 3px;
}

.header-top-nav li a,
.header-top-nav li a:link,
.header-top-nav li a:visited {
	font-family: "Dax Regular",sans-serif;
	font-size: 14px;
/*	color: #0063b3;*/
	color: #fff;
	text-decoration:none;
}

.header-top-nav li a:hover,
.header-top-nav li a:active {
	font-family: "Dax Regular",sans-serif;
	font-size: 14px;
/*	color: #48a5f0;*/
	color: #d2d2d2;
	text-decoration:none;
}

.header-main-nav li, #main-nav-logged {
	font-family: "Dax Medium", sans-serif;
	font-size: 19px;
	padding: 0 3px;
}

.header-main-nav li {
	position: relative;
}

.header-main-nav li a,
.header-main-nav li a:link,
.header-main-nav li a:visited, 
#main-nav-logged {
	font-family: "Dax Medium", sans-serif;
	font-size: 19px;
/*	padding: 0px 25px;*/
	padding: 0px 15px;
/*	color: #0063b3;*/
	color: #fff;
	text-decoration:none;
}

.header-main-nav li a:hover,
.header-main-nav li a:active, 
#main-nav-logged:hover,
#main-nav-logged:active {
	font-family: "Dax Medium", sans-serif;
	font-size: 19px;
/*	color: #48a5f0;*/
	color: #d2d2d2;
	text-decoration:none;
}

.header-main-nav li a.arrow, #main-nav-logged.arrow, .mobile-logged.arrow {
	padding-right: 12px;
/*	background:url(../img/bg_nav_arrow_down.png) no-repeat right;*/
	background: url(../img/bg_nav_arrow_down_white.png) no-repeat right;

}

.header-main-nav li a.arrow:hover, #main-nav-logged.arrow:hover, .mobile-logged.arrow:hover {
	color: #d2d2d2;
/*	background-image:url(../img/bg_nav_arrow_down_hover.png);*/
	background: url(../img/bg_nav_arrow_hover_grey.png) no-repeat right;
}

#main-nav-logged {
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-left: 20px;
}

.header-sub-nav ul li.mobile-only {
		display:none;
	}
	
/*.mobile-logged-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	background-color: transparent;
	overflow:hidden;
}
*/
/*.mobile-logged-in {
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	width: 300px;
	background-color: #fff;
}*/


/***********  SUB NAV */

.subnav-container-about, .subnav-container-involved, .subnav-container-logged, .subnav-container-loggedmobile  {
	display:none;
}

.header-sub-nav {
	position: absolute;
	top: 45px;
	width: 197px;
	padding: 20px;
	text-align: left;
	/*background-color: #fff;*/
	background-color: #0063b3;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.header-sub-nav li a,
.header-sub-nav li a:link,
.header-sub-nav li a:visited {
	font-family: "Dax Medium", sans-serif;
	font-size: 17px;
	padding: 0;
/*	color: #0063b3;*/
	color: #fff;
}

.header-sub-nav ul li a:hover,
.header-sub-nav ul li a:active {
	color: #d2d2d2;
}

.header-sub-nav.about, .header-sub-nav.involved {
	z-index: 9;
	left: 0px;
}

.header-sub-nav.logged {
	top: 102px;
/*	width: 146px;*/
	width: 166px;
	text-align: right;
	right: 0px;
	z-index: 10;
}

.header-sub-nav.loggedmobile {
	top: 30px;
	width: 146px;
	left: 0px;
	z-index: 10;
	z-index: 5;
}

.arrow-up-gray {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 9px 7px;
	border-color: transparent transparent #cccccc transparent;
	position: absolute;
/*	top: 40px;*/
	top: 36px;
}

.arrow-up-white {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
/*	border-color: transparent transparent #ffffff transparent;*/
	border-color: transparent transparent #0063b3 transparent;
	position: absolute;
/*	top: 42px;*/
	top: 38px;
}

.arrow-up-gray.arrow-about {
	left: 65px;
}

.arrow-up-white.arrow-about {
	left: 66px;
	z-index: 10;
}

.arrow-up-gray.arrow-involved {
	left: 55px;
}

.arrow-up-white.arrow-involved {
	left: 56px;
	z-index: 10;
}

.arrow-up-gray.arrow-logged {
	top: 95px;
	right: 20px;
}

.arrow-up-white.arrow-logged {
	top: 97px;
	right: 21px;
	z-index: 11;
}

.arrow-up-gray.arrow-loggedmobile {
	top: 21px;
	left: 25px;
}

.arrow-up-white.arrow-loggedmobile {
	top: 23px;
	left: 26px;
	z-index: 10;
}


.header-sub-nav ul {
	list-style:none;
}

.header-sub-nav ul li {
	font-family: "Dax Medium", sans-serif;
	font-size: 17px;
	line-height: 38px;
	display:block;
}

/*.header-sub-nav.involved ul li:last-child {
	line-height: 26px;	
	padding-top: 5px;	
}*/


.header-sub-nav.about ul li.two-line, .header-sub-nav.involved ul li.two-line, .header-sub-nav ul li.two-line {
	line-height: 26px;	
	padding-top: 8px;
	padding-bottom: 5px;	
}

.header-sub-nav ul li a{
	text-decoration: none;
}

/*.header-sub-nav ul li a:hover {
	color: #48a5f0;
}*/


.header-social {
	margin-left: 15px;
	display: inline-block;
}

.header-facebook, .header-twitter {
	display:inline-block;
}

.header-facebook {
	vertical-align: top;
}

.header-twitter{
	vertical-align: middle;
	margin-left: 5px;
}

a.btn-log-in, div.responsive a.btn-log-in:link,  div.responsive a.btn-log-in:visited{
	display:inline-block;
	color: #333;
 	font-family:'Rockwell-Bold';
	text-transform: uppercase;
	text-decoration: none;
	background-color: #ffd91b;
	padding: 8px 20px;
	margin-left: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.btn-log-in:hover, div.responsive a.btn-log-in:hover,  div.responsive a.btn-log-in:active {
	background-color: #ffe357;
}

div.responsive a.btn-log-in:link,  div.responsive a.btn-log-in:visited, div.responsive a.btn-log-in:hover,  div.responsive a.btn-log-in:active {
	margin-left: 0;
}


/***********  LOG IN, MY RELAY AND SHARE LIGHTBOXES */

.log-in {
	width:500px;
/*	height:470px;*/
	height: auto;
	overflow:auto;
	padding:5px;
	z-index: 8030;
}

.log-in h1, .my-relay h1 {
	text-align: center;
	font-family: "Dax Medium", sans-serif!important;
	font-size: 26px;
	color: #333!important;
}

.log-in label, #log-in-box p, .my-relay p, #events .relay-box .eventBox p {
	font-family: "Dax Regular", sans-serif;
	font-size: 18px;
	display:block;
	padding-bottom: 10px;
	padding-top: 20px;
}

#events .relay-box .eventBox p {
	margin-top: 0px;
	padding-top: 0px;
}

.log-in input[type="text"], .log-in input[type="password"] {
	width: 90%;
	height: 54px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Dax Regular", sans-serif;
	font-size: 18px;
	padding-left: 10px;
}

.log-in .log-in-actions {
	text-align: right;
}

.log-in-actions p {
	float:left;
	padding-left: 140px;
}

.log-in-actions .forgot-password-link {
	font-family: "Dax Regular", sans-serif;
	font-size: 18px;
}

.log-in-actions #login {
	color: #333;
 	font-family:'Rockwell-Bold';
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #ffd91b;
	width: 206px;
	height: 60px;
	background-image:url(../img/bg_btn_arrow.png);
	background-position: 180px;
	background-repeat: no-repeat;
	border: none;
}

.log-in-actions #login:hover {
	background-color: #ffe357;
}

.log-in .loginText,
.log-in .loginLinks {
	display: inline-block;
}

/***********  MY RELAY LIGHTBOX */

.my-relay {
/*	width: 460px;*/
	width: auto;
	height:auto;
	overflow:auto;
	padding:5px;
}

.my-relay h1 {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.my-relay p {
	padding: 0 0 10px 0;
	font-size: 22px;
}

.relay-box {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 25px 0;
}

.relay-box .corners.home {
	width: 166px;
	height: 45px;
	margin-right: 10px;
}

.relay-box .corners.pc {
	width: 264px;
	height: 45px;
}

.my-relay-btn-home {
	width: 166px;	

}

.my-relay-btn-pc {
	width: 264px;
}

.my-relay-btn {
	height: 45px;
	color: #fff;
 	font-family:'Rockwell-Bold';
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 15px;
}

.my-relay-btn a,
.content .my-relay-btn a,
.content .my-relay-btn a:link,
.content .my-relay-btn a:visited,
.content .my-relay-btn a:hover,
.content .my-relay-btn a:active {
	color: #fff;
 	font-family:'Rockwell-Bold';
	font-size: 18px;
	text-decoration: none;
	background: transparent url(../img/bg_my_relay_buttons_arrow.png) no-repeat; 	
	display:block;
}

#my-relay-btn-home a {
	background-position: 125px;
}

#my-relay-btn-pc a {
	background-position: 220px;
}

/***********  SHARE LIGHTBOX */
#share-box{
	max-width: 100%;
	width: 600px;
}
#share-box h1{
	color: #0063b3;
	text-align: center;
}
#share-box .copy-form{
	display: table;
	height: 55px;
}
#share-box .copy-form .input{
	display: table-cell;
	width: 100%;
	margin: 20px 0;
}
#share-box .copy-form input{
	height: 55px;
	border-radius: 4px 0 0 4px;
	width: 100%;
	border: 0;
	padding: 0 15px;
}
#share-box .copy-form.copied .input{
	padding-right: 30px;
	position: relative;
	border-radius: 4px 0 0 4px;
	background-color: white;
}
#share-box .copy-form.copied .input::after{
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 18px;
	height: 20px;
	width: 20px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path style="fill: %230063b3;" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M9,19l-5.6-5.6L4.8,12L9,16.2l9.6-9.6L20,8 L9,19z"/></svg>');
	border-radius: 10px;
}

#share-box .copy-form button{
	display: table-cell;
	background: none;
	background-color: #FFD91B;
	font-family: "Dax Regular";
	font-weight: bold;
	color: black;
	padding: 0 20px;
	height: 55px;
	border: 0;
	border-radius: 0 4px 4px 0;
	white-space: nowrap;
	cursor: pointer;
}
#share-box .copy-form button:hover{
	background-color: #F1CD18;
}
#share-box .social-icons{
	text-align: center;
	padding-top: 20px;
}
/***********  FANCYBOX OVERRIDES */

.fancybox-skin {
	background: #f7f7f7;
	color: #333;
}

.fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
	background: url(../img/btn_fancybox_close.png) top right no-repeat;
}

.fancybox-close:hover {
	background: url(../img/btn_fancybox_close_hover.png) top right no-repeat;
}



/***********  SLIDEBAR STYLES/OVERRIDES */

.sb-slidebar{
	background-color: #001a2f;
	font-family: "Dax Regular", sans-serif;
	font-size: 19px;
	color: #fff;
}

.sb-slidebar .mobile-nav-header, .sb-slidebar .mobile-nav-header a {
	font-family: "Dax Medium", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.sb-slidebar .mobile-nav-header-label, .mobile-nav-header-close {
	padding: 10px 20px;	
}

.mobile-nav-header-close a {
	display: block;
	background: url(../img/mobile_nav_close.png) no-repeat;
	text-indent: -9999px;
	width: 12px;
	height: 13px;
}

.sb-slidebar ul {
	list-style: none;
}

.sb-slidebar li a,
.sb-slidebar li a:link,
a.sb-slidebar li a:visited,
.sb-slidebar li a:hover,
.sb-slidebar li a:active {
	font-family: "Dax Regular", sans-serif;
	font-size: 19px;
	display:block;
	padding: 10px 20px;
	border-top: 1px solid #0c2539;
	color: #fff;
	text-decoration: none;
}

.sb-slidebar li a:last-child {
	border-bottom: 1px solid #0c2539;
}

.sb-slidebar li a.top-border-toggle {border-top: none;}

.sb-slidebar #mobile-nav-about, .sb-slidebar #mobile-nav-involved {
	background:url(../img/bg_mobile_subnav_arrow_right.png) no-repeat 130px 10px;
}

.sb-slidebar #mobile-nav-about.open, .sb-slidebar #mobile-nav-involved.open {
	background-image:url(../img/bg_mobile_subnav_arrow_down.png);
}

.sb-slidebar ul ul {
	display:none;
	background-color: #01243e;
}

.sb-slidebar ul ul.about {
	height: 180px;
}

.sb-slidebar ul ul.involved {
	height: 108px;
}

.sb-slidebar ul ul li a,
.sb-slidebar ul ul li a:link,
.sb-slidebar ul ul li a:visited,
.sb-slidebar ul ul li a:hover,
.sb-slidebar ul ul li a:active {
	display:block;
	padding-left: 40px;
	font-size: 17px;
	border-top: 1px solid #0e2d43;
}

.sb-slidebar ul ul li a:last-child {
	border-bottom: 1px solid #0d2f47;
}

/***********  JANRAIN OVERRIDES */

.janrain-provider-icon-16 {
	margin-right: 10px;
}

/***********  HOMEPAGE HERO SECTION */

.hero {
 	font-family:'Rockwell-Bold';
	text-align: center;
	color: #0063b3;
}

.hero-image-mobile {display:none;}

.hero-container p {
	text-indent: -9999px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}

.hero-message1{
	font-size: 24px;
	padding-top: 70px;
	display:none;
}

.hero-message2{
	font-size: 44px;
	padding-top: 27px;
	display:none;
}

.hero-button-container {
/*	height: 116px;*/
	height: 100px;
/*	position: relative;*/
	position: absolute;
	bottom: 0;
/*	margin-top: 350px;*/
	display:block;
	background:url(../img/bg_buttons_transparent.png) repeat-x;
}

.hero-buttons {
	padding-top: 20px;
}

.corners {
/*	width: 303px;*/
/*	width: 32%;*/
	width: 31%;
	height: 62px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}

.corners.reg {
/*	margin-right: 35px;*/
	/*margin-right: 2%;*/
	margin-right: 3.5%;
}

.corners.info {
	float:right;
}

.corners.log-in-form-btn {
	display:inline-block;
	width: 206px;
	height: 60px;
}

.hero-btn {
/*	width: 303px;*/
	width: 100%;
	height: 45px;
	color: #fff;
 	font-family:'Rockwell-Bold';
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 17px;
}

.hero-btn a, 
.hero-btn a:link,
.hero-btn a:visited,
.hero-btn a:active,
.hero-btn a:hover,
.content .hero-btn a, 
.content .hero-btn a:link,
.content .hero-btn a:visited,
.content .hero-btn a:active,
.content .hero-btn a:hover {
	color: #fff;
 	font-family:'Rockwell-Bold';
	font-size: 22px;
	text-decoration: none;
/*	background: transparent url(../img/bg_hero_buttons_arrow.png) no-repeat 270px; */
	background: transparent url(../img/bg_hero_buttons_arrow.png) no-repeat;
/*	background-position: 95% 5px;*/
	background-position: 94% 5px;
/*	width: 303px;*/
	width: 100%;
	display:block;
}

#hero-btn-reg, #my-relay-btn-home {
	background: #38b5ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMTI4ZmQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #38b5ff 0%, #128fd8 3%, #0063b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b5ff), color-stop(3%,#128fd8), color-stop(100%,#0063b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #38b5ff 0%,#128fd8 3%,#0063b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #38b5ff 0%,#128fd8 3%,#0063b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #38b5ff 0%,#128fd8 3%,#0063b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #38b5ff 0%,#128fd8 3%,#0063b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b5ff', endColorstr='#0063b3',GradientType=0 ); /* IE6-8 */
}

#hero-btn-reg:hover, #my-relay-btn-home:hover {
	background: #0063b3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzEyOGZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGI1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0063b3 0%, #128fd8 97%, #38b5ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0063b3), color-stop(97%,#128fd8), color-stop(100%,#38b5ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0063b3 0%,#128fd8 97%,#38b5ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0063b3 0%,#128fd8 97%,#38b5ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0063b3 0%,#128fd8 97%,#38b5ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0063b3 0%,#128fd8 97%,#38b5ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b3', endColorstr='#38b5ff',GradientType=0 ); /* IE6-8 */
}

#hero-btn-don, #my-relay-btn-pc {
	background: #ffbd88; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWQ4ZTMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkNjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffbd88 0%, #ed8e31 3%, #dd6729 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd88), color-stop(3%,#ed8e31), color-stop(100%,#dd6729)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffbd88 0%,#ed8e31 3%,#dd6729 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffbd88 0%,#ed8e31 3%,#dd6729 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffbd88 0%,#ed8e31 3%,#dd6729 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffbd88 0%,#ed8e31 3%,#dd6729 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd88', endColorstr='#dd6729',GradientType=0 ); /* IE6-8 */
}

#hero-btn-don:hover, #my-relay-btn-pc:hover {
	background: #dd6729; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2VkOGUzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dd6729 0%, #ed8e31 97%, #ffbd88 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd6729), color-stop(97%,#ed8e31), color-stop(100%,#ffbd88)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dd6729 0%,#ed8e31 97%,#ffbd88 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dd6729 0%,#ed8e31 97%,#ffbd88 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dd6729 0%,#ed8e31 97%,#ffbd88 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dd6729 0%,#ed8e31 97%,#ffbd88 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd6729', endColorstr='#ffbd88',GradientType=0 ); /* IE6-8 */
}

#hero-btn-info {
	background: #ffe28a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmNjYzU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwYWMzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffe28a 0%, #fccc59 3%, #f0ac31 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe28a), color-stop(3%,#fccc59), color-stop(100%,#f0ac31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe28a 0%,#fccc59 3%,#f0ac31 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe28a 0%,#fccc59 3%,#f0ac31 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe28a 0%,#fccc59 3%,#f0ac31 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe28a 0%,#fccc59 3%,#f0ac31 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe28a', endColorstr='#f0ac31',GradientType=0 ); /* IE6-8 */
}

#hero-btn-info:hover {
	background: #f0ac31; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYWMzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2ZjY2M1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUyOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0ac31 0%, #fccc59 97%, #ffe28a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ac31), color-stop(97%,#fccc59), color-stop(100%,#ffe28a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0ac31 0%,#fccc59 97%,#ffe28a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0ac31 0%,#fccc59 97%,#ffe28a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0ac31 0%,#fccc59 97%,#ffe28a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0ac31 0%,#fccc59 97%,#ffe28a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ac31', endColorstr='#ffe28a',GradientType=0 ); /* IE6-8 */
}



/***********  HOMEPAGE LOCATOR */

.locator {
	padding-top: 38px;
}

.locator p {
	font-family:'Rockwell';
	font-size: 26px;
	color: #fff;	
	margin-bottom: 20px;
}

.locator p.bold {
	font-family:'Rockwell-Bold';
}

.locator p img {
	margin-top: 10px;
	margin-bottom: 0px;
}

/*.locator .map-placeholder {
	padding-bottom: 10px;
}

.locator .map-placeholder img.map-placeholder-narrow {
	display:block;
	
}

.locator .map-placeholder img.map-placeholder-wide {
	display:none;
} */


/*.locator-search-container*/
.locator-search-container #ccs-locator-container .ccs-locator .header,
#volunteerLocations #ccs-locator-container .ccs-locator .header,
#locatorPanel #ccs-locator-container .ccs-locator .header {
	position: relative;
	width: 100%;
	background-color: #fff;
	height: 64px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	overflow:hidden;
}

#volunteerLocations #ccs-locator-container .ccs-locator .header,
#locatorPanel #ccs-locator-container .ccs-locator .header {
	border: 1px solid #ccc;
}
.locator-search-container input,
#volunteerLocations input,
#locatorPanel input {
	margin-left: 20px;
	width: 400px;
	height: 60px;
	border: none;
	font-family: "Dax Regular",sans-serif;
	font-style: italic;
	font-size: 18px;
	color: #777;	
	float:left;
}

::-ms-clear {
    display: none;
}

.styled {
	width: 102px; 
	height: 64px;
	padding: 0;
	margin: 0;
	background: #fff url(../img/bg_locator_select.png) no-repeat 55px 0px;
	overflow: hidden;
	float:right;
	padding-right: 140px;
}

.locator-search-container div.styled select,
#volunteerLocations div.styled select,
#locatorPanel div.styled select  {
	width: 102px; 
	height: 60px;
	border: none;
	font-family: "Dax Regular",sans-serif;
	font-size: 18px;
	color: #777;	
	background-image:none; 
    -webkit-appearance: none /* this is required for Webkit browsers */; 
	background-color:transparent;
	padding-top: 5px;
}

.locator-search-container input.find-button,
#volunteerLocations input.find-button,
#locatorPanel input.find-button {
	position: absolute;
	right: 0;
	margin-left: 0px;
	width: 160px;
	height: 64px;
	border: none;
	text-indent: -9999px;
	background: url(../img/bg_locator_search_arrow.png) no-repeat;
}

.locator-search-container input.find-button:hover,
#volunteerLocations input.find-button:hover,
#locatorPanel input.find-button:hover {
	background-image: url(../img/bg_locator_search_arrow_hover.png);
}

.rfl-video iframe {
	width: 100%;
	max-width: 680px;
	margin-top: 20px;
}


/***********  HOMEPAGE TESTIMONIALS */

.testimonial-image {
	padding-top: 35px;
	padding-bottom: 25px;
}

.testimonial p {
	font-family: "Dax Regular",sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #333;	
}

p.testimonial-name {
	font-family:'Rockwell-BoldItalic';
	font-size: 14px;
	font-weight: 400;
	color: #333;
	padding-top: 10px;
}



/***********  FOOTER STATS */

.footer-stats-col {
	width: 303px;
	text-align: center;
	padding-bottom: 20px;
	/*outline: 1px solid orange;*/
}

.footer-stats-col.first {
	margin-right: 35px;
}

.footer-stats-col .footer-stats-num {
	color: #fff;
	font-family: 'Rockwell-Bold', sans-serif;
	font-size: 36px;
	padding: 10px 0;
	line-height: 1em;
}

.footer-stats-text {
	color: #fff;
	font-family:'Dax Bold';
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}

/***********  FOOTER SOCIAL */

.footer-social-col p {
	font-family:'Rockwell-Bold';
	font-size: 18px;
	color: #333;
	padding-top: 60px;
}

.footer-social-col p br {display:none;}

.footer-social-col img {
	padding-top: 50px;
}


/***********  FOOTER BASE */

.footer-base-col {
	color: #fff;
	font-family: "Dax Regular",sans-serif;
	font-size: 14px;
}

.footer-base-col ul {
	display: inline-block;
	list-style: none;
	padding-top: 25px;
	padding-bottom: 20px;
}

.footer-base-col ul li {
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0px 20px;
}

.footer-base-col ul li:first-child {
	padding-left: 0px;
}

.footer-base-col ul li.mobile-only {
	display:none;
}

.footer-base-col ul.footer-base-nav2 li {
	border: none;
}
.footer-base-col ul.footer-base-nav2 li:first-child {
	padding-left: 20px;
}

.footer-base-col ul li a,
.footer-base-col ul li a:link,
.footer-base-col ul li a:visited,
.footer-base-col ul li a:hover,
.footer-base-col ul li a:active {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #fff;
}

.footer-base-col img {
	padding-top: 20px;
	vertical-align: middle;
}

.footer-base-col a.last img {
	margin-left: 20px;
}



/***********  USEFUL GENERAL CLASSES  */

.left {
	float: left;
}

.right {
	float:right;
}

.mobile-only {
	display: none;
}


/***********  CONTENT  */

.content p, .content table, .content tr, .content th, .content td, .content .Explicit, .content .li {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 125%;
	margin-bottom: 10px;
}

.content p em, .content table em, .content tr em, .content th em, .content td em, .content .Explicit em, .content .li em {
	font-family: "Dax Regular",sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 125%;
	margin-bottom: 10px;
}

.content p strong, .content table strong, .content tr strong, .content th strong, .content td strong, .content .Explicit strong, .content .li strong {
	font-family: "Dax Bold",sans-serif;
	font-style: normal;
	font-weight:normal;
	font-weight:normal;
	font-size: 14px;
	line-height: 125%;
	margin-bottom: 10px;
}

.content p strong em, .content table strong em, .content tr strong em, .content th strong em, .content td strong em, .content .Explicit strong em, .content .li strong em, .content p em strong, .content table em strong, .content tr em strong, .content th em strong, .content td em strong, .content .Explicit em strong, .content .li em strong {
	font-family: "Dax Bold",sans-serif;
	font-style: italic;
	font-weight:normal;
	font-weight:normal;
	font-size: 14px;
	line-height: 125%;
	margin-bottom: 10px;
}

.content a {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0079C2;
	text-decoration: underline;
}

.content a strong {
	font-family: "Dax Bold",sans-serif;
	font-style: normal;
	font-weight:normal;
	font-weight:normal;
	font-size: 14px;
	color: #0079C2;
}

.content a em {
	font-family: "Dax Regular",sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #0079C2;
}

.content a strong em, .content a em strong {
	font-family: "Dax Bold",sans-serif;
	font-style: italic;
	font-weight:normal;
	font-size: 14px;
	color: #0079C2;
}

.content a:hover {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #f27321; /*orange*/
}

.content a:hover em {
	font-family: "Dax Regular",sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #f27321; /*orange*/
}

.content a:hover strong {
	font-family: "Dax Bold",sans-serif;
	font-style: normal;
	font-weight:normal;
	font-size: 14px;
	color: #f27321; /*orange*/
}

.content a:hover strong em, .content a:hover em strong {
	font-family: "Dax Bold",sans-serif;
	font-style: italic;
	font-weight:normal;
	font-size: 14px;
	color: #f27321; /*orange*/
}

.content ul, .content ol {
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 14px;
}

.content li {
	margin-left: 30px;
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 125%;
}

.content li em {
	margin-left: 30px;
	font-family: "Dax Regular",sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 125%;
}

.content li strong {
	margin-left: 30px;
	font-family: "Dax Bold",sans-serif;
	font-style: normal;
	font-weight:normal;
	font-size: 14px;
	line-height: 125%;
}

.content li strong em, .content li em strong {
	margin-left: 30px;
	font-family: "Dax Bold",sans-serif;
	font-style: italic;
	font-weight:normal;
	font-size: 14px;
	line-height: 125%;
}

.content li.checkbullet { 
	list-style-image: url("../img/checkmark.gif");
}

.grid-container{
	margin-bottom: 20px;
}

.grid4{
	display: table;
	width: 100%;
	height: 100%;
}

.grid4:last-child {
	border-bottom: 1px solid #e4e4e4;
}

.grid4-cell{
	width: 25%;
	display: table-cell;
/*	text-align: center; */
	text-align: left;
	vertical-align: middle;
	padding: 20px;
	border-top: 1px solid #e4e4e4;	
	border-left: 1px solid #e4e4e4;	
}
.grid4-cell:last-child{
	border-right: 1px solid #e4e4e4;	
}


/***********  LUMINATE STYLES  */

div.responsive {
	width: auto;
}

#appAreaNoWidthClearFix {
	width: auto;
}

#appAreaNoWidthClearFix #login-div-content table tbody tr td {
	vertical-align:top;
}

.appArea {
	width: auto;
}

ul.cons-nav li {
	margin-left: 0px;
}

.yui-panel-container {
/*	z-index: 9000;*/
	z-index: 8050;
}

/** style for registration, volunteer, luminary buttons when marked closed **/
.closed {
	background-color: #aaaaaa;
	cursor: default;
}

.reg-choices ul {
	list-style: none;
}

.reg-choices ul li {
	margin-left: 0px;
}

.reg-choices ul li a,
.reg-choices ul li a:link,
.reg-choices ul li a:visited {
	display:block;
	padding: 20px;
	background-color: #0063b3;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 220px;
	margin-bottom: 10px;
}


.reg-choices ul li a:hover,
.reg-choices ul li a:active {
	background-color: #48a5f0;
}

.header-main-nav li a.main-nav-closed, .header-main-nav li a.main-nav-closed:link, .header-main-nav li a.main-nav-closed:visited {
	color: #aaaaaa;
	cursor: default;
}


/***********  TOP 5 LIST STYLES  */

.mod_list {
	width: 230px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
}

.cheerthetop5 h3{
	background-image: url(../img/cheerarrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 7px;
	padding-left: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
}

.mod_tab_off a {
	color: #f27321; /*orange*/
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	text-decoration: underline;
}

.mod_tab_off a:hover {
	color: #0079c2; /*blue*/
}

.mod_tab_on {
	color: #FFFFFF;
	background-color: #f27321; /*orange*/
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}

.mod_items {
	margin-top: 15px;
	margin-bottom: 10px;
}

.mod_items ol {
	margin-left: 33px;
	font-size: 30px;
	font-weight: bold;
	color: #f27321; /*orange*/
}

.mod_items li {
	margin-top: 0px;
	margin-bottom: 6px;
}

.mod_item_name {
	font-size: 16px;
	color: #0079c2; /*blue*/
	font-weight: normal;
}

.mod_item_amt {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.mod_item_content {
	float: left;
}

.cheer_all_teams {
	margin-top: 8px;
}

.cheer_all_teams a {
	color: #f27321; /*orange*/
	font-size: 14px;
}

.cheer_all_teams a:hover {
	color: #0079c2; /*blue*/
}



/***********  TEAMRAISER PROGRESS BAR  */

#progressBar {margin-bottom: 50px;}
#progressBar ul {list-style: none; height: 50px;}
#progressBar li { margin: 0px; float: left; height: 50px;/*font-family:'Rockwell W01';*/font-family:'Rockwell';font-size: 25px; border-left: 1px solid #666; text-align: center; padding: 15px 30px 0 30px;}
#progressBar li:last-child {border-right: 1px solid #666;} 
#progressBar li.selected {margin: 0px; color: #f27321; border-left: 1px solid #f27321; padding-left: 10px;}
#progressBar li:last-child.selected {margin: 0px; color: #f27321; border-left: 1px solid #f27321;border-right: 1px solid #f27321;}
#progressBar div.selectedNumber {float:left; /*font-family: 'Rockwell W01 Extra Bold';*/font-family: 'Rockwell-Bold'; font-size:50px;line-height: 40px; margin-right: 5px;}
#progressBar div.selectedTitle {font-size: 21px; float:left; text-align: left;line-height: 20px;}


/***********  TEAMRAISER THANK YOU PAGE	 */

#outerRightColTY {
	float:right;
}
#rightColTY {
	width: 300px; 
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #e8e8e8;
	border: #e8e8e8 solid 1px;
	-moz-box-shadow: 5px 5px 3px #aaa;
	-webkit-box-shadow: 5px 5px 3px #aaa;
	box-shadow: 5px 5px 3px #aaa;
}

.innerRightTYDark {
	background-color: #e8e8e8; 
	padding: 10px
}

.innerRightTYLight {
	background-color: #f2f2f2; 
	padding: 10px; 
	border-bottom: 2px dotted #000;
}
.innerRightTYLightLast {
	background-color: #f2f2f2; 
	padding: 10px;
}

.headerTY {
	font-size: 16px;
}


/***********  TEAMRAISER ENTRY PAGE AND PC2 HOME PAGE */

#eventDetails {
    width: 710px; 
    background-color: #fcc357; 
    padding: 5px 5px 0 5px;
}

#eventDetails .heading {
    font-size: 18px;
}

#eventDetails p {
	margin-bottom: 0;
}

.toggleLink {
    color: #0079C2;
    text-decoration: underline;
	font-family: "Dax Regular",sans-serif;
	font-style: normal;
	cursor:pointer;
}

#locatorPanel {
    height: 150px;
    display:none;
}

#eventContent {
     width: 698px;
     border: 1px solid #fcc357;
     padding: 10px;
     margin-bottom: 30px;
}

h3.gray, h3.grayHeader, h3.gray i, h3.grayHeader i, h3.gray em, , h3.grayHeader em, h3.gray strong, , h3.grayHeader strong, h3.gray b, h3.grayHeader b {
    color: #757575;
}

/*h3.gray i, h3.grayHeader i {
    color: #757575;
}

h3.gray em, , h3.grayHeader em {
    color: #757575;
}

h3.gray strong, , h3.grayHeader strong {
    color: #757575;
}

h3.gray b, h3.grayHeader b {
    color: #757575;
}
*/

.dot {
   display: inline-block;
   font-size: 38px;
   color: #757575;
   margin: 0 5px 0 5px;
   line-height: 8px;
}

.blue {
	color: #0079c2;
	font-weight: bold;
}

.divider {
	border-bottom: 1px solid #757575;
	width: 100%;
	height: 5px;
	margin-bottom: 25px;
	text-align:center;
}

.dividerHeading {
	color: #757575;
	font-size: 12px;
	display:inline-block;
	background-color: #fff;
	padding: 0 10px 0 10px;
}



/***********  TEAMRAISER STYLES	 */

div.tr-page-container {
	border: none;
}

div.tr-page-container div.header-container {
	background-color: transparent;
}

div.tr-page-container div.section-sub-header {
	background-color: transparent;
	border: none;
}

div.tr-page-container #entry_page_custom_html {
	padding: 0px;
}

div.tr-page-container div.main-content {
	width: 100%;
	padding-top: 10px;
	float: none;
}

div.tr-page-container div.side-bar, #entry_header_container, div.progress-bar-container {
	display:none;
}

div.custom-wysiwyg-text p {
	white-space: normal;
}

#team_find_page label, div.part-type-container .part-type-decoration-messages, div.part-type-decoration-messages .part-type-description-text, div#part_type_additional_gift_container, div#part_type_addon_container, div#part_type_individual_company_selection_container, #suggested_goal_container {
	font-size: 14px;
}

div.part-type-container .part-type-decoration-messages {
	width: 600px;
}

div#cons_info_component_container div#personal_info_section_one, div#cons_info_component_container div#personal_info_section_two, div#cons_info_component_container div#contact_info_section_one, div#cons_info_component_container div#contact_info_section_two, div#registration_options_page div#user_name_pword_container, div#registration_options_page div#tribute_component_section_one, div#registration_options_page div#tribute_component_section_two, div#emergency_contact_container, div#gift_notice_optin, div#email_optin {
	width: 100%;
}

div#registration_options_page div#privacy_opts_container {
	width: 430px;
}

div#registration_options_page #cons_info_component_container {
	width: 100%!important;
}

/***********  FAQ Page STYLES	 */
#faq {
	font-size: 14px;
}
#faq a, #faq a em, #faq a strong, #faq a strong em, #faq a em strong { text-decoration: none; }
#accordion {
	border-bottom: 1px solid #e4e4e4;
	color: #333;
}
#accordion h1 { margin: 0; position: relative; }
#accordion h1 a, #accordion h1.ui-state-active a, #accordion h1.ui-state-hover a {
	display: block;
	background: #fff;
	border-top: 1px solid #e4e4e4;
/*            font-family: "ff-dax-web-pro"; */
	font-family: 'Dax Regular';
	padding: 10px 0 10px 40px;
	color: #F47322;
	font-size:22px;
}
#accordion h1 a:active, #accordion h1 a:focus { outline: none; }
#accordion h2, #accordion h3 { margin: 1em 0 0.3em; padding: 0 30px; }
#accordion p { margin: 0 0 1em; padding: 0 30px; }
#accordion h2 {
	font-size: 1.2em;
	font-weight: bold;
}
#accordion h3 {
	color: #0179c5;
	font-weight: bold;
			font-size: 16px;
}
#accordion h3 em, #accordion h3 i {
	color: #0179c5;
			font-size: 16px;
}

#accordion p a { color: #0179c5; }
#faq-header {
	font-size: 2.5em;
/*            font-family: "Rockwell W01";*/
	font-family: "Rockwell";
	font-weight: normal;
	color: #f47322;
	padding: 10px;
	margin: 10px 0;
}
#faq-paragraph {
	padding: 0 10px;
	margin: 10px 0
}

	h1.ui-state-default a { 
			color: #0179C5 !important;
	}

.ui-icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url('../img/faq-arrows.jpg') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 0.5em;
	top: 50%;
	margin-top: -8px;
}
	.arrow-left {
	background-position: 0 0;
}
.arrow-down {
	background-position: 0 -16px;
}
	



@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* blue */	
	.header-container .header, .hero, .hero-buttons, .locator, .content, .testimonial, .footer-stats, .footer-social, .footer-base {
		/*outline: 1px solid blue;*/
		width: auto;
		width: 95%;
	}
	
/*	.content {padding: 0;} */
	
	#logo-link {width: 110px;}
	
	.header-right {
		/*width: 78%;*/
		/*width: 85%;*/
	}
	
/*	.header-main-nav li a, .header-main-nav li a:link, .header-main-nav li a:visited, #main-nav-logged {
		padding: 0 10px;
	}*/

	.header-main-nav li a, .header-main-nav li a:link, .header-main-nav li a:visited, #main-nav-logged, .header-main-nav li a.arrow:hover, #main-nav-logged.arrow:hover {
		font-size: 16px;
/*		padding: 0 10px;*/
		padding: 0 8px 0 5px;
	}
	
	.header-main-nav li a.arrow, #main-nav-logged.arrow, .mobile-logged.arrow {
		padding-right: 8px;
	}

	.header-sub-nav {
		width: 210px;
	}
	
	.header-sub-nav.involved {
		right: 0px;
		left: auto;
	}

	.header-main-nav li .header-sub-nav ul li {
		padding: 0px 10px;
	}

	.header-main-nav li .header-sub-nav ul li a {
		padding: 0px;
	}
	
	#main-nav-logged {
		margin-left: 10px;
	}

	a.btn-log-in {margin-left: 10px;}

	.hero-container {
		background: none;
		height: auto;
		min-height: 135px;
	}

	.hero-image-mobile {
		display:block;
	}

	.hero-image-mobile img {
		max-width: 100%;
	}

	.hero-image-mobile img.tablet {
		display:block;
	}

	.hero-image-mobile img.phone {
		display:none;
	}

	.hero-message-mobile {
		display:none;
	}

	.hero-button-container {
		position: relative;
		margin-top: 0px;
	}

/*	.locator .map-placeholder img.map-placeholder-narrow {
		display:none;
	}

	.locator .map-placeholder img.map-placeholder-wide {
		display:block;
		max-width: 100%;
	
	}
*/
	.footer-stats-col {
/*		width: 28%;*/
		width: 33%;
/*		padding-top: 20px;*/
		height: auto;
	}
	.footer-stats-col.right {
	/*	width: 44%; */
		width: 33%;
	}
	
	.footer-stats-col.first {
		margin-right: 0px;
	}

	.footer-social-col.left {
		width: 80%;
	}

	.footer-social-col p {padding-top: 50px;}
	
	.footer-social-col p br {display:block;}

	.mobile div.tr-page-container div.main-content {
		width: auto;
		float: none;
   }

   .mobile div.responsive {
	   width: auto;
   }

} 

@media only screen and (max-width: 767px) {
	/* green */

	.mobile-only {display:block;}

	.desktop-only {display:none;}
	
	.header-container .header, .hero, .hero-buttons, /*.locator,*/ .testimonial, .content, .footer-stats, .footer-social, .footer-base {
		width: 95%;
		/*outline: 1px solid green;*/
	}
	
	.content {
/*		padding: 20px 0px;
*/		min-height: 100px;
	}
	
	.header-container .header {
		background-position: center 5px;
		background-size: 64px 57px;
		height: 70px;
	}


	#logo-link {
		width: 175px;
		height: 70px;
	}
	
	.mobile-log-in, .mobile-nav   {	
		margin-top: 20px;
/*		width: 50px;*/
		width: auto;
		height: 50px;
	}
	
	.mobile-log-in {
		height: 40px;
		margin-top: 26px;
		position: relative;
	}
	
	.mobile-log-in a  {
		font-family: "Dax Medium",sans-serif;
		font-size: 14px;
		text-decoration: none;
		color: #fff;
	}
	
	.mobile-log-in a:hover {
		color: #d2d2d2;
	}

	.mobile-nav {
		font-family: "Dax Medium",sans-serif;
/*		font-size: 16px;*/
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		color: #0063b3;
		text-align: right;
	}
	
	.mobile-nav img {
		margin-bottom: 5px;
	}
	
	.header-sub-nav ul li.desktop-only {
		display:none;
	}
	
	.header-sub-nav ul li.mobile-only {
		display:block;
	}

	
/*	.mobile-nav a {
		font-size: 12px;
	}

	.mobile-log-in a:hover, .mobile-nav a:hover  {
		color: #0079c2;
	} */

	.hero-container {
		background:none;
		height: auto;
		min-height: 135px;
	}

	.hero-image-mobile {
		display:block;
		height: auto;
		min-height: 135px;
		position: relative;
	}
	
	.hero-image-mobile img {
/*		display:block;*/
		max-width: 100%;
	}

	.hero-image-mobile img.tablet {
		display:none;
	}

	.hero-image-mobile img.phone {
		display:block;
	}

	.hero-message1, .hero-message2 {display:none;}
	
	.hero-message-mobile {
/*		position: absolute;
	 	font-family:'Rockwell-Bold';
		text-align: center;
		color: #0063b3;
		font-size: 20px;
		top: 15%;
		left: 14%;*/
		display:none;
	}

	.hero-button-container {
		margin-top: 0px;
		height: auto;
		position: relative;
	}

	.hero-buttons .corners, .hero-buttons hero-btn, .hero-buttons  .hero-btn, .hero-buttons .hero-btn a  {
		width: 100%;
	}
	
	.hero-buttons {padding-top: 10px;}
	
	.hero-buttons div.corners {
		float:none;
		margin-bottom: 10px;
	}
	
	.hero-btn {padding-top: 20px;}

	.hero-buttons .hero-btn a {
		background-position: 95% 50%;
		font-size: 20px;
	}

	.locator {
		width: 95%;
	}

/*	.locator .map-placeholder img.map-placeholder-narrow {
		display:block;
		margin: 10px auto 0;
	}

	.locator .map-placeholder img.map-placeholder-wide {
		display:none;
	}*/

	.locator img {/*max-width: 95%;*/}

	.locator-container {
		height: auto;
		background-repeat: repeat;
	}

	.locator {padding-top: 10px;}
	
	#mag-glass {
		width: 19px;
		margin-top: 0px;
	}
	
	.locator p {
		margin-bottom: 5px;
		/*font-size: 16px;*/
		font-size: 15px;
	}

	.locator-search-container {
		padding-bottom: 10px;
	}

	/* .locator-search-container */
	.locator-search-container #ccs-locator-container .ccs-locator .header,
	#volunteerLocations #ccs-locator-container .ccs-locator .header, 
	#locatorPanel #ccs-locator-container .ccs-locator .header {
		position: relative;
/*		width: 95%; */
		height: 37px;
		margin: 12px auto 0;
	}

	.locator-search-container #ccs-locator-container .ccs-locator .body,
	#volunteerLocations #ccs-locator-container .ccs-locator .body,  
	#locatorPanel #ccs-locator-container .ccs-locator .body {
/*		width: 95%;*/
		margin: 12px auto;
	}

	.locator-search-container input,
	#volunteerLocations input, 
	#locatorPanel input {
/*		width: 135px;*/
		width: 160px;
		height: 37px;
		margin-left: 5px; 
/*		font-size: 12px;*/
		font-size: 10.5px; 
	}
	
	.styled {
		width: 60px;
		height: 37px;
		background-position: 35px 50%;
		float: right;
		padding-right: 67px;
	}
	
	.locator-search-container div.styled select,
	#volunteerLocations div.styled select,
	#locatorPanel div.styled select {
		font-size: 12px;
		width: 82px;
		height: 37px;
	}
	
	.locator-search-container input.find-button,
	#volunteerLocations input.find-button,
	#locatorPanel input.find-button {
		margin-left: 0px;
		width: 69px;
		height: 37px;
		border: none;
		text-indent: -9999px;
		background: transparent url(../img/bg_locator_search_arrow_mobile.png) no-repeat;
		position: absolute;
		right: 0;
	}

	.locator-search-container input.find-button:hover,
	#volunteerLocations input.find-button:hover,
	#locatorPanel input.find-button:hover {
		width: 69px;
		height: 37px;
		background-image: url(../img/bg_locator_search_arrow_mobile_hover.png);
	}
	
	.testimonial-container {height: auto;}
	
	.testimonial {
		padding-bottom: 0;
	}
	
	.testimonial-image {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.testimonial-image img {width: 39px;}
	
	.testimonial p {
		font-size: 12px;
		line-height: 18px;
	}
	
	p.testimonial-name {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	
	.footer-stats-col {
		/* width: 28%; */
		width: 33%;
		height: auto;
	}
	.footer-stats-col.right {
		/*width: 44%; */
		width: 33%;
	}
	
	.footer-stats-col.first {
		margin-right: 0px;
	}

	.footer-stats-container .footer-stats-icon{
		width: 64px;
		height: 64px;
	}
	.footer-stats-container .footer-stats-icon img{
		width: 64px;
	}
	
	.footer-stats-col .footer-stats-num {
		font-size: 20px;
		padding-bottom: 8px;
	}
	
	.footer-stats-text {
		font-size: 12px;
	}

	.footer-social-container {height: auto; display: none;}

	.footer-social-col.left, .footer-social-col.right {
		float: none;
		text-align: center;
	}
	
	.footer-social-col.right {
		padding-top: 0px;
	}
	
	.footer-social-col p {
		padding-top: 0px;
		padding-bottom: 8px;
		font-size: 12px;
		line-height: 16px;
	}

	.footer-social-col p br {display:block;}
	
	.footer-social-col img {
		width: 26px;
		padding-top: 15px;
	}
	
	.footer-base-col.left, .footer-base-col.right {
		float: none;
	}
	
	.footer-base-col.left {
		text-align: center;
	}
	
	.footer-base-col ul {
		margin: 0 auto; 
		width: 50%;
		float: left;
		text-align: center;
		padding-top: 8px;
	} 

	.footer-base-col ul li {
		display: block;
		font-family: "Dax Medium",sans-serif;
		font-size: 12px;
		line-height: 21px;
		border: none;
	}

	.footer-base-col ul li a,
	.footer-base-col ul li a:link,
	.footer-base-col ul li a:visited,
	.footer-base-col ul li a:hover,
	.footer-base-col ul li a:active {
		font-family: "Dax Medium",sans-serif;
		font-size: 12px;
		line-height: 21px;
	}

	.footer-base-col ul li:first-child {
		padding-left: 20px;
	}

	.footer-base-col ul.footer-base-nav2 {
		display:block;
		float:left;
	}

	.footer-base-col ul li.mobile-only {display:block;}

	.footer-base-col p {font-size: 12px;}
	
	.footer-base-col.right a {
		display: inline-block;
		width: 186px;
		height: 49px;
		margin-bottom: 10px;
	}
	
	.footer-base-col.right img {height: 25px;}

	.footer-base-col.right a.last{
		float: right;
		width: auto;
	}

	
	.footer-base-col.right a.last img{
		float: right;
		height: 21px;
		width: 55px;
	}

	.mobile div.tr-page-container #entry_page_custom_html {
		/*max-height: 200px;*/
		/*max-height: 220px;*/
		/*max-height: 760px; */
		max-height: 850px;
	}
	
	.mobile div.responsive {
		width: auto;
	}

	.grid4{
		width: 95%;
	}
	
	.grid4-cell {
		width: auto;
		display: block;
		border-right: 1px solid #e4e4e4;
	}

	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* orange */
	.header-container .header, .hero, .hero-buttons, /*.locator,*/ .testimonial, .content, .footer-stats, .footer-social, .footer-base {
		width: 95%;
		/*outline: 1px solid orange;*/
	}

	.hero-image-mobile img.tablet {
		display:block;
	}

	.hero-image-mobile img.phone {
		display:none;
	}

	.locator-search-container {
		padding-bottom: 10px;
	}

	.locator-search-container #ccs-locator-container .ccs-locator .header,
	#volunteerLocations #ccs-locator-container .ccs-locator .header,
	#locatorPanel #ccs-locator-container .ccs-locator .header {
		position: relative;
/*		width: 95%; */
		height: 37px;
		margin: 12px auto 0;
	}

	.locator-search-container input {
/*		width: 235px;*/
		width: 300px;
	}

	.locator-search-container #ccs-locator-container .ccs-locator .body,
	#volunteerLocations #ccs-locator-container .ccs-locator .body,
	#locatorPanel #ccs-locator-container .ccs-locator .body {
		/*width: 95%; */
		margin: 12px auto;
	}

	.content {
/*		padding: 20px 0px;
*/		min-height: 100px;
	}

	#logo-link {
	/*	width: 350px;*/
		width: 340px;
	}

	.hero-image-mobile {display:block;}

	.hero-message-mobile {
		position: absolute;
	 	font-family:'Rockwell-Bold';
		text-align: center;
		color: #0063b3;
		font-size: 20px;
		top: 30%;
		left: 30%;
	}

	.mobile div.tr-page-container #entry_page_custom_html {
/*		max-height: 190px;*/
		max-height; 230px;
	}
	
	.mobile div.responsive {
		width: auto;
	}

}
/* Begin styles for event locator */
    
#ccs-locator-container { 
  display:inline-block; 
/*                width:680px;*/
  width: 100%; 
}

#ccs-locator-container .ccs-locator .header label {
  font-size: 0px;
  color: #fff;
}

#ccs-locator-container .ccs-locator {
margin-bottom: 10px;
}


#ccs-locator-container .ccs-locator .header label br {
  display:none;
}

#ccs-locator-container .ccs-locator .sidebar .sidebar-message {
  color:#000; 
  font-family: "Dax Regular",sans-serif;
  font-style: normal;
  font-size: 16px;
  padding: 10px;
}
#ccs-locator-container .ccs-locator .sidebar {
  background-color: #fff;
/*              min-height:430px; */
/*              max-height:430px; */
    max-height: 460px;
/*              float:left; */
  float:none;
  overflow:auto; 
/*              width:30%;*/
    width: 100%;
  display:none;
}

#ccs-locator-container .ccs-locator .sidebar ul { list-style-type:none; }
#ccs-locator-container .ccs-locator span.relay-name a { font-size: 18px; font-family: "Dax Bold",sans-serif; /* font-weight:bold;*/ }
#ccs-locator-container .ccs-locator .body {
  margin-top: 10px;
}
#ccs-locator-container .ccs-locator .sidebar ol {
  margin: 10px .5em 0 2em;
  text-align: left;
  padding: 0 10px 10px 10px;
}
#ccs-locator-container .ccs-locator .body li, #ccs-locator-container .ccs-locator .body li strong, #ccs-locator-container .ccs-locator .body em, #ccs-locator-container .ccs-locator .body li strong em {                padding: 0; 
  background:#fff; 
  margin-left: 0px !important;
  margin-bottom: 20px;
  font-size: 16px;
}
#ccs-locator-container .ccs-locator .body li.alt { 
  background-color:#fff;

}

#ccs-locator-container .ccs-locator .map-canvas { display:none!important; min-height:430px; max-height:430px; border: 1px solid #f4f4f4;}

#ccs-locator-container .relay-name, .location-distance, .location-address, .location-city, .location-province, .location-date, .location-time, .location-comment {
  font-family: "Dax Regular",sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height; 21px;
}

#ccs-locator-container .ccs-locator .sequence-number {
  /* The following settings center the sequence number on a 18x18 pixel blue circle relative to the pin location. */
  /* A different background image can be specified if the disc should be a different size or colour. */
  position: relative; /* This causes the disc to be rendered relative to the associated marker. */
  left: -22px;        /* This is the horizontal offset of the disc relative to the marker. The disc will be to the left if this is negative and to the right if this is positive. */
 top: -42px;         /* This is the vertical offset of the disc relative to the marker. The disc will be higher if this is negative and lower if this positive. */
 background-image: url('//www.cancer.ca/resources/services/images/rfl-disc.png'); /* This is the background image that is rendered behind the sequence number. */
 width: 18px;        /* This is the width of the div that contains the sequence number and should be the same as the width of the background image. */
 height: 18px;       /* This is the height of the div that contains the sequence number and should be the same as the height of the background image. */
 line-height: 18px;  /* Set the line-height equal to the height of the disc so text will be vertically centered. */
 color: yellow;      /* Set this to the color of the sequence numbers. */
 font-family: "Dax Bold",sans-serif;
 font-style: normal;
 font-size: 11px;    /* Set this to the font-size of the sequence numbers. */
 text-align: center; /* Set this to "center" to horizontally center the text. */
}

.locator-search-container input {
      /*width: 400px; */
    font-size: 14px;
}

[[?[[S8]]::RFL_CAN_NATL_volunteering::
    .full-list-link a {color: #0079c2;font-size: 18px;}
    .full-list-link a:hover {font-size: 18px;}
::
    .full-list-link a {color: #fff;font-size: 18px; width: 40%;}
]]
@media only screen and (max-width: 767px) {
  #ccs-locator-container { 
      width: 95%;
  }

  .styled {width: 55px;}
  
  .locator-search-container div.styled select {
      /*font-size: 11px;*/
      font-size: 14px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (max-width: 767px) {
  /* green */
  #ccs-locator-container .ccs-locator .sidebar {
/*                  max-height: none;
      min-height: 80px; 
      text-align: left; */
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* orange */
  #ccs-locator-container .ccs-locator .sidebar {
/*                  max-height: none;
      min-height: 80px;  
      text-align: left;*/
  }


}