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

/* Document is organized into the following sections:

1. Fonts
2. General
3. Menu
4. Header
5. Footer
6. Homepage
7. Overview Page
8. Interior Pages
9. Events
10. Social
	- sharing buttons, etc
11. Page-specific rules
	- newsletter signup, anti-spam, etc.
12. Luuk's additions
13. French site rules

Note: Sections can be located by searching for the number plus period (i.e., "8.") */


/************* 1. FONTS *************/

/*************************** Custom Fonts used ****************************/
/* font-family: 'Roboto', Arial, Helvetica, sans-serif;                   */
/* font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;      */
/* font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;  */
/* font-family: 'EvergreenBold', 'Roboto', Arial, Helvetica, sans-serif;  */
/* font-family: 'Dosis', Arial, Helvetica, sans-serif;                    */
/**************************************************************************/

@font-face {
    font-family: 'Evergreen';
    src: url('./fonts/evergreen-webfont.eot');
    src: url('./fonts/evergreen-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/evergreen-webfont.woff') format('woff'),
         url('./fonts/evergreen-webfont.ttf') format('truetype'),
         url('./fonts/evergreen-webfont.svg#Evergreen') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Evergreen';
    src: url('./fonts/evergreen-italic-webfont.eot');
    src: url('./fonts/evergreen-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/evergreen-italic-webfont.woff') format('woff'),
         url('./fonts/evergreen-italic-webfont.ttf') format('truetype'),
         url('./fonts/evergreen-italic-webfont.svg#evergreenItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Evergreen';
    src: url('./fonts/evergreen-bold-webfont.eot');
    src: url('./fonts/evergreen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/evergreen-bold-webfont.woff') format('woff'),
         url('./fonts/evergreen-bold-webfont.ttf') format('truetype'),
         url('./fonts/evergreen-bold-webfont.svg#EvergreenBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Evergreen';
    src: url('./fonts/evergreen-bolditalic-webfont.eot');
    src: url('./fonts/evergreen-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/evergreen-bolditalic-webfont.woff') format('woff'),
         url('./fonts/evergreen-bolditalic-webfont.ttf') format('truetype'),
         url('./fonts/evergreen-bolditalic-webfont.svg#EvergreenBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/*************** 2. GENERAL *****************/

body, p, div, h1, h2, h3 {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	display: block;
    position: relative;
    width: 100%;
}

header, nav, section, article, 
aside, footer, hgroup { 
	display: block;
}

body{
	background-color:#f6f6f6;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: 300;
	color:#1d1d1d;
	-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
	border:0;
}
.left {
	float:left;
}
.right {
	float:right;
}

ul {
	margin-top:0;
	margin-bottom:20px;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden
}

.first{
	margin-left:0px !important;
}

a {
	color:#809431;
	font-weight: bold;
	text-decoration:none;
}
a:hover,
a:focus {
	color:#343333
}

#header-wrap a {
	color:#A2BE0A;
	font-weight:bold;
}

a.anchor, a[name] {
	display:block;
	position:relative;
	top:-130px;
	visibility:hidden;
}

#site-wrap,
#masthead-wrap,
#top-menu-wrap,
#banner-wrap,
#content-wrap{
	width:100%;
	min-width:100%;
	position:relative;
}

.site-width{
	width:1020px;
	margin:0 auto;
	padding:0 10px;
}

.half-width{
	width:498px;
	margin-right:24px;
}

.quarter-width{
	width:236px;
	margin-right:24px;
}

h1,h2,h3,h4,h5,h6{
	color:#333333;
	font-weight:300;
	margin: 1em 0 0.5em;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
    margin-top: 0;
}

h1 a,
h2 a,
h3 a,
h5 a,
h6 a {
	font-weight: 400;
}

h4 a {
	font-weight: 600;
}

h2 { font-size:28px;line-height:32px; }
h3 { font-size:22px;line-height:28px; }
h4 { font-size:18px;font-weight:600;line-height:24px; }
h5 { font-size:18px;font-weight:400;line-height:22px; }
h6 { font-size:16px;font-weight:400;line-height:20px; }

h1:first-child, a[id='maincontent'] + h1,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/*a[id='maincontent'] + h1 {
	max-width: 543px;
}*/

h1{
	font-size:42px;
	line-height:48px;
}

h1.bar-center,
h1.bar-left{
	width:100%;
	background-image:url(/images/common/im_deviderfull.png);
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	font-size:29px;
	/*color:#95b124;*/
	font-weight:normal;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

h1.bar-center{
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
}

h1.bar-left{
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:18px;
}

h1.bar-center span,
h1.bar-left span{
	padding:0 20px;
	background-color:#f6f6f6;
}

h1.bar-left span{
	padding-left:0;
	padding-right:10px;
}

.boxed h1.bar-center span,
.boxed h1.bar-left span{
	background-color:#efefef;
}

.boxed.white h1.bar-center span,
.boxed.white h1.bar-left span{
	background-color:#fffdfe;
}

h1.bar,
h2.bar,
h3.bar,
h4.bar,
h5.bar,
h6.bar {
	background: #e8eadc;
    border-left: 1em solid #c0d27c;
    padding: 0.25em 0.5em;
}

hr.bar{
	border:none;
	height:8px;
	background-image:url(../images/common/im_deviderfull.png);
	margin:20px 0;
}

#content-wrap{
	margin-bottom:36px;
}

#menu-bar{
	padding:0;
}

a.pdf-link{
	display:block;
	font-weight:bold;
	font-size:12px;	
	width:155px;
	line-height:40px;
	margin-right:60px;
	background-image:url(/images/common/im_arrowsml.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:23px;
	text-transform:uppercase;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.no-desktop {
	display:none !important;
}

/* Buttons */

a.button.button-small {
	margin:4px;
	padding:0 10px;
}

a.button.button-medium {
	font-size:20px;
	line-height:24px;
}

a.button.button-large {
	font-size:24px;
	line-height:48px;
	margin:12px;
}

a.button.greenspace {
	background: #74CAAE;
	border:1px solid #74CAAE;
}

a.button.greenspace:hover, a.button.greenspace:focus {
	background:#fff;
	color:#74CAAE;
}

span.fileinfo {
	display:block;
	font-size: 0.8em;
	font-weight: lighter;
	line-height:1.5em;
}

/* old */

a.green-btn,
a.green-btn-small{
	text-transform:uppercase;
	background-color:#617708;
	color:#fff;
	font-weight:bold;
	padding:7px 10px;
	font-size:14px;
}

a.green-btn-small{
	padding:3px 10px;
	font-size:11px;
}

a.green-btn:hover,
a.green-btn-small:hover,
a.green-btn:focus,
a.green-btn-small:focus{
	color:#95b124;
}

#content-wrap #left-col{
	width:180px;
	margin-right:45px;
	float:left;
}

#top-link{	
	width:44px;
	height:33px;
	overflow:hidden;	
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-22px;
	z-index:999;
}

#top-link a{
	margin:0 auto;
	display:block;
	width:45px;
	height:37px;
	line-height:34px;
	background-image: url(/images/common/btn_top.png);
	background-position:top center;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#a3be0f;
}
#top-link a:hover,
#top-link a:focus{
	color:#fff;
}

/* for screen readers */
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skiptocontent {
	line-height:40px;
}

a#skiptocontent:focus {
	background: #313f11;
	color:#fff;
	left: 50%;
	height:auto;
	margin-left: -80px;
	padding: 0px 10px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 140px;
}

.fr a#skiptocontent:focus {
	margin-left:-100px;
	width:180px;
}

.callout-block {
	background:#fff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	margin:1.5em auto;
	padding:1.5em;
}

.callout-block > *:last-child {
	margin-bottom:0;
}

.callout-block.notice, .callout-block .callout-block.notice {
	border: 1px solid #ee3524;
}

.callout-block .callout-block {
	box-shadow:none;
}

.callout-block:after { /*self-clearing hack */
  content: "";
  display: table;
  clear: both;
}

.callout-block .callout-block, .tab-box .callout-block {
	border:1px solid #809431;
}

.callout-block .callout-block .callout-block, .tab-box .callout-block .callout-block {
	background: #E4EDC1;
	border: none;
}

#page-copy .callout-block .body-image-right {
	margin: 0 0 20px 24px;
}

#page-copy .callout-block .body-image-left {
	margin: 0 24px 20px 0;
}

.callout-block .full-image {
	margin:-24px -24px 12px;
}

.callout-right, .callout-left {
	background-color: #fff;
	max-width:32%;
	padding: 12px;
}

.callout-right {
	clear:right;
	float: right;
	margin: 0 0 24px 24px;
}

.callout-left {
	clear:left;
	float:left;
	margin: 0 24px 24px 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.backtotop {
	text-align:right;
}

/************* 3. MENU ************/

#top-menu ul a{
	font-size:18px;
	line-height:40px;
	color:#dcef6f;
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
	outline-color: #dcef6f;
}

#top-menu ul li{
	float:left;
	display:block;
	margin-right:40px;
}

#top-menu ul ul li{
	margin-right:0px;
	float:none;
}

#top-menu ul li ul,
#top-menu ul li ul li ul,
#top-menu ul li:hover ul li ul,
#top-menu ul li a:focus + ul li ul,
#top-menu ul li ul li ul li ul{
	display:none;
}

#top-menu ul li:hover ul,
#top-menu ul li ul li:hover ul,
#top-menu ul li a:focus + ul,
#top-menu ul li ul li a:focus + ul{
	display:block;
}

#top-menu ul ul ul a:hover,
#top-menu ul ul ul a:focus{
	color:#000;
}

#top-menu ul ul ul ul{
	display:block;
	background:none !important;
	left:auto;
	top:auto;
	width:auto;
	position:relative;
	padding-top:5px;
}

#top-menu ul ul ul ul li{
	padding:0;
}

#top-menu ul ul ul ul a{
	color: #1d1d1d;
    font-weight: 300;
	font-size:14px;
	line-height:14px;
	padding: 0 20px 6px;
}

#top-menu ul ul ul ul a:hover,
#top-menu ul ul ul ul a:focus{
	color:#000;
}

#top-menu ul ul ul ul ul{
	padding-left:10px;
	display:none !important;
}

#top-menu ul li.level-1 > a{
	text-shadow: -1px -1px 1px #777;
}

#top-menu ul li.level-1 > a:hover,
#top-menu ul li.level-1 > a:focus,
#top-menu ul li.level-1.here > a,
#top-menu ul li.level-1.parent-here > a{
	color:#fff;
}


/* Custom Mega Menus */

#top-menu ul ul #nav-sub-get-involved-evergreen-brick-works > ul{
	width:399px
}

#top-menu ul ul #nav-sub-get-involved-evergreen-brick-works > ul .level-3{
	float: left;
	width: 197px;
}

#top-menu ul ul #nav-sub-get-involved-evergreen-brick-works li:nth-child(2n+1) {
	clear:left; /* to deal with wonky floating after adding 6th sub-item to What's Here */
}

#top-menu ul ul #nav-sub-get-involved-evergreen-brick-works li:last-child {
	clear:none; /* to deal with wonky floating after adding 6th sub-item to What's Here */
}

#top-menu ul ul #nav-sub-get-involved-evergreen-brick-works > ul .level-3 a{
	padding-right:10px;
}

/* Left facing menu for far right side of page */

#top-menu ul ul li#nav-sub-news-media-media-kit > ul{
	left:-265px;
}

/* fix for sub-menus that are too short */

#top-menu ul ul ul::after {
	content:" ";
	width:100%;
	height:50%;
	position:absolute;
	bottom:-50%;
	left:0;
}

#top-menu ul ul ul ul::after {
	content:none;
}



/************* 4. HEADER ***********/

#header-wrap{
	position:fixed;
	top:0px; 
	margin:auto; 
	z-index:8888; 
	width:100%;
	transition:top 1s;
}

#search-box input#search-field{
	height:30px;
	width:205px;
	padding:5px;
	margin:0;
	background-color:#714c2f;
	color:#fff;
	border:none;
	outline: 0;
	float:left;
}

#search-box button#search-btn{
	padding:0;
	margin:0;
	height:40px;
	width:40px;
	background:none;
	border:none;
	outline-color: #a3bd0b;
	float:right;
}

#masthead-wrap > .site-width {
  text-align: right;
}

#site-logo{
	display:block;
	width:133px;
	height:135px;
	margin-left:-5px;
	position:absolute;
	z-index:99;
}

#site-logo #logo-link{
	display:block;
	height:100%;
	width:100%;
	background-image:url(/images/common/logo-eg-header-25.png);
	/*background-image:url(/images/common/im_logo_ipad.png);*/
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-1000px;
	overflow:hidden;
}


#top-menu-wrap{
	height:54px;
	background-color:#809431;
	border-top:4px solid #a2be0a;
	z-index:90;
}


/* for EBW alerts */

aside.color-banner.blue {
	background:#51b5e0;
	color:#fff;
}

aside.color-banner.blue .color-banner-title {
	background:#218FBE;
	color:#51b5e0;
}

aside.color-banner.blue .close-btn {
	background-image:url('../images/interior/btn_X_ebw_4.jpg');
}

aside.color-banner.blue a {
	color:#d15980;
}

.event-cancellation {
	color:#C80000;
	padding:20px 20px 10px 20px;
	text-align:center;
}

.event-cancellation p {
	color:#484747;
	display:inline-block;
	margin:0;
}

.accessibility-notice {
	border:1px solid #13b5ea;
	margin:1em auto;
	padding:0.5em;
	text-align:center;
}

.ebw-alert p {
	line-height:1.5em;
	margin: 0;
}

/************** 5. FOOTER ***********/

#footer-bottom footer{
	height: 355px;
	position:relative;
}

#footer-top{
	height:155px;
	background-color:#809431;
}

#footer-bottom ul,
#footer-bottom li{
	list-style:none;
	margin:0;
	padding:0;
}

.footer-sitemap > ul > .first {
	margin-left: 25px !important;
}

#footer-top a{
	color:#cde83b;
}


#footer-top a:hover,
.footer-social a:hover,
.footer-sitemap a:hover,
.donate-list a:hover,
#copyright a:hover,
#footer-top a:focus,
.footer-social a:focus,
.footer-sitemap a:focus,
.donate-list a:focus,
#copyright a:focus{
	color:#fff;
}

#footer-top .footer-tote{
	float:left;
	width:235px;
	padding-right:25px;
}

#footer-top .site-width{
	padding-top:15px;
}

.footer-tote-title{
	padding-bottom:10px;
	font-weight:bold;
}

.footer-tote .footer-tote-image img{
	width:100%;
	height:auto;
	display:block;
}

#footer-top .footer-signup{
	width: 240px;
	float: left;
}

.footer-signup .footer-tote-title{
	color:#cde83b;
}

#signup-box{
	height:40px;
}

#signup-box input#signup-field{
	height:30px;
	width:180px;
	padding:4px;
	margin:0;
	font-size:12px;
	color:#728c09;
	font-weight:bold;
	background-color:#f8f8f8;
	border:1px solid #e0e3ce;
	outline: 0;
	float:left;
	color: #95b124
}

*::-webkit-input-placeholder {
    color: #95b124;
}    
*:-moz-placeholder {
    /* FF 4-18 */
    color: #95b124;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #95b124;
}    
*:-ms-input-placeholder {
    /* IE 10+ */
	color: #95b124;
}

#signup-box button#signup-btn{
	padding:0;
	margin:0;
	height:40px;
	width:48px;
	background:none;
	border:none;
	outline: 0;
	float:right;
}

/************************ 6. HOMEPAGE ************/

#home-banner-wrap{
	width:100%;
	max-width:1150px;
	min-width:1020px;
	margin:0 auto;
}

#home-banner-wrap .bx-wrapper{
	margin-bottom:0px;
}

.home-banner{
	overflow:hidden;
}

.slide .banner-box{
	width:270px;
	padding-top:15px;
	padding-bottom:0px;
	background-image:url(/images/home/home_brown_transparency.png);
	border-top:4px solid #a2be0a;
	position:absolute;
	top:17.5%;
	right:20px;
	color:#fff;
	font-size:14px;
}

.banner-box .banner-title p {
	font-size:34px;
	line-height:34px;
	margin-bottom:20px;
	padding:0 15px;
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
}

.banner-box .banner-title strong{
	font-family: 'EvergreenBold', 'Roboto', Arial, Helvetica, sans-serif;
}

.banner-box .banner-tag{
	font-size:20px;
	line-height:12px;
	margin-bottom:15px;
	padding:0 15px;
	font-family: 'EvergreenBold', 'Roboto', Arial, Helvetica, sans-serif;
}

.banner-box .banner-copy{
	padding:0 15px;
	margin-bottom:30px;
}

.banner-box .banner-link{
	background-color:#7d481e;
}

.banner-box .banner-link a{
	display:block;
	padding:12px 25px 12px 45px;
	background-image:url(/images/common/im_arrowsml.png);
	background-position:20px 12px;
	background-repeat:no-repeat;
}

.banner-box .banner-link a:hover,
.banner-box .banner-link a:focus{
	color:#fff;
}

.slide .mini-banner-box{
	width:100%;
	padding-top:0;
	padding-bottom:0px;
	background-image:url(/images/home/home_brown_transparency.png);
	position:absolute;
	bottom:0;
	color:#fff;
	font-size:14px;
}

.mini-banner-box .banner-title{
	margin-bottom:0px;
	padding:10px 15px;
	text-transform:uppercase;
	padding-left:40px;
	background-image:url(../images/interior/im_arrowwhite.png);
	background-position:15px 12px;
	background-repeat:no-repeat;
}

.mini-banner-box .banner-caption{
	font-size:9px;
	line-height:11px;
	padding:0 15px;
	background-image:url(/images/home/home_brown_transparency.png);
}

.mini-banner-box .banner-link{
	background-color:#7d481e;
}

.mini-banner-box .banner-link a{
	display:none;
	padding:6px 25px 6px 45px;
	font-size:13px;
	background-image:url(/images/common/im_arrowsml.png);
	background-position:20px 12px;
	background-repeat:no-repeat;
	text-transform:uppercase;
}


section#our-impact{
	margin-bottom:24px;
}

#impact-cols .impact-col,
.intro-icons .intro-icon{
	float:left;
	margin-right:24px;
	width:237px;
	background-image:url(/images/home/bg_icons.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.intro-icons .intro-icon{
	width:120px;
	background:none;
}

.impact-col.cityworks{
	margin-right:0 !important;
}

.impact-col a,
.intro-icon a{
	display:block;
	font-weight:normal;
	height:198px;
	margin:0 auto;
}

.intro-icon a{
	height:auto;
}

.impact-col a span,
.intro-icon a span{
	display:block;
	text-align:center;
	font-size:27px;
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
}

.intro-icon a span{
	font-size:24px;
}


.impact-col .icon,
.intro-icon .icon{
	padding-top:35px;
	width:43%;
	height:auto;
	margin:0 auto;
}

.intro-icon .icon{
	width:96%;
	padding-top:20px;
}

.impact-col .icon img,
.intro-icon .icon img{
	width:100%;
}

.greenspace a{
	color:#4bbd98;
}
.children a{
	color:#f89c06;
}
.food a{
	color:#d13973;
}
.cityworks a{
	color:#37aad2;
}

.impact-col .impact-facts{
	height:64px;
}

.greenspace .impact-facts{
	background-color:#74caae;
}
.children .impact-facts{
	background-color:#ffa615;
}
.food .impact-facts{
	background-color:#d34078;
}
.cityworks .impact-facts{
	background-color:#50b0d1;
}

.impact-col .impact-facts .impact-facts-text{
	width: 118px;
	height: 64px;
	float:right;
	background-image:url(/images/home/bg_icon_detail.png);
}

.impact-col .impact-facts .impact-facts-text span{
	display:block;
	padding:0px 8px;
	width: 102px;
	height: 64px;
	overflow:hidden;
	color:#484747;
	font-size:12px;
	line-height:13px;
	display: table-cell;
	vertical-align:middle;
}

.impact-col .impact-facts .impact-facts-number{
	float:left;
	width:50%;
	height:100%;
}

.impact-col .impact-facts .impact-facts-number span{
	display:block;
	padding: 14px 5px;
	overflow:hidden;
	text-align:center;
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:28px;
}

.impact-col .color-div{
	height:100%;
	width:100%;
	display:none;
}

.impact-col .color-div .color-copy{
	padding:20px;
	color:#fff;
	font-size:20px;
}

.impact-col:hover .icon-div {display:none;} /* replaces JS on homepage */
.impact-col:hover .color-div {display:block;} /* replaces JS on homepage */

.greenspace .color-div{
	background-color:#52a97e;
}
.children .color-div{
	background-color:#e49212;
}
.food .color-div{
	background-color:#bd396b;
}
.cityworks .color-div{
	background-color:#489dba;
}

#evergreen-placeholder{
	background-image:url(/images/home/BrickworksTotes/tote_brickworks01.jpg);
	background-position:top right;
}

#evergreen-placeholder,
#visit-brickworks{
	/*background-image:url(/images/home/BrickworksTotes/tote_brickworks01.jpg);
	background-position:top right;*/
	height:306px;
	margin-bottom:24px;
	position:relative;
	overflow:hidden;
}

#brickworks-links{
	width:155px;
	height:306px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}

#brickworks-links a{
	display:block;
	font-size:13px;
	height:43px;
	line-height:43px;
	padding:0 10px;
	color:#c9985f;
	font-weight:bold;
	background-image:url(../images/home/btn_brickworks.png);
	border-bottom:1px solid #592b00;
}
#brickworks-links a:hover,
#brickworks-links a:focus{
	color:#fff;
}

#visit-brickworks .bx-wrapper{
	z-index:5;
}

#visit-brickworks .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#events-box{
	border: 1px solid #e4e4e4;
}

#events-box .events-row{
	height:30px;
	padding:10px 10px 11px 10px;
	background-image:url(/images/home/bg_whatson01.png);
}

#events-box .events-row.odd{
	background-image:url(/images/home/bg_whatson02.png);
}

#events-box .events-row .events-day{
	float:left;
	width:32px;
	padding-right:15px;
	font-size:29px;
	line-height:30px;
	font-weight:normal;
	text-align:right;
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
}

#events-box .events-row .events-month{
	float:left;
	border-left:1px solid #afafaf;
	font-size:12px;
	line-height:15px;
	color:#616161;
	text-transform:uppercase;
	width:50px;
	padding-left:10px;
	padding-right:15px;
}

#events-box .events-row .events-title{
	/*float:left;*/
	font-family:'Evergreen','Roboto',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:20px;
	overflow:hidden;
}


/* News/blog totes */

#news-grid,
#bottom-totes,
#small-grid,
#album-grid{
	width:522px;
	margin-left:-24px;
	overflow:hidden;
}

#album-grid{
	width:786px;
}

#more-events #small-grid{
	width:1032px;
}

#bottom-totes{
	width:1044px;
}

#bottom-totes .tote .tote-title{
	min-height:28px;
}


#news-grid .news-item,
#bottom-totes .tote,
#small-grid .news-item,
#small-grid .event-item,
#album-grid .gallery-item{
	float:left;
	width:236px;
	margin-left:24px;
	margin-bottom:0px;
}

#album-grid.photos .gallery-item{
	width:172px;
}

#more-totes h1.bar-left{
	margin-bottom:0px;
}

#more-totes #bottom-totes .tote{
	margin-top:15px;
}

#small-grid .news-item,
#small-grid .event-item{
	width:105px;
}

#bottom-totes .tote{
	margin-bottom:0px;
}

.news-image,
.event-image,
.gallery-image{
	margin-bottom:10px;
}
.news-image img,
.event-image img,
.gallery-image img,
.photos .gallery-item img,
.tote img{
	display:block;
	max-width:100%;
	border:1px solid #d2d2d2;
	height:auto;
}

a:hover .news-image img,
a:hover.event-image img,
a:hover .gallery-image img,
.photos .gallery-item a:hover img,
a:hover .tote img,
a:focus .news-image img,
a:focus.event-image img,
a:focus .gallery-image img,
.photos .gallery-item a:focus img,
a:focus .tote img{
	border:1px solid #95b124;
}

.tote img{
	border:0px;
	max-width:100%;
}

.news-item .news-title,
.event-item .event-title,
.gallery-item .gallery-title{
	margin-bottom:5px;
	font-family:'Evergreen','Roboto',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}

.news-item .news-desc,
.event-item .event-desc,
.gallery-item .gallery-desc{
	margin-bottom:15px;
	font-size:14px;
	line-height:17px;
}
.news-item .news-meta,
.event-item .event-meta,
.gallery-item .gallery-meta{
	height:34px;
}

#small-grid .news-item .news-title,
#small-grid .news-item .news-desc,
#small-grid .event-item .event-title,
#small-grid .event-item .event-desc,
#small-grid .event-item .event-location,
#small-grid .event-item .event-date,
#small-grid .event-item .event-time{
	font-size:12px;
	line-height:14px;
}

#small-grid .event-item .event-location,
#small-grid .event-item .event-date,
#small-grid .event-item .event-time{
	font-weight:bold;
	border-top:1px solid #e0dedf;
	padding: 4px 5px;
	font-size:11px;
}

.news-meta a.icon-link,
.event-meta a.icon-link,
.gallery-meta a.icon-link{
	display:block;
	float:left;
	height:30px;
	width:30px;
	margin-right:5px;
}

.news-meta a.icon-link img,
.event-meta a.icon-link img,
.gallery-meta a.icon-link img{
	width:100%;
	height:auto;
}

.news-meta .news-date,
.gallery-meta .gallery-date{
	display:block;
	float:left;
	height:31px;
	width:75px;
	padding-left:10px;
	line-height:31px;
	font-size:11px;
	font-weight:bold;
	color:#3b3a3a;
	background-image:url(/images/home/bg_news_date.png);
	background-repeat:no-repeat;
}

.tote .tote-title{
	color:#fff;
	background-color:#809431;
	margin-top:-1px;
	padding:12px 12px 12px 35px;
	line-height:14px;
	font-weight:bold;
	background-image:url(/images/interior/im_arrowwhite.png);
	background-repeat:no-repeat;
	background-position:10px 11px;
}

.greenspace #bottom-totes .tote .tote-title{
	background-color:#74caae;
}
.children #bottom-totes .tote .tote-title{
	background-color:#ffa615;
}
.food #bottom-totes .tote .tote-title{
	background-color:#d34078;
}
.cityworks #bottom-totes .tote .tote-title{
	background-color:#50b0d1;
}

.tote.brown .tote-title, .tote:first-of-type .tote-title{
	background-color:#6e401e;
}

.tote.venue:first-child .tote-title{
	background-color:#809731;
}

#side-totes .tote{
	margin-bottom:15px;
}

#side-totes .tote img{
	display:none;
}

#side-totes .tote.venue img{
	display:block;
}

#side-totes .tote.brown img, #side-totes .tote:first-of-type img{
	display:block;
}

#side-totes .tote .tote-title{
	background-position:10px center;
	font-size: 14px;
	line-height:16px;
	padding:10px 10px 10px 35px;
}

#twitter-feed #twitter-widget-0{max-height:310px;}

/****************** 7. OVERVIEW PAGE **************/

#banner-wrap.overview{
	margin-bottom:0;
}

#overview-banner img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}

#overview-banner .banner-logo{
	height:100px;
	width:100px;
	float:left;
	margin-right:12px;
}
#overview-banner .banner-logo img{
	height:100%;
	width:100%;
}

#overview-banner .banner-text{
	float:left;
	height:100px;
	line-height:100px;
	font-size:50px;
	color:#fff;
	font-weight:bold;
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
}

.cityworks #overview-banner .banner-text{
	background-repeat:no-repeat;
	background-position:left 40px;
	overflow:hidden;
	text-indent:-1000px;
	width:202px;
	background-image:url(/images/interior/im_title_cityworks.png)
}

.site-width.boxed{
	border:1px solid #e6e6e6;
	background-color:#efefef;
	padding:20px 10px;
}

.site-width.boxed.white{
	background-color:#fffdfe;
	padding:10px;
}

#sub-links{
	background-color:#fffdfe;
	padding:10px;
}

.boxed #sub-links h1.bar-left span{
	background-color:#fffdfe;
}

#sub-links a{
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background-image: url(/images/interior/im_arrowgreen.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	font-weight:bold;
	font-size: 16px;
	line-height: 20px;
	border-right:1px solid #ccc;
	padding-right:10px;
}

#sub-links a.last{
	border:none;
	padding-right:0px;
}


#sub-links h1{
	margin-bottom:5px;
}


.event-detail .site-width.boxed.white,
#media-overview.site-width.boxed.white{
	padding-bottom:50px;
}


#stories #news-grid{
	width:1045px;
	margin-left:-25px;
}

#stories.three-item #news-grid{
	width:810px;
}

#stories #news-grid .news-item{
	margin-left:25px;
	width:235px;
}

section#intro,
section#program-intro-map{
	background-color:#fdfdfd;
	text-align:center;
	padding:30px;
	font-size:18px;
	line-height:25px;
	margin-bottom:25px;
}

#intro-links{
	margin:0 auto;
	padding-top:10px;
}

.intro-link a,
a.more-link{
	display:inline-block;
	padding-left:30px;
	line-height:20px;
	margin:10px 0;
	font-size:16px;
	font-weight:bold;
	background-image:url(/images/interior/im_arrowgreen.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.intro-link{
	border-bottom:1px solid #eae9ee;
	border-top:1px solid #eae9ee;
	padding-bottom:4px;
	display:inline;
	margin:10px 5px 0px 5px;
}


#program-intro-map #intro-links{
	padding-top:180px;
}

#program-intro-map .intro-link,
#program-intro .intro-link,
#program-map .intro-link{
	border-bottom:none;
	border-top:2px solid #dadada;
	padding:5px 25px 0;
	margin:0;
}

#program-intro .intro-link a{
	margin:0px;
}

section#video,
section#events,
section#twitter,
section#over-content{
	margin-bottom:24px;
	z-index:1;
	background-image:none;
}

section#events.quarter-width{
	margin-right:0;
}

section#twitter h1 img{
	margin-bottom:-7px;
	margin-left:6px;
}

.quarter-width #events-box .events-row .events-day{
	width:33px;
}

.quarter-width #events-box .events-row .events-month{
	padding-right:10px;
}

.quarter-width #events-box .events-row .events-title{
	width:95px;
	height:30px;
	font-size:12px;
	line-height:15px;
}

.youtube-video{
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
	z-index:1;
}

/* for use when video is at the top of a .wide page -- i.e. next to floated totes */
.youtube-video-wide {
	float:right;
	height:288px;
	margin-bottom:24px;
	padding:10px;
	width:492px;
}

.youtube-video iframe, 
.youtube-video object, 
.youtube-video embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
#player, #player1{z-index:10;}
.box-spacer{
	height:25px;
}

#read-more{display:none;}
.more-link a.read-less{display:none;background-image:url(/images/interior/im_minus_big.png);}
.more-link a.read-more{background-image:url(/images/interior/im_plus_big.png);}

.more-link a{
	display:inline-block;
	padding-left:30px;
	line-height:20px;
	margin:10px 0;
	font-size:16px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:top left;
}

.more-link{
	border-bottom:1px solid #eae9ee;
	border-top:1px solid #eae9ee;
	padding-bottom:4px;
	display:inline;
	margin:10px 5px 0px 5px;
}

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

/* for French version */

.program-menu.flex-container {
	background:#fff;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	padding:24px 10px;
}

.program-menu.flex-item {
	flex:1 1 450px;
	margin:0 12px;
}

.program-menu.flex-item img {
	height:auto;
	margin-bottom:12px;
	max-width:100%;
}

.program-menu.flex-item h2 {
	font-size:22px;
	font-weight:bold;
	text-align:left;
}

.program-menu.flex-item p {
	text-align:left;
}

.program-menu.flex-item a.arrowlink {
	display:block;
	border:none;
	text-align:left;
}

/* FOR NEW ARTICLE STYLES -- this is a fast & dirty modification of existing styles, it really should be redone from scratch! */

.article {
	background-color:#fff;
}

.article .news-image img, .article a:hover .news-image img, .article a:focus .news-image img {
    border: none;
}

.article .news-image {
    margin-bottom: 0;
}

.article .news-title {
    background-color: #fff;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
    padding: 10px;
    text-align: center;
    margin-bottom: 0 !important; /* fast and dirty override for media query */
	min-height:40px; /* double-line height */
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.article .news-desc {
	font-size: 13px;
	margin: 0 12px 12px;
	min-height: 51px; /* hack to ensure consistent height with 3 lines of text */
}

.article {
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

/* special for Food page */

.food .article a .news-title {
	color:#000;
}

.food .article a:hover .news-title {
	color:#95b124;
}

/*************** 8. INTERNAL PAGES *********/

aside#left-nav{
	width:233px;
	margin-right:25px;
	float:left;
}

aside#left-nav a{
	color:#8ea826;
	font-weight: normal;
}
aside#left-nav a:hover,
aside#left-nav a:focus{
	color:#6a6a6a;
}

aside#left-nav nav li.parent-active > a{
	color:#6f8a05;
}

aside#left-nav nav ul,
aside#left-nav nav li{
	list-style:none;
	margin:0;
	padding:0;
}

aside#left-nav nav li ul,
aside#left-nav nav li.active ul ul{
	display:none;
}

aside#left-nav nav li.active ul,
aside#left-nav nav li.parent-active ul,
aside#left-nav nav li.parent-active li.parent-active ul,
aside#left-nav nav li.active li.active ul{
	display:block;
}

aside#left-nav nav{
	background-color:#fff;
	font-size:15px;
}

aside#left-nav nav li{
	border-bottom:1px solid #f1f1f1;
}

aside#left-nav nav li.active,
aside#left-nav nav li.parent-active,
aside#left-nav nav li:hover,
aside#left-nav nav li:focus{
	background-color:#c0d27c;
}

aside#left-nav nav li.active > a{
	color:#66685d;
}

aside#left-nav nav li.parent-active li,
aside#left-nav nav li.active li{
	background:none;
}

aside#left-nav nav li a{
	display:block;
	padding:5px 15px;
}

aside#left-nav nav li ul{
	background-color:#e8eadc;
}

aside#left-nav nav li ul li{
	padding-left:15px;
	border-bottom:1px solid #dee1d0;
}

aside#left-nav nav li ul li ul li{
	padding-left:30px;
	font-size:13px;
	border-bottom:none;
}

aside#left-nav nav li ul li ul li ul li{
	padding-left:15px;
}

aside#left-nav nav li li li a,
aside#left-nav nav li li li.active li a{
	padding:2px 0;
}

aside#left-nav nav ul ul ul{
	padding-right:10px;
}

aside#left-nav li.has-children {
	background-image: url(../images/interior/im_plus.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}

section#page-content{
	color:#666666;
	line-height:22px;
	padding-left:258px;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
}

#page-content strong {
	color:#474747;
}

#page-content .bx-wrapper strong {
	color: #ffffff;
}

section#page-content.wide{
	padding-left:0;
}

.event-detail section#page-content{
	padding-left:225px;
}

.content-banner.cityworks{
	background-color:#52a97e;
}
.content-banner.children{
	background-color:#e49212;
}
.content-banner.food{
	background-color:#bd396b;
}
.content-banner.cityworks{
	background-color:#489dba;
}

.content-banner{
	height:203px;
	margin-bottom:25px;
}

.content-banner .content-banner-img{
	width:523px;
	float:left
}

.content-banner .content-banner-img img{
	width:100%;
	height:auto;
	display:block;
}

.content-banner p{
	width:209px;
	padding:15px;
	font-size:18px;
	font-weight: 400;
	line-height:24px;
	color:#fff;
	float:left;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#page-copy{
	width:543px;
	float:left;
}

.wide #page-copy{
	width:770px;
}

#page-copy.wide-copy {
	max-width:100%; /* for IE */
	width:auto;
}

#page-copy.wide-copy > #page-totes {
	margin:0 0 1em 1em;
}

.gallery #page-copy{
	width:762px;
}

#page-copy img{
	max-width:100%;
	height:auto !important;
}

#page-copy ul li, #page-copy ol li {
	margin-bottom: 0.5rem;
	line-height: 1.35rem; /* 22px */
}

#page-totes, #page-totes-lower{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:197px;
	float:right;
}

.lower-hours-link {
	margin: 1em auto;
	text-align: center;
}

#page-totes-lower, .lower-hours-link {
	display: none;
}

.event-detail #page-totes{
	padding:10px;
	background-color:#efefef;
}

.event-detail #page-totes h1.bar-left{
	margin-bottom:10px;
}

.event-detail #page-totes h1.bar-left span{
	background-color:#efefef;
}

#breadcrumbs{
	font-size:12px;
	line-height:14px;
	margin-bottom:10px;
	color:#999999;
}

#breadcrumbs a{
	color:#9b9a9a;
	font-weight: 400;
}

#breadcrumbs span{
	color:#2d2c2c;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus{
	color:#2d2c2c;
}

aside.color-banner{
	text-align:center;
}

.site-width.color-banner{
	padding:0;
	width:1040px;
	position:relative;
}

aside.color-banner .color-banner-copy{
	font-size:18px;
	line-height:29px;
	padding:20px 20px;
	/*display:none;*/
}

aside.color-banner .color-banner-title{
	font-size:20px;
	font-family:'Evergreen','Roboto',Helvetica,Arial,sans-serif;
	padding:3px;
	font-weight:bold;
}

aside.color-banner .close-btn{
	position:absolute;
	right:20px;
	top:0px;
	cursor:pointer;
}

aside.color-banner .color-banner-copy span.text{
	vertical-align:middle;
	font-family: 'Evergreen', 'Roboto', Arial, Helvetica, sans-serif;
}

aside.color-banner .color-banner-copy span.number{
	font-size:55px;
	line-height:55px;
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin-right:10px;
}

aside.color-banner.cityworks{
	background-color:#4aa4c4 ;
	color:#fff;
	border-color:#5c8392;
}
aside.color-banner.greenspace{
	background-color:#59be9d;
	color:#fff;
}
aside.color-banner.children{
	background-color:#ea9f21;
	color:#fff;
}
aside.color-banner.food{
	background-color:#c34876;
	color:#fff;
}
aside.color-banner.red{
	background-color:#d60d0d;
	color:#fff;
}
aside.color-banner.orange{
	background-color:#ec6e06;
	color:#fff;
}
aside.color-banner.brown{
	background-color:#724a2a;
	color:#fff;
}
aside.color-banner.green{
	background-color:#83982c;
	color:#fff;
}

aside.color-banner.cityworks .color-banner-title{
	background-color:#3489a7;
	color:#8ce0fd;
}
aside.color-banner.greenspace .color-banner-title{
	background-color:#43997f;
	color:#6ee9c1;
}
aside.color-banner.children .color-banner-title{
	background-color:#ca8313;
	color:#fec566;
}
aside.color-banner.food .color-banner-title{
	background-color:#9e2d57;
	color:#fb81af;
}
aside.color-banner.red .color-banner-title{
	background-color:#b01414;
	color:#fd5151;
}
aside.color-banner.orange .color-banner-title{
	background-color:#be5d0f;
	color:#f59a50;
}
aside.color-banner.brown .color-banner-title{
	background-color:#5e3a1b;
	color:#96643d;
}
aside.color-banner.green .color-banner-title{
	background-color:#5c7922;
	color:#9cb828;
}

aside.color-banner .close-btn{
	right:3px;
	top:0px;
	height:21px;
	width:23px;
	text-indent:-1000px;
	overflow:hidden;
	background-position:left top;
	background-repeat:no-repeat;
}
aside.color-banner .close-btn.open{
	background-position:-23px top;
}
aside.color-banner .close-btn.close{
	background-position:left top;
}
aside.color-banner.cityworks .close-btn{	
	background-image:url(../images/interior/btn_X_cityworks.jpg);
}
aside.color-banner.greenspace .close-btn{	
	background-image:url(../images/interior/btn_X_greenspace.jpg);
}
aside.color-banner.children .close-btn{	
	background-image:url(../images/interior/btn_X_children.jpg);
}
aside.color-banner.food .close-btn{	
	background-image:url(../images/interior/btn_X_food.jpg);
}
aside.color-banner.red .close-btn{	
	background-image:url(../images/interior/btn_X_ebw_3.jpg);
}
aside.color-banner.orange .close-btn{	
	background-image:url(../images/interior/btn_X_ebw_2.jpg);
}
aside.color-banner.brown .close-btn{	
	background-image:url(../images/interior/btn_X_ebw_1.jpg);
}
aside.color-banner.green .close-btn{	
	background-image:url(../images/interior/btn_X_evergreen.jpg);
}


.tab-box{
	background-color:#fff;
	border-top:10px solid #e0e0e0;
	padding-bottom:50px;
}

.tab-box section{
	padding:30px 30px 0px;
}

.supporters .tab-box section{
	padding:20px 15px 0;
}

.resources .tab-box section{
	padding:0px;
}

.tab-box section h1{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
}

.tab-box section h1 span{
	display:block;
	font-weight:normal;
}

.supporters .tab-box section h1{
	line-height:30px;
	height:30px;
	padding:0 15px;
	margin-bottom:15px;
	background-color:#efefef;
	font-weight:normal;
	border-bottom:0;
}

ul.ui-tabs-nav,
ul.ui-tabs-nav li{
	list-style:none;
	padding:0;
	margin:0;
}

ul.ui-tabs-nav{
	height:37px;
}

ul.ui-tabs-nav{
	border-bottom:1px solid #e8eadc;
}

ul.ui-tabs-nav li{
	float:left;
	margin-top:2px;
}


ul.ui-tabs-nav li a{
	display:block;
	font-size:14px;
	padding: .5em 1em;
	margin-right:2px;
	color:#92a73c;
	background-color:#e8eadc;
}

ul.ui-tabs-nav li a:hover,
ul.ui-tabs-nav li a:focus,
ul.ui-tabs-nav li.ui-state-active a{
	color:inherit;
	background-color:#c0d27c;
}

.ui-tabs{padding:0;}
.ui-widget-content {
	border: 0px none;
}

.accordion h3.ui-accordion-header,
.accordion-like h3{
	cursor:pointer;
	font-size:18px;
	line-height:20px;
	padding:18px;
	color:#829043;
	background-color:#e8ebd8;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:0px;
	background-image:url(../images/interior/btn_acordion_on.png);
	background-repeat:no-repeat;
	background-position:97% 12px;
	padding-right:50px;
}
.accordion h3.ui-accordion-header.ui-accordion-header-active,
.accordion h3.ui-accordion-header:hover,
.ui-accordion-content,
.accordion-like h3,
.accordion-like-content{
	color:inherit;
	background-color:#efefef;
}

.accordion-like h3{
	background-image:none;
	cursor:auto;
}

.accordion h3.ui-accordion-header.ui-accordion-header-active{
	background-image:url(../images/interior/btn_acordion_off.png);
}

.ui-accordion-content,
.accordion-like-content{
	padding:0 18px 12px;
}

.accordion.white .accordion-content{
    background-color:#fff;
}
.accordion.white h3.ui-accordion-header.ui-accordion-header-active,
.accordion.white h3.ui-accordion-header:hover{
	color:inherit;
	background-color:#dee1d0;
}


.sponsor-logo, .supporter-logo{
	float:left;
	width:185px;
	padding:20px;
	padding-top:43px;
	text-align:center;
	max-width:100%;
	height:auto;
}

.sponsor-copy{
	margin-bottom:30px;
}

.sponsor-copy{
	float:left;
	width:515px;
	font-size:14px;
}

.sponsor-links a{
	font-weight:bold;
	display:block;
	float:left;
	line-height:14px;
}

.sponsor-links a.sponsor-link-01{
	margin-right:8px;
}

.sponsor-links a.sponsor-link-02{
	padding-left:8px;
	border-left:1px solid #484747;
}

.sponsor-entry ul,
.sponsor-entry ul li{
	list-style:none;
	padding:0;
	margin:0;
}
.sponsor-entry ul li{
	padding-left:20px;
}

.sponsor-entry ul li a{
	font-weight:bold;
}

.sponsor-entry ul.name-list li {
	float: left;
	width: 230px;
	margin: 0px 10px 10px 0px;
	padding: 10px 0px 0px;
	min-height: 45px;
}

.sponsor-entry ul.name-list li:nth-child(1n+4) {
	border-top:1px solid #ccc;
}

ul.logo-grid li{
	float:left;
	height:140px;
	width:180px;
	padding-left:0;
}

ul.logo-grid li img{
	max-width:100%;
	height:auto;
	display:block;
	padding:15px;
}


section#program-intro-map{
	height:510px;
	background-image:url(../images/interior/im_map.png);
	background-position:center -90px;
	background-repeat:no-repeat;
}

section#program-map{
	height:375px;
	background-image:url(../images/interior/map_small.jpg);
	background-position:center 35px;
	background-repeat:no-repeat;
}

#program-intro-map .map-overlay,
#program-map .map-overlay{
	height:220px;
	width:580px;
	text-align:center;
	border:1px solid #f2f2f2;
	background-image:url(../images/interior/bg_mapoverlay.png);
	margin:0 auto;
	margin-top:25px;
	padding:15px 60px;
}

#program-map .map-overlay{
	height:95px;
}

.map-overlay .intro-link a{
	margin-top:30px;
}

section#program-intro{
	text-align:center;
	margin-bottom:45px;
}

section#program-intro .intro-icon,
section#program-intro .intro-copy{
	width:720px;
	margin:0 auto;
}

section#program-intro .intro-icon{
	padding-bottom:30px;
}

section#program-intro .intro-copy{
	margin-bottom:20px;
	font-size:18px;
	line-height:22px;
}


/*h1#greenspace{
	color:#74caae;
}
h1#children{
	color:#ffa615;
}
h1#food{
	color:#d34078;
}
h1#cityworks{
	color:#50b0d1;
}*/

section#quick-links.left{
	clear:both;
	float:right;
	margin-right:3px;
}

.quick-link a{
	display:block;
	color:#fff;
	background-color:#784d2a;
	padding:5px 10px 5px 35px;
	margin-bottom:10px;
	background-image: url(../images/interior/im_arrowwhite.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
}

#carousel .bx-wrapper .bx-pager,
#visit-brickworks .bx-wrapper .bx-pager{
	text-align:right;
	bottom:-20px;
}

#carousel .bx-wrapper .bx-pager.bx-default-pager a,
#visit-brickworks .bx-wrapper .bx-pager.bx-default-pager a{
	overflow:hidden;
	color:#d8d8d8;
}

#carousel .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#carousel .bx-wrapper .bx-pager.bx-default-pager a.active,
#visit-brickworks .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#visit-brickworks .bx-wrapper .bx-pager.bx-default-pager a.active{
	color:#89af04;
}

.boxed .boxed-copy{
	background-color:#fff;
	padding:15px 25px;
}

.boxed-copy .copy-intro{
	font-size:17px;
	line-height:22px;
}


.resource-img{
	width:90px;
	height:110px;
	float:left;
	margin-right:20px;
}

.resource-img img{
	max-height:100%;
	max-width:100%;
}

.resources .tab-box .resource-item{
	height:110px;
	padding:20px 20px;
	font-size:13px;
	line-height:17px;
}
.resources .tab-box .resource-item + .resource-item{
	border-top:1px solid #e9e9e9;
}

.resource-item .resource-title,
.resource-item .resource-copy,
.resource-item .resource-link{
	padding-left:110px;
}

.resource-item .resource-title{
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:8px;
}

.resource-item .resource-copy{
	margin-bottom:8px;
}

.resource-item .resource-link a{
	font-size:11px;
	font-weight:bold;
	display:block;
	padding-left:30px;
	height:23px;
	line-height:23px;
	background-image:url(../images/common/icon_pdf.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#resource-grid{
	width:534px;
	margin-left:-25px;
	overflow:hidden;
}

#resource-grid .resource-item{
	width:236px;
	margin-left:25px;
	float:left;
	margin-bottom:24px;
}
#resource-grid .tote-title {
	color:#fff;
	background-color:#809431;
	margin-top:-1px;
	padding:12px 12px 12px 35px;
	text-transform:uppercase;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	background-image:url("/images/interior/im_arrowwhite.png");
	background-repeat:no-repeat;
	background-position:10px 11px;
}
#resource-grid img, #resource-grid .resource-image {
	height: 116px;
	width: 236px;
}

section#signup #signup-field {color:#809431;font-size:11px;}
section#signup #signup-btn{margin-left:-4px;margin-top:-1px;float:left;}
section#signup #signup-widget{height:40px;margin-bottom:24px;float:left;}
#signup-box input#signup-field {font-size:11px;}
#signup-btn{cursor:pointer;}


section#venue-details{
	background-color:#fdfdfd;
	padding:20px 20px 1px 20px;
	margin-bottom:15px;
	float:left;
}

section#venue-details p{
	margin-bottom:10px;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* for related blogs */

.related-blogs-entry {
    background: #fff;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.related-blogs-entry h6 {
	color:#809431;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 22px;
    margin: 6px 10px;
}

.related-blogs-entry p {
    margin: 0 10px;
}

/* for related blogs at the bottom of the page */

.related-blogs-bottom .flex-container {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow:row nowrap;
}

.related-blogs-entry.flex-item {
	flex:1 1 240px;
}

.related-blogs-entry.flex-item:first-of-type {	
	margin-right:24px;
}

/* for blog comments */

.blog-comments {
	margin-top:24px;
}

/* these two rules for non-FB comments */

.blog-comment {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #809431;
}

.blog-commentinfo {
	border-top: 1px solid #cdcdcd;
	padding-top: 10px;
}

a.arrowlink {
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(/images/interior/im_arrowgreen.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 20px;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}

a.arrowlink:last-of-type {
	border:none;
}

/* classes for body images */

#page-copy .body-image-right, .body-image-right {
	height:auto !important;
	float:right;
	margin: 10px 0px 10px 14px;
	max-width:40%;
}

#page-copy .body-image-left, .body-image-left {
	height:auto !important;
	float:left;
	margin: 10px 14px 10px 0px;
	max-width:40%;
}

.panel {
	background: #C0D27C;
	padding: 16px;
	box-shadow: 2px 2px 4px #999;
	margin:20px 0;
}

.panel a {
	color: #6f8a05;
	font-weight:bold;
}

.panel a:hover,
panel a:focus {
	color:inherit;
}

.panel > p:last-child {
	margin-bottom:0px;
}

.logo-block {
	background:#fff;
	display:inline-block;
	margin:16px 0;
	padding:16px 0 16px 32px;
}

.logo-block img {
	display:inline-block;
	margin-right:32px;
}

/******************** 9. EVENTS *************/

/* new featured events */

#featured-events {
	padding: 0;
	position: relative;
	width: 1040px;
}

#featured-events > img {
	float:left;
}

#featured-event-box {
	background:#fff;
	border:1px solid rgba(0,0,0,0.1);
	position: absolute;
	top: 50%;
	right: 30px;
	max-height: 368px;
	width: 368px;
	margin: -185px 0 0;
	overflow-y:auto;
}

.featured-event {
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-top:1px solid rgba(0,0,0,0.1);
	cursor:pointer;
	padding:20px;
}

.featured-event:first-child {
	background:rgba(0,0,0,0.2);
	border-top:none;
	border-bottom-width:2px;
	cursor:auto;
	padding:10px;
	text-align:center;
}

.featured-event:first-child p {
	margin:0;
}

.featured-event h3 {
	font-size:20px;
	font-weight:bold;
	margin:0;
}

.featured-event-extra {
	display:none;
	font-size:14px;
	margin-top:10px;
}

.featured-event-extra > p {
	margin-bottom: 10px;
}

.featured-event-date {
	font-style:italic;
	margin:6px 0 0;
}

.featured-event a.button {
	background: #809431;
	color: #fff;
	display: block;
	margin: 20px auto 0;
	text-align: center;
	width: 140px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Evergreen','Roboto',Helvetica,Arial,sans-serif;
	padding: 10px;
}

.featured-event a.button:hover,
.featured-event a.button:focus {
	background:#c0d27c;
	color:#637a0c;
}

/* start of whats on new rules */

.event-listing-image {
	float:left;
	margin:10px 10px 10px 0;
}

#event-content #dc_calendar .event h2, #event-content #wc_calendar .event h2 {
	font-family: "Roboto",Arial,Helvetica,sans-serif;
	font-size: 20px;
	line-height:24px;
	margin: 6px 0;
	font-weight: bold;
}

#event-content #dc_calendar .header div.center h2, #event-content #wc_calendar .header div.center h2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:20px;
}

.event-listing-desc {
	font-size:16px;
	max-width:99%;
	padding:10px 0;
}

#event-content #dc_calendar .event, #event-content #wc_calendar .event {
	clear:both;
	margin:0;
	position:relative;
	padding: 5px;
	font-size: 14px;
	font-family: Roboto;
	border-top: 1px solid #e7e7e7;
	background: #fff;
}

.event-admission-info {
	float:right;
	margin-left: 24px;
}

.event-admission-info-lower {
	display:none;
}

.event-cost {
	float: right;
	padding: 2px 6px;
	background: #809431;
	color: white;
}

.event-accessibility {
    position: relative;
}

.event-accessibility > img {
	display:block;
}

.event-accessibility:hover::after {
    content: 'Event is wheelchair-accessible';
    position: absolute;
    display: block;
    left: -120%;
    border: 1px solid #808080;
    color: #5a5a5a;
    background: #fff;
	margin-top: 4px;
    padding: 4px;
	z-index: 10;
}

.event-admission-info > div {
    margin: 4px 2px 0;
    float: right;
}

.event-registration {
	float: right;
	margin: 6px 0 6px 6px;
	padding: 2px 4px;
	background: #5D3619;
}

.event-admission-info-lower > div {
	float:left;
	margin: 4px 2px;
}

.event-registration a {
	color:#fff;
}

/* end of whats on new rules */

#eventResults{
	position:relative;
}

#event-header, .results-info {
	background-color:#efefef;
}

#event-header h2, .results-info h2 {
	font-size:18px;
	font-weight:normal;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding:10px;
}

#eventResults #pager, #eventResults .pager{
	display:block;
	float:none;
	position:absolute;
	right:10px;
	height:50px;
	line-height:50px;
	font-size:16px;
}

#eventResults #pager a, #eventResults .pager a{
	font-weight:bold;
	margin-left:10px;
}

#eventResults #pager strong,
#eventResults #pager a:hover,
#eventResults .pager a:hover,
#eventResults #pager a:focus,
#eventResults .pager a:focus{
	color:#c8c8c8
}

.event-list-row,
.event-list-row.first{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

.event-list-row.first{
	margin-left:auto !important;
	margin-right:auto !important;
}

.event-list-row{
	clear:both;
	height:150px;
	padding-bottom:35px;
	border-bottom:1px solid #e2dedf;
	margin-top:30px;
}

.event-list-row p{
	margin-bottom:0;
}

#event-search-bar{
	background-color:#809431;
	color:#fff;
	padding:10px;
	margin-bottom:25px;
	font-size:14px;
	font-weight:bold;
}

#event-search-bar fieldset.fieldset{
	margin-right:10px;
}

#event-search-bar fieldset select,
#event-search-bar fieldset input#my_keyword{
	width:200px;
	border:0;
	padding:4px;
	height:28px;
	line-height:28px;
	margin-top:10px;
}
#event-search-bar fieldset input#my_keyword{
	padding:0;
}

#event-search-bar select#cat_id{
	color:#fff;
	background-color:#5a6e0d;
}

#event-search-bar fieldset input#my_keyword{
	width:230px !important;
}

#event-search-bar .searchSubmit{
	padding-top:25px;
}

#event-search-bar .searchSubmit input{
	border:0;
	background:none;
	padding:0;
	background-color:#40531c;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding:0 10px;
}

#event-search-bar .searchSubmit input#reset{
	background-color:#617611;
}

#event-search-bar .searchSubmit input:hover{
	color:#95b124;
}

#event-search-bar table,
#event-search-bar td,
#event-search-bar fieldset{
	border:none;
	padding:0;
	margin:0;	
}

.event-list-row .event-list-left{
	width:180px;
	float:left;
	margin-right:20px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

.event-list-row .event-list-middle{
	width:165px;
	float:left;
	margin-right:20px;
}

.event-list-row .event-list-middle img{
	max-width:100%;
	max-height:100%;
}

.event-list-row .event-list-right{
	width:495px;
	float:left;
	font-size:14px;
	line-height:18px;
}

.event-list-row .event-date,
.event-list-row .event-time,
.event-list-row .event-repeat,
#left-col .event-date,
#left-col .event-time,
#left-col .event-repeat{
	padding:0px 5px;
}

.event-list-row .event-repeat,
#left-col .event-repeat{
	color:#989696;
	padding-bottom:4px;
}

.event-list-row .event-location,
#left-col .event-location{
	border-top: 1px solid #e0dedf;
	border-bottom: 1px solid #e0dedf;
	padding:4px 5px;
}

.event-list-row .event-cost,
#left-col .event-cost,
#left-col .event-tags{
	border-bottom: 1px solid #e0dedf;
	padding:4px 5px;
}

#left-col .event-tags{
	padding-top:10px;
	padding-bottom:10px;
}

.event-list-row .event-icons,
#left-col .event-icons{
	padding-top:5px;
	padding-left:5px;
}

#left-col .event-icons{
	padding-top:10px;
}

/* remove date/time from left-col on desktop/tablet, re-add on phones */

.event-detail #left-col .event-date, .event-detail #left-col .event-time {
	display:none;
}

/* new date/time in body -- remove on phones */

.event-detail #page-copy h2.date {
	font-family:'Roboto',Helvetica,Arial,sans-serif;
	font-size:20px;
}

.event-list-row .event-icons a.icon-link,
#left-col .event-icons a.icon-link,
.find-more a.icon-link{
	display:block;
	float:left;
	height:25px;
	width:25px;
	margin-right:5px;
}

.find-more a.icon-link{
	display:inline-table;
	float:none;
	vertical-align:middle;
}

.event-list-row .event-icons a.icon-link img,
#left-col .event-icons a.icon-link img,
.find-more a.icon-link img{
	width:100%;
	height:auto;
}


.event-list-row .event-title{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

.event-list-row .event-list-left .event-title{
	display:none;
}

.event-list-row .event-desc{
	margin-bottom:10px;
}

.event-list-row .event-links{
	margin-bottom:20px;
}

.event-list-row .event-tags,
#left-col .event-tags,
.find-more{
	color:#a5a3a4;
	font-size:12px;
	text-transform:uppercase;
}

.event-tags a,
.find-more a{
	text-decoration:underline;
	color:#484747;
	text-transform:lowercase;
}

.event-tags a:hover,
.find-more a:hover,
.event-tags a:focus,
.find-more a:focus{
	text-decoration:none;
}

.event-detail #left-col{
	padding-top:55px;
}

.event-detail #left-col h1{
	display:none;
}

.event-register-link{
	margin:30px 0;
}

#left-col .event-date,
#left-col .event-time,
#left-col .event-repeat,
#left-col .event-location,
#left-col .event-cost,
#left-col .event-date,
#left-col #event-sponsors,
#left-col #event-contact{
	/*font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-transform:uppercase;*/
	font-size:16px;
	line-height:20px;
}

#left-col #event-sponsors{
	border-bottom: 1px solid #e0dedf;
	margin-bottom:10px;
}

#left-col .event-register{
	padding:10px 5px;
	margin-bottom:60px;
}

#left-col .sponsor-entry{
	margin-bottom:10px;
}

#left-col .sponsor-entry .sponsor-img{
	/*width:65px;*/
	width:150px;
	margin-right:10px;
	float:left;
}

#left-col .sponsor-entry .sponsor-img img{
	display:block;
	max-width:100%;
	height:auto;	
}

#left-col .sponsor-entry .sponsor-text,
#left-col #event-contact p{
	font-weight:normal;
	color:#484747;
	text-transform:none;
}

#left-col .sponsor-entry .sponsor-text {
	display:none;
}

#left-col h2 {
	font-size: 24px;
	line-height: 1em;
	margin: 1.5em auto 0.75em;
}

#left-col h3 {
	font-size: 18px;
}

#left-col h3, #left-col p {
	line-height: 1.25em;
	margin-bottom: 0.5em;
}

.event-detail .more-events{
	margin-top:10px;
	margin-bottom:20px;
	height:20px;
	line-height:20px;
	font-size:13px;
	padding-left:30px;
	background-image:url(../images/interior/im_arrowgreen.png);
	background-position:left center;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-weight:bold;
}

.find-more{
	background-color:#efefef;
	padding:10px;
}


#news-overview-list .event-list-row{
	margin-left:70px;
	margin-right:0;
	width:700px;
	border-bottom:none;
	margin-top:20px;
}

#news-overview-list .event-list-row .event-list-right{
	width:315px;
}

#news-overview-list .event-list-row .event-icons{
	height:40px;
}

#news-overview-list,
#photo-overview,
#mediakit-overview,
#social-overview{
	position:relative;
}

#news-overview-list{
	padding-top:20px;
}

.more-overview-links{
	position:absolute;
	right:0px;
	top:47px;
	padding:30px 20px;
	background-color:#efefef;
}

#news-overview-list .more-overview-links{
	margin-top:20px;
}

.more-overview-links .tote .tote-title{
	background-color: #809431;
	width:155px;
}

#photo-overview{
	padding-bottom:40px;
}

#photo-grid{
	width:700px;
	margin-left:46px;
}

#photo-grid .photo-thumb{
	margin-left:24px;
	width:209px;
	float:left
}

#photo-grid .photo-thumb a{
	display:block;
}

#photo-grid .photo-thumb a img{
	display:block;
	width:100%;
	height:auto;
}

#mediakit-overview{
	padding-bottom:40px;
}

#mediakit-entries{
	width:700px;
	margin-left:70px;
}

#mediakit-entries a{
	font-weight:bold;
}

#mediakit-entries p{
	margin-bottom:10px;
}

#mediakit-entries .mediakit-entry{
	margin-bottom:20px;
}

#mediakit-entries .mediakit-entry .mediakit-title{
	width:155px;
	float:left;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	vertical-align:bottom;
}

#mediakit-entries .mediakit-entry .mediakit-copy{
	width:530px;
	padding-left:155px;
	line-height:18px;
	vertical-align:bottom;
}

#social-overview .social-box{
	margin-left:70px;
}

.social-box #facebook-feed{
	float:left;
	width:333px;
	margin-right:20px;
}

.social-box #twitter-feed{
	float:left;
	width:335px;
	margin-right:20px;
}

.social-box .feed-title{
	background-color:#efefef;
	font-size:14px;
	line-height:36px;
	height:36px;
	padding:0 15px;
	text-transform:uppercase;
}

.social-box #social-btns{
	float:left;
	width:235px;
	background-color:#efefef;
}

.social-box #social-btns .social-icons{
	padding:20px;
}

.social-box #social-btns .social-icons .facebook-like{
	margin-top:10px;
}

.social-box #social-btns .share-box > a {
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
}

.social-box #signup-box{
	margin:15px 0;
}

.social-box #signup-box input#signup-field{
	width:136px;
}


.site-width.boxed.program-nav{
	padding:0;
}

#program-totes{
	height:120px;
}

#program-totes .intro-icon{
	width:105px;
	float:left;
	height:100%;
}

#program-totes .intro-icon .icon{
	width:45px;
	height: auto;
	margin: 0 auto;
	padding-top:30px;
}

#program-totes .intro-icon a{
	height:100%;
}

#program-totes .intro-icon a:hover,
#program-totes .intro-icon a:focus,
#program-totes .intro-icon.active a{
	background-color:#e4e4e4;
}

#program-totes .intro-icon .icon-div span{
	font-size:13px;
	padding-top:10px;
	font-family: 'EvergreenBold', 'Roboto', Arial, Helvetica, sans-serif;
}

#program-totes .intro-icon a:hover .icon,
#program-totes .intro-icon a:focus .icon,
#program-totes .intro-icon.active a .icon{
	width:80px;
	padding-top: 6px;
}

#program-totes .intro-icon a:hover .icon-div span,
#program-totes .intro-icon a:focus .icon-div span,
#program-totes .intro-icon.active a .icon-div span{
	padding-top:0;
}

#program-totes .program-link-text{
	width:560px;
	padding-right:10px;
	float:right;
	padding-top:35px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:19px;
}

#program-totes .program-link-text span{
	display:block;
	font-size:14px;
	padding-top:5px;
}


/************** 10. SOCIAL MEDIA ************/

#social-icons{
	margin-top:20px;
}

a.btn-enews,
a.btn-youtube,
a.btn-twitter,
a.btn-facebook,
a.btn-google,
a.btn-instagram,
a.btn-send,
a.btn-share{
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	text-indent:-1000px;
	margin-right:14px;
}

a.btn-youtube{
	background-image:url(/images/common/footer_social_YT.png);
	background-position:0 1px;
}
a.btn-twitter{
	background-image:url(/images/common/footer_social_TW.png);
	width:36px;
}
a.btn-facebook{
	background-image:url(/images/common/footer_social_FB.png);
	height:31px;
}
a.btn-google{
	background-image:url(/images/common/social_GooglePlus.png);
	background-position:0px 3px;
}
a.btn-instagram {
    background-image: url(/images/common/footer_social_IG.png);
}
/*#social-btns a.btn-youtube{
	background-image:url(/images/common/btn_youtube.png);
	width:40px;
	height:40px;
}
#social-btns a.btn-twitter{
	background-image:url(/images/common/btn_twitter.png);
	width:42px;
	height:40px;
}
#social-btns a.btn-facebook{
	background-image:url(/images/common/btn_fb.png);
	width:40px;
	height:38px;
}
#social-btns a.btn-google{
	background-image:url(/images/common/social_GooglePlus.png);
	background-position:0 3px;
	width:40px;
	height:40px;
	margin-right:0px;
}*/

#social-icons .facebook-like,
.social-icons .facebook-like{
	width:50px;
	float:left;
	margin-right:8px;
	padding-top:5px;
}

.social-icons .facebook-like{
	width:85px;
}

.social-icons a.btn-youtube,
.social-icons a.btn-twitter,
.social-icons a.btn-facebook,
.social-icons a.btn-send,
.social-icons a.btn-share{
	margin-right:10px;
}

.social-icons .join-btn{
	width:117px;
	padding-left:20px;
	display:inline-block;
	height:17px;
	line-height:17px;
	font-size:13px;
	background-image:url(../images/common/im_arrowsml.png);
	background-repeat:no-repeat;
	background-position:center left;
	margin-right:0 !important;
}

#sharebox{
	margin-top: -100px;
	z-index:999;
	position: absolute;
}
#sharebox2{
	margin-top: -67px;
	right:60px;
	z-index:999;
	position: absolute;
}
#footer-top #sharebox{
	margin-top: -193px;
	margin-left: -214px;
}
#sharebox a,
#sharebox2 a,
#footer-top #sharebox a{
	color:#484747;
	font-size:12px;
}

#share-box{
	height:40px;
	width:55px;
	float:left;
}

a.btn-send,
a.btn-share{
	height:20px;
	width:58px;
	background-position:-58px -2px;
	float:none;
}

a.btn-share{
	background-image:url(/images/common/btn_share_sml.png);
}
a.btn-send{
	background-image:url(/images/common/btn_send_sml.png);
}

a.btn-send:hover,
a.btn-share:hover,
a.btn-send:focus,
a.btn-share:focus{
	background-position:left -2px;
}

#page-copy .share-box > a{
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}

#page-copy .social-icons{
	clear:left;
	width:265px;
	margin:24px 0;
}

#page-copy .tab-box .social-icons{
	margin-left:30px;
	margin-top:50px;
}

.social-row{
	clear:left;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc;
}

#sharebox,
#sharebox2 {
	display:none;
	width:270px;
	border:1px solid #cccccc;
	background:#efefef;
}

#sharebox a#closebtn,
#sharebox2 a#closebtn2 {
	display:none;
	display:block;
	text-align:right;
	text-decoration:none;
	background:url(icons/icon_close.gif) right no-repeat;
	margin-right:4px;
	padding-right:12px;
	font-size:10px;
}
#itembody,
#itembody2 {
	display:none;
	padding:4px;
	padding-right:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	background:#ffffff;
}
#items,
#itembody div.shareitems,
#items2,
#itembody2 div.shareitems {
	clear:both;
	padding-bottom:6px;
	display:inline-block;
}
#items a:link, #items a:visited,
#itembody div.shareitems a,
#items2 a:link, #items2 a:visited,
#itembody2 div.shareitems a {
	display:none;
	display:block;
	position:relative;
	float:left;
	width:100px;
	padding:3px 1px 3px 21px;
	background-position:3px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
	margin:1px;
}
#items a:hover, #items a:focus, #items a:active,
#itembody div.shareitems a:hover,
#itembody div.shareitems a:focus,
#items2 a:hover, #items2 a:focus, #items2 a:active,
#itembody2 div.shareitems a:hover,
#itembody2 div.shareitems a:focus {
	padding:2px 0 2px 20px;
	background-position:2px 2px;
	border:1px solid #e5e5e5;
	background-color:#f2f2f2;
}
#socialnetworks a:link, #socialnetworks a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676767;
	line-height:17px;
}
/*#bebo 		{ background:url(icons/icon_bebo.gif);}
#blinklist 	{ background:url(icons/icon_blinklist.gif);}*/
#delicious 	{ background:url(icons/icon_delicious.gif);}
#digg 		{ background:url(icons/icon_digg.gif);}
#facebook 	{ background:url(icons/icon_facebook.gif);}
/*#furl 		{ background:url(icons/icon_furl.gif);}*/
#google 	{ background:url(icons/icon_google.gif);}
/*#myspace 	{ background:url(icons/icon_myspace.gif);}*/
#stumbleupon{ background:url(icons/icon_stumbleupon.gif);}
#twitter	{ background:url(icons/icon_twitter.gif);}
#yahoo 		{ background:url(icons/icon_yahoo.gif);}
#linkedin	{ background:url(icons/linkedin.jpg);}

/*#bebo2 		{ background:url(icons/icon_bebo.gif);}
#blinklist2 	{ background:url(icons/icon_blinklist.gif);}*/
#delicious2 	{ background:url(icons/icon_delicious.gif);}
#digg2 		{ background:url(icons/icon_digg.gif);}
#facebook2 	{ background:url(icons/icon_facebook.gif);}
/*#furl2		{ background:url(icons/icon_furl.gif);}*/
#google2 	{ background:url(icons/icon_google.gif);}
/*#myspace2 	{ background:url(icons/icon_myspace.gif);}*/
#stumbleupon2{ background:url(icons/icon_stumbleupon.gif);}
#twitter2	{ background:url(icons/icon_twitter.gif);}
#yahoo2 		{ background:url(icons/icon_yahoo.gif);}
#linkedin2	{ background:url(icons/linkedin.jpg);}

/* Side social media */

#side-social{
	height:279px;
	width:59px;
	position:fixed;
	top:50%;
	right:0px;
	margin-top:-140px;
	background-image:url(../images/common/bg_socialmedia.jpg);
	background-position: top right;
	z-index:100;
}

#side-social #side-enews a{
	display:block;
	width:100%;
	height:70px;
}

#side-social #side-social-btns{
	padding:10px 14px;
	overflow:auto;
}

#side-social #side-social-btns a{
	margin-right: 0px;
	margin-bottom:12px;
}

#side-facebook-like{
	position:relative;
	/*z-index:2;*/
	padding-left:5px;
	height: 75px;
	padding-top: 5px;
}

#side-share .btn-share{
	height:30px;
	background-image:none;
}
#side-share .btn-send{
	height:35px;
	background-image:none;
}

.fb-like-box{
	border:1px solid #e8e8e8;
}

/************ 11. PAGE-SPECIFIC RULES ************/

/* newsletter signup page */



div#opt_in {
	clear:left;
	margin:10px 0;
}

#submit_button input[type=submit] {
	background:#617708;
	border:none;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:10px 0;
	padding:6px 10px;
}

#submit_button input[type=submit]:hover,
#submit_button input[type=submit]:focus {
	color:#95b124;
}

#signup-page input[type=text] {
	border:none;
	height:30px;
	margin:10px 0;
	padding-left:5px;
	width:100%;
}

ul.interestgroup_field {
	list-style-type:none;
	padding:1px 0;
}

ul.interestgroup_field li {
	background:#E8EADC;
	margin:10px 0;
	padding:10px;
}

ul.interestgroup_field li label {
	font-weight:bold;
}

ul.interestgroup_field li p {
	margin:10px;
}

/* donate page */

.donate {
	margin-bottom:20px;
}

.donate img {
	max-width:100%;
}

/* for anti-spam page */

img#checkbox {
	float:left;
	margin:0 30px 30px;
}

/* forms */

div.dfinput_left.name_first, div.dfinput_left.name_last {
	width:50%;
}

form#new_submission h3 {
	font-size:16px;
}

#new_submission input[type=submit] {
	background:#617708;
	border:none;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:10px 0;
	padding:6px 10px;
}

#new_submission input[type=submit]:hover,
#new_submission input[type=submit]:focus {
	color:#95b124;
}


#new_submission input[type=text], #new_submission input[type=email], #new_submission select, #new_submission textarea {
	background:#fff;
	border:1px solid #e6e6e6;
}

#new_submission input[type=text]:focus, #new_submission input[type=email]:focus, #new_submission select:focus, #new_submission textarea:focus {
	border-color:#c0d27c;
}

#new_submission input[type=text], #new_submission input[type=email] {
	height:24px;
	width:80%;
}

#new_submission select {
	height:30px;
	width:80%;
}

#new_submission textarea {
	width:80%;
}

#new_submission option:hover,
#new_submission option:focus {
	background:#809431;
	color:#DCEF6F;
}

#forms_field_14 .dform_desc, #forms_field_15 .dform_desc, #forms_field_17 .dform_desc, #forms_field_19 .dform_desc {
	display:none; /* hide redundant labels */
}

/* for new Getting Here page w/google map */

.map-notice {
	border: 1px dashed red;
	padding: 10px;
	margin-bottom: 10px;
}

.map-notice p {
	margin:0;
}

#map-canvas {
	height:400px;
	margin-bottom:20px;
	width:100%;
}

.getting-here-ui aside#page-totes {
	clear:right;
}

.getting-here-ui h3 {
	color:#6f8a05;
}

.getting-here-main {
	background:#E8EADC;
	clear:left;
	float:left;
	margin-bottom:20px;
	padding:20px;
	width:503px;
}

.getting-here-sidebar {
	background:#E8EADC;
	float:right;
	font-size:12px;
	margin:0 0 15px 10px;
	padding:20px 10px 10px;
	width:177px;
}

.getting-here-sidebar .radio-wrapper {
	float: left;
	margin:2px 0;
	width: 177px;
}

.radio-wrapper > input[type=radio] {
	margin:3px;
	vertical-align:text-bottom;
}

.getting-here-sidebar .radio-wrapper > input[type=radio] {
	margin:1px;
}

.route-finder .route-finder-left,
.route-finder .route-finder-right {
	float:left;
	margin: 10px 10px 10px 0;
}

.route-finder .route-finder-left {
	clear:left;
	font-weight:bold;
	width:40px;
}

.route-finder .route-finder-right:last-of-type {
	margin-bottom:20px;
}

.route-finder input#starting-location {
	width: 400px;
	height: 20px;
	font-size: 16px;
}

.radio-wrapper.transit-method {
	display:inline-block;
	margin-right:20px;
}

.route-finder input#starting-location::-webkit-input-placeholder {color:#999;}
.route-finder input#starting-location::-moz-input-placeholder {color:#999;}
.route-finder input#starting-location:-moz-input-placeholder {color:#999;}
.route-finder input#starting-location:-ms-input-placeholder {color:#999;}

.input-info {
	font-size:12px;
	font-style:italic;
	line-height:14px;
	margin:4px 0 0;
	text-align:center;
}

#route-finder-submit,
#new-route-finder {
	clear:both;
	width:220px;
}

#new-route-finder-wrapper {
	margin-bottom:0;
	padding-bottom:0;
}

.date-wrapper {
	display:inline-block;
	margin:0 10px;
}

.date-wrapper:first-of-type {
	margin:0 20px;
}

.button-green {
	background:#809431;
	border:none;
	color:#dcef6f;
	cursor:pointer;
	display:block;
	font-size:16px;
	margin:0 auto;
	padding:10px;	
}

.button-green:hover {
	color:#fff;
}

.form-alert {
	display:none;
	font-style:italic;
	color:#a00034;
	text-align:center;
}

.flex-container {
	display: -ms-Flexbox;
	-ms-box-orient: horizontal;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.flex-container.centered, .flex-container-centered {
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex-item {
	display:inline-block; /* for IE 10 */
	-ms-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin:6px auto;
	text-align:center;
}

.flex-item.flex-nogrow, .flex-container-nogrow .flex-item {
	-ms-flex-grow: 0;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.flex-item.flex-item-mobilewidth {
	-ms-flex-basis: 300px;
	-moz-flex-basis: 300px;
	-webkit-flex-basis: 300px;
	flex-basis: 300px;
	margin: 0.5em;
}

.flex-item.flex-item-thirds {
	-ms-flex-basis: 30%;
	-moz-flex-basis: 30%;
	-webkit-flex-basis: 30%;
	flex-basis: 30%;
	margin: 0.5em;	
}

ul.flex-container {
	list-style:none;
	padding-left:0;
}

li.flex-item {
	padding:0 10px;
}

/* for Garden Market page */

.egm .callout-block.flex-item {
    text-align: left;
    margin: 6px;
    width: 40%;
	vertical-align:top; /* IE 9 */
}

.callout-block.flex-item ul {
	padding-left:20px;
}

.egm.flex-container {
    align-content: flex-start;
    align-items: flex-start;
	flex-flow: column wrap;
    max-height: 1100px;
	height: 1100px; /* required for IE */
}


/* 12. ADDITIONS BY LUUK */

section#featured-vendor p{
	margin-bottom:10px;
}

a.link-icon{
	display:block;
	font-weight:bold;
	font-size:12px;	
	width:155px;
	line-height:40px;
	background-image:url(/images/common/im_arrowsml.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:23px;
	
	text-transform:uppercase;
	border-top:1px solid #ccc;
}

#event-carousel.half-width{
	width:543px;
}
#event-carousel.half-width.inset{
	width:503px;
	margin-right:0;
}
.wide-copy #event-carousel.half-width{
	width:488px;
}
#page-copy.fm{
	max-width: 100%;
	width:503px;
}
#carousel.half-width{
	width:483px;
}
.half-width.fm{
	width:483px;
}
#totes .tote, #fm-totes .tote{
	margin-bottom:20px;
}
#fm-totes{
	float:left;
}
#fm-totes .section-text{
	width: 236px;
}
	
#fm-totes .logo-block {
	box-sizing: border-box;
	display: inline-block;
	margin-top: 0;
	padding: 0;
	text-align: center;
	width:100%;
}

#fm-totes .logo-block > img {
	display: block;
	margin: 1em auto;
}

#extra{
	margin-bottom:20px;
	/*background-color:#fff;*/
}
.extra-box p{margin-bottom:10px;}
h1.bar-left {clear:both;}
.extra-box.inset{
background-color:#fff;
padding:10px 10px 0px 10px;
float:left;
}
#featured-vendor{padding:0px;}
#featured-vendor .feature-inset{
background-color:#fff;
width:100%;
float:left;
margin-bottom:40px;
}
#featured-vendor .feature-text{
margin:10px 10px 10px 10px;
width:229px;
}
#featured-vendor .feature-image{
width:209px;
height:auto;
}
#featured-vendor .feature-image img{width:100%}
#page-copy img {/*width:100%;*/}
section#twitter h1 img{
	width:27px;
}
.supporters .tab-box section .sponsor-level{padding:0px 0px 15px 0px;}
.supporters{margin-right:24px;}
/*ul.logo-grid li a img {height:100;}*/
a.sponsor-link {
    background-image: url("/images/common/im_arrowsml.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-right: 60px;
    padding-left: 23px;
    padding-bottom:10px;
	padding-top:10px;
	text-transform: uppercase;
}
#fm-totes section#totes.quarter-width{ /*only used on FM pages */
width:236px;
margin-right:20px;
}
.accordion-content, .ui-accordion-content{
	background-color:#fff;
	padding-top:12px;
}
.accordion h3.ui-accordion-header.ui-accordion-header-active,
.accordion h3.ui-accordion-header:hover{
	color:inherit;
	background-color:#dee1d0;
}
.accordion{margin-bottom:20px;}

/*#bottom-totes .tote:first-child  .tote-title{background-color:#809431;}*/
.content-banner.green{
	background-color:#82982c;
}
.content-banner.greenspace{
	background-color:#74caae;
}

.green #bottom-totes .tote .tote-title{
	background-color:#95B124;;
}
#top-menu ul a {font-family:Evergreen; font-size:18px;}
.map-overlay p{margin-bottom:0px;}
.mini-banner-box .banner-caption {
	/*float:right;*/
	color:#ccc;
	/*width:100%;*/
	text-align:right;
}
.mini-banner-box .banner-title{
text-transform:none;
}
.tote img{max-width:100%;}
#article-content img{max-width:100%;}

#resource-grid{
	width:534px;
	margin-left:-25px;
	overflow:hidden;
}

#resource-grid .resource-item{
	width:236px;
	margin-left:25px;
	float:left;
	margin-bottom:24px;
}
#resource-grid .tote-title {
	color:#fff;
	background-color:#809431;
	margin-top:-1px;
	padding:12px 12px 12px 35px;
	
	text-transform:uppercase;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	
	background-image:url("/images/interior/im_arrowwhite.png");
	background-repeat:no-repeat;
	background-position:10px 11px;
}
#resource-grid img, #resource-grid .resource-image {
	height: 116px;
	width: 236px;
}

section#signup #signup-field {color:#809431;font-size:11px;}
section#signup #signup-btn{margin-left:-4px;margin-top:-1px;float:left;}
section#signup #signup-widget{height:40px;margin-bottom:24px;float:left;}
#signup-box input#signup-field {font-size:11px;}
#signup-btn{cursor:pointer;}
#intro-text{width:458px;background-color:#fff;/*padding:20px;*/}
section .last{margin-right:0px;}
.resource-overview-text{padding:10px;}
.resource-overview-text p{margin-bottom:10px;}
.resources .tab-box section {
    padding: 10px;
}
.tab-box {padding-top:1px;}
ul.ui-tabs-nav li {margin-top:1px;}
.event-list-row .event-links{float:left;margin-right:10px;}

.event-list-row .event-tags {clear:both;}
#pager, .pager{display:block;float:right;}


.event-list-row .news-date{
padding:5px 0px;
border-bottom: 1px solid #e0dedf;
	
}
#photo-grid .photo-title{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:4px;
	text-transform:uppercase;
}
#photo-grid .photo-date{
	font-size:11px;
	font-weight:bold;
	color:#3b3a3a;
}
#album-grid .row, #news-grid .row, #resource-grid .row, #bottom-totes .row{
	float:left;
	display:block;
	margin-bottom:20px;
	width:100%;
}
.figure{display:block;}
.figure img, .figure-r{display:block;margin-bottom:10px;}

.content-banner.ebw{
	background-color:#724a2a;
}
.sharing, .blog-entryinfo{display:none;}

/*h4{
	font-size: 18px;
    color: #5D3619;
    font-weight: bold;
    padding-top: 10px;
}
h2{line-height:32px;margin-bottom:18px;}
h3{font-weight:bold;line-height:30px;}*/
.accordion h3{text-decoration:none;}
#facebook-feed iframe{border:0px none !important;}
.pluginSkinLight div{border:0px none;}

.fb-container {
    width: 331px;
    height: 308px;
    overflow: hidden;
	border: 1px solid #E8E8E8;
}

.fb-container > div {
     margin: -1px 0px 0px -1px;  
}

div .h-space{height:50px;display:block;}

#left-col .event-time, 
.event-list-row .event-time{
	border-bottom: 1px solid #e0dedf;
}
.event-list-row .event-location,
#left-col .event-location{
	border-top: 0px none;
}
#left-col #event-contact{
	padding:4px 5px;
}

/*#album-grid{width:566px;}*/
#album-grid.photos .gallery-item{width:164px;}
#new_submission{float:left;}

#news-results, #search-results{
	position:relative;
}

#news-results #pager, #search-results #pager, #news-results .pager, #search-results .pager {
    display: block;
    float: none;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 10px;
}
#search-results #pager, #search-results .pager{
	margin-top:0px;
}
.updating{
	background:url('/images/icons/loading-small.gif') no-repeat left top; 
    margin-left: 10px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-top: 3px;
	font-size:8pt;
	color:#666;
	display:none;
}
div .updating{display:block;font-size:9pt;padding-top:0px;top:-2px;display:none; z-index:10;}
/*#event-header h2{font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;}*/

#event-search-bar .searchSubmit input {font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:28px;margin:4px 0 0;padding:0 6px;}
#album-grid.inline{width:566px;}
#intro-text #intro{margin-bottom:0px;}
#eventResults #pager a, #eventResults .pager a {margin:0px 5px;}
#page-copy.fm .social-icons{float:left;margin-top:0px;}
#small-grid .news-item .event-location, #small-grid .news-item .event-date, #small-grid .news-item .event-time{font-size:12px;line-height:14px;padding-bottom:6px;}
.hilite{font-weight:bold;}
#event-search-bar a.bar-link{color:#fff;text-decoration:underline;text-transform:uppercase;padding:0px 10px;}
.defaultNormal{text-transform:none;margin-left:16px;}

.figure {
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.25;
    margin: 10px 0;
    text-align: center;
}
p iframe{width:100%;}

h3.location-header{
	background-color:#dee1d0;
	font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 18px;

}
#location-details{
	padding:12px 12px 12px 18px;
}
.event-list-row:last-of-type{border-bottom:0px none;}
#reg-button{margin-bottom:18px;}

#page-sponsors{background-color:#fff;padding:1em 0;margin-bottom:1em;}
/*#page-sponsors .sponsor-title{font-weight:bold;text-align:center;}*/
#page-sponsors .sponsor-entry{margin-bottom:18px;}
#page-sponsors .sponsor-entry:last-of-type {margin-bottom: 0;}
#page-sponsors .sponsor-entry .sponsor-img > img {display:block; margin:0px auto;}

#totes.children .tote .tote-title{background-color:#e89c20;}
#totes.cityworks .tote .tote-title{background-color:#4AA4C4;}
#totes.food .tote .tote-title{background-color:#C34876;}
#totes.greenspace .tote .tote-title{background-color:#59BE9D;}

.children #bottom-totes .tote .tote-title {
    background-color: #e89c20;
}


/* Table Styles */
table {margin-bottom:1.5em;width:100%;border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;float:none !important;}
table, th, td {vertical-align:middle;}
th {font-weight:bold;}
thead th {background:#fff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr:nth-child(even) td, tr.even td {background:#fff;}
tfoot {font-style:italic;}

.wrapper-table-scrollable { /* a wrapper to allow wide tables to be scrollable in small-width scenarios */
	border: 1px solid #cdcdcd;
	overflow-x:auto;
	padding: 0.5em;
	max-width:100%;
}

/* Sidebar - Hours of Operation & Contact Info */

#page-totes h2, #page-totes-lower h2 {
    font-size: 22px;
	line-height: 1.25em;
    text-align: center;
}

#side-totes .notice p {
	color: #000;
	font-size: 14px;
	line-height: 1.25em;
}

.hours-of-operation {
	background: #fff;
	margin: 1em 0;
	padding: 1em;
}

.hours-of-operation .timetable {
    margin: 1em 0;
}

.hours-of-operation .callout-block {
    margin: 1em 0;
    padding: 0.5em;
}

.hours-of-operation *:last-child {
	margin-bottom: 0;
}

/* shuttle bus schedule */

.timetable {
	border-collapse:collapse;
	margin: 2em 0;
	padding: 0;
	width:100%;
}

.timetable.timetable-vertical {
	margin: 2em auto;
	width: auto;
}

.timetable th, .timetable-vertical td:first-child {
	background-color: #C0D27C;
	border: 1px solid #C0D27C;
	border-right: 1px solid #DFE7C0;
	color:#6f8a05;
	font-family:'Evergreen','Roboto',Helvetica,Arial,sans-serif;
	font-size:20px;
	padding: 10px;
	text-align: center;
	vertical-align: bottom;
}

.timetable-vertical td:first-child {
	border-bottom: 1px solid #DFE7C0;
	font-size: 16px;
	padding: 0.5em;
}

.timetable th:last-child {
	border-right:1px solid #C0D27C;
}

.timetable h3 {
	color:#6f8a05;
	margin: 0;
}

.timetable td {
	border: 1px solid #cdcdcd;
	background-color: #F5F7EA;
	padding: 5px 10px;
	text-align: center;
}

/* End Table Styles */

.figure {
	margin: 10px 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.2;
	font-style: italic;
}

.figure img {
	display: block;
	margin: 10px auto;
}

.figure-r {
	clear: right;
	float: right;
	margin: 0 0 10px 10px;
}

.event-list-row .event-tags {
    clear: both;
	font-weight:normal;
}

blockquote {
	background: #fff;
	color: #637a0c;
	border: 1px solid;
	font-family: Georgia,serif;
	font-size: 20px;
	font-style:italic;
	line-height:1.5em;
	margin:1.5em;
	padding: 1.2em 1.2em 0.8em;
	position: relative;
	text-indent: 1em;
	quotes: "\201C" "\201D"; /* "\2018" "\2019"; -- removed inner quotes to prevent single quotes from occurring on pages with multiple blockquotes */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

blockquote:before {
	content: open-quote;
    font-size: 100px;
    position: absolute;
    top: 0.4em;
    left: 0;
    opacity: 0.25;
	padding-right: 0.1em; /* to keep Safari from cutting it off */
    text-indent: 0;
}

blockquote > footer {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    float: right;
	line-height: 1.25em;
    margin-top: 0.4em;
    text-align: right;
    clear: right;
}

blockquote > footer:before {
	content: "\2014";
}

blockquote:after {
	content: no-close-quote;
    display: block;
    clear: both;
}

#page-copy blockquote .body-image-right {
	margin:0 0 0 24px;
}
#page-copy blockquote .body-image-left {
	margin:0 24px 0 0;
}

/*blockquote, q {quotes:"" "";}*/
blockquote.testimonial {margin:auto;font-style:normal;font-size:15px;line-height:22px;color:#313f11;margin-bottom:10px;}
blockquote span.open{background:url('/images/icons/so-q2.gif') no-repeat scroll left top transparent;display:inline-block;padding:0 0 0 20px;}
blockquote span.close{background:url('/images/icons/sc-q2.gif') no-repeat scroll right center transparent;display:inline-block;padding:0 20px 0 0;}
blockquote.with-sidebar {
	margin-right:280px;
}
blockquote.small {
	font-size: 16px;
	line-height: 24px;
}

#page-copy.fm-wide{width:763px;}
#page-copy.fm-wide .tab-box #tabs .ui-widget-content{clear:both;}
#page-copy.fm-wide .tab-box #tabs .ui-widget-content td{font-size:13px;}
#page-copy.fm-wide .tab-box{padding-bottom:0px;}

.banner-box .banner-tag {line-height:24px;}
.slide .banner-box{right:64px;}

#left-col .event-icons{height:24px;padding:10px 5px;margin-bottom:10px;border-bottom:1px solid #E0DEDF;}
#reg-no {text-align:center;}
#reg-no p{color:#fff;font-size:11px;margin-bottom:4px;}

/* 12. FRENCH SITE RULES */

/* adjust menu position */
.fr #top-menu{
	padding-left:230px;
	width:780px;
}

.fr #top-menu ul.nav > li {
	margin-right:56px;
}

.fr #top-menu #donate-nav ul li {
	margin-right:0;
}

/* adjust size & position of donate button text */
.fr #top-donate-btn a {
	font-size: 20px;
	padding-top: 10px;
}

/* adjust footer columns */

.fr #footer-bottom .footer-sitemap ul li {
	width: 126px;
}

/* adjust footer tote title size */

.fr .footer-tote-title {
	font-size:12px;
}

/* home page impact statements */

.fr .impact-facts {
	color:#fff;
	display:flex;
	height:80px;
	padding:6px 8px;
}

.impact-facts-full > strong {
	font-size: 18px;
	line-height: 14px;
}

.impact-facts-full {
	align-self: center;
}

/* new our impact landing page */

/*.fr */
section#program-intro-map {
	height: auto;
}

/*.fr */
#program-intro-map .intro-icons {
	height: auto;
}

/*.fr */
#program-intro-map .map-overlay {
	height:auto;
	max-width:80%;
	width:780px;
}

/*.fr */
.map-overlay > p:first-child {
	margin-bottom:24px;
}

.intro-icons .flex-item {
	flex:1 1 190px;
}

/*.fr */
.intro-icons img {
	margin-bottom:14px;
}

h2.greenspace {
	color: #74CAAE;
}

h2.children {
	color: #FFA615;
}

h2.food {
	color: #D13973;
}

h2.cityworks {
	color: #50B0D1;
}