@font-face {
  font-family: 'museo300';
  src:url('fonts/museo300-webfont.eot');
  src:url('fonts/museo300-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/museo300-webfont.woff') format('woff'),
    url('fonts/museo300-webfont.ttf') format('truetype'),
    url('fonts/museo300-webfont.svg#museo300') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'museo500';
  src:url('fonts/museo500-regular-webfont.eot');
  src:url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/museo500-regular-webfont.woff') format('woff'),
    url('fonts/museo500-regular-webfont.ttf') format('truetype'),
    url('fonts/museo500-regular-webfont.svg#museo500') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'coameiregular';
  src:url('fonts/coamei-webfont.eot');
  src:url('fonts/coamei-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/coamei-webfont.woff') format('woff'),
    url('fonts/coamei-webfont.ttf') format('truetype'),
    url('fonts/coamei-webfont.svg#coameiregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'coameibold';
  src:url('fonts/coamei-b-webfont.eot');
  src:url('fonts/coamei-b-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/coamei-b-webfont.woff') format('woff'),
    url('fonts/coamei-b-webfont.ttf') format('truetype'),
    url('fonts/coamei-b-webfont.svg#coameibold') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'coamei-italic';
  src:url('fonts/coamei-i-webfont.eot');
  src:url('fonts/coamei-i-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/coamei-i-webfont.woff') format('woff'),
    url('fonts/coamei-i-webfont.ttf') format('truetype'),
    url('fonts/coamei-i-webfont.svg#coameiregular_italic') format('svg');
  font-weight:normal;
  font-style:normal;
}
* {
  margin:0;
  padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 23px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, 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{
  border:0;
  background:none;
}
body {
  min-width:320px;
  font:19px/23px 'coameiregular', Arial, Helvetica, sans-serif;
  color:#666;
  background:#ededed;
  -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}
body strong {
  font-family:'coameibold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
body,
html{
  height:100%;
}
a{
  text-decoration:none;
  color:#a80618;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
input, textarea, select {
  font:100% 'coameibold', Arial, Helvetica, sans-serif;
  vertical-align:middle;
  color:#000;
  outline:none;
}
textarea{overflow:auto;}
label{vertical-align:middle;}
button, input{
  width:auto;
  overflow:visible;
}
input [type="email"], input [type="tel"], input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea{
  -webkit-appearance:none;
  -webkit-border-radius:0;
  border-radius:0;
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-family:'museo300', Arial, Helvetica, sans-serif;
}
b, strong, th{font-weight:bold;}
h1{
  margin:0 0 14px;
  font-size:31px;
  line-height:36px;
}
h2{
  margin:0 0 13px;
  font-size:25px;
  line-height:30px;
}
h3{font-size:110%;}
h4{font-size:100%;}
h5{font-size:90%;}
h6{font-size:80%;}
i, cite, em, var, dfn, address{
  font-style:normal;
  font-family:'coamei-italic', Arial, Helvetica, sans-serif;
}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote{
  border-left:4px solid #ccc;
  padding-left:10px;
  margin-left:14px;
}
cite{
  display:block;
  text-align:right;
}
table, caption, tbody, tfoot, thead, tr, th, td{
  border-collapse: collapse;
  border-spacing: 0;
}
th, td{
  border:1px solid #ccc;
  padding:3px 7px;
  text-align:left;
  vertical-align:top;
}
th{
  border-color:#999;
  text-align:center;
  vertical-align:middle;
}
ul{margin-left:1px;}
ul ul,
ul ol,
ol ul,
ol ol{
  padding-left:18px;
  margin:0;
}
ul li, ol li{list-style-position:inside;}
ul > li{list-style-type:disc;}
dl dt{
  float:left;
  clear:left;
  padding-right:4px;
  font-weight:bold;
}
header, footer, article, section, hgroup, nav, figure, aside{
  display:block;
  margin:0;
  padding:0;
}
.aligncenter{text-align:center;}
img.aligncenter{
  display:block;
  margin:0 auto;
}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding:4px;
}
.wp-caption img{
  margin:0;
  padding:0;
  border:0 none;
}
.wp-caption p.wp-caption-text{
  padding: 0 4px;
  margin:0;
}
.comment-form label{
  display:inline-block;
  vertical-align:top;
  padding-bottom:4px;
}
.comment-form input[type="text"],
.searchform input[type="text"],
.comment-form textarea{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:37px;
  padding:8px 16px;
  border:1px solid #ccccce;
  font-size:16px;
  line-height:19px;
  color:#c4c4c4;
  background:#fff;
}
.comment-form textarea{
  height:120px;
  min-height:37px;
  padding:10px 2px 2px 16px;
  resize:vertical;
}
.searchform input[type="text"]{width:200px;}
.searchform input[type="submit"],
.comment-form input[type="submit"]{
  display:inline-block;
  vertical-align:top;
  height:37px;
  padding:0 15px;
  border:0;
  font-size:16px;
  line-height:37px;
  color:#fff;
  background:#a80618;
  cursor:pointer;
}
.searchform input[type="submit"]::-moz-focus-inner,
.comment-form input[type="submit"]::-moz-focus-inner{
  padding:0;
  border:0;
}
.commentlist li{
  list-style:none outside;
  padding:0;
  background:none;
}
.commentlist li + li{padding-bottom:14px;}
.commentlist .comment{
  padding:20px 0 0;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
.commentlist img{
  float:left;
  margin:0 14px 4px 0;
}
.commentlist .meta{
  min-height:48px;
  margin:0 0 10px;
  overflow:hidden;
}
.commentlist .edit-link{
  float:right;
  margin:0 0 0 20px;
}
.commentlist .children{padding:0 0 0 30px;}
#wrapper{
  position:relative;
  overflow:hidden;
}
.container{padding:0 50px;}
.container:after{
  content:'';
  display:table;
  clear:both;
}
#main .container{
  max-width:1100px;
}
#header{
  position:relative;
  z-index:10;
}
.header-wrap{
  position:relative;
  z-index:101;
}
.top-panel{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:10;
  padding:13px 0 10px;
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
  box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
  text-align:right;
  background:#4e4e4e url(images/bg-secondary-panel.png) 50% 0;
}
.header-wrap{
  background:#ededed url(images/bg-secondary-panel.png) 50% 0;
}
#nav{
  display:inline-block;
  vertical-align:middle;
  text-align:left;
}
.nav-opener{display:none;}
#nav ul{
  float:left;
  margin:0;
  font-size:16px;
  line-height:21px;
  text-transform:uppercase;
}
#nav ul > li{
  list-style:none outside;
  float:left;
  margin:0 0 0 25px;
}
#nav ul > li:first-child{margin-left:0;}
#nav ul a{
  display:block;
  padding:2px 10px 1px;
  border:1px solid transparent;
  border-width:1px 0;
  color:#666;
}
#nav ul a:hover{
  text-decoration:none;
  border-color:#d11632;
}
#nav ul .active a{border-color:#a51127;}
.social-networks{
  display:inline-block;
  vertical-align:middle;
  margin:-10px -8px -9px 17px;
  text-align:left;
}
.social-networks > li{
  list-style:none outside;
  float:left;
  margin:0 0 0 -6px;
padding: 5px;
}
.social-networks a{
  display:block;
  width:40px;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(images/sprite-social.png) no-repeat;
}
.social-networks .facebook{background-position:0 0;}
.social-networks .twitter{background-position:-40px 0;}
.social-networks .instagram{background-position:-80px 0;}
.social-networks .pinterest{background-position:-120px 0;}
.main-banner{
  max-height:300px;
  overflow:hidden;
}
iframe { max-width: 100%; }
@media only screen and (max-height: 675px){
  .main-banner{
    max-height: 200px;
  }
}
.main-banner img{
  vertical-align:top;
  width:100%;
  height:auto;
}
.secondary-panel{
  position:relative;
  padding:13px 0 14px;
  -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.53);
  box-shadow:0 0 25px rgba(0, 0, 0, 0.53);
  background:#f9f9f9 url(images/bg-secondary-panel.png) 50% 0;
}
.logo,
.logo-footer{
  float:left;
  width:205px;
  height:49px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(images/logo.png) no-repeat;
}
.logo a,
.logo-footer a{
  display:block;
  height:100%;
  color: transparent;
}
.secondary-nav-alt{
  float:right;
  margin:2px 4px 0 0;
  color:#a80618;
}
.secondary-nav-alt strong{
  display:inline-block;
  vertical-align:middle;
  margin:6px 14px 0 0;
  font-weight:normal;
  font-size:38px;
  line-height:42px;
  text-transform:uppercase;
}
.secondary-nav-alt ul{
  display:inline-block;
  vertical-align:middle;
  margin:0;
}
.secondary-nav-alt ul li{
  list-style:none outside;
  display:inline-block;
  vertical-align:bottom;
  margin:0 0 0 21px;
}
.secondary-nav-alt ul a{
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(images/sprite-icons.png) no-repeat;
}
.secondary-nav-alt ul .contribute a{
  width:18px;
  height:34px;
}
.secondary-nav-alt ul .contribute a:hover{background-position:0 -50px;}
.secondary-nav-alt ul .donate a{
  width:34px;
  height:38px;
  background-position:-22px 0;
}
.secondary-nav-alt ul .donate a:hover{background-position:-22px -50px;}
.secondary-nav-alt ul .volunteer a{
  width:38px;
  height:38px;
  background-position:-60px 0;
}
.secondary-nav-alt ul .volunteer a:hover{background-position:-60px -50px;}
#main{width:100%;}
.main-visual{
  position:relative;
  overflow:hidden;
}
.main-visual .logo{
  float:left;
  z-index:3;
  width:259px;
  height:84px;
  background:url(images/logo-home.png) no-repeat;
  margin-left:25px;
}
.main-visual .visual-block{
  position:relative;
  overflow:hidden;
}
.main-visual img{
  position:absolute;
  vertical-align:top;
}
.main-visual .bg-holder{
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  width:100%;
  height:100%;
}

.main-visual .slide-wrap{
  float: right;
  width: 718px;
  padding: 15px 0 0;
}

.main-visual .text-holder{
  position:absolute;
  right:57px;
  bottom:44px;
  padding:0 0 0 50px;
  max-width:645px;
  font-size:20px;
  line-height:24px;
  text-shadow:5px 5px 10px #000;
  color:#d3d4d3;
}
.main-visual .text-holder h1{
  margin:0 0 3px;
  font-size:30px;
  line-height:34px;
  text-shadow:8px 8px 10px #000;
  color:#e0e0e0;
}
.main-visual .text-holder p{margin:0;}
.main-visual #imageLink {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}
@media only screen and (max-width: 767px){
	.main-visual #imageLink { height: 50%; }
}
#twocolumns{
  position:relative;
  margin:0 0 0 -50px;
  padding:0 0 0 275px;
}
#content{padding:46px 0 10px;}
#twocolumns #content{
  float:right;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  padding-left:50px;
}
.page-nav{
  position:relative;
  margin:0;
  -webkit-box-shadow:0 20px 13px -15px rgba(0, 0, 0, 0.4) inset, 0 -20px 13px -15px rgba(0, 0, 0, 0.4) inset;
  box-shadow:0 20px 13px -15px rgba(0, 0, 0, 0.4) inset, 0 -20px 13px -15px rgba(0, 0, 0, 0.4) inset;
  font-size:36px;
  line-height:40px;
  text-transform:uppercase;
  overflow:hidden;
  background:#f7f7f7 url(images/bg-page-nav.png);
}
.page-nav li{
  list-style:none outside;
  float:left;
  width:33.333%;
}
.page-nav li:before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  -webkit-box-shadow:0 0 8px #000;
  box-shadow:0 0 8px #000;
  background:#d7d7d7;
  background:rgba(0, 0, 0, 0.15);
}
.page-nav li:first-child:before{display:none;}
.page-nav a{
  display:block;
  position:relative;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:264px;
  padding:136px 20px 10px;
  text-align:center;
  color:#d11632;
}
.page-nav a:hover{text-decoration:none;}
.page-nav a .holder{
  display:inline-block;
  vertical-align:top;
  text-align:right;
}
.page-nav a img{
  position:absolute;
  top:35px;
  left:0;
  right:0;
  margin:0 auto;
}
.page-nav a strong{
  display:block;
  margin:0 0 -4px;
  font:48px/54px 'museo500', Arial, Helvetica, sans-serif;
  text-transform:none;
  color:#b2b1b1;
}
.hero-text{padding:0 0 35px;}
.staff-list{padding:16px 0 0 4px;}
.staff-item{
  position:relative;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 0 39px;
  padding:0 0 0 142px;
  font:16px/26px 'coameiregular', Arial, Helvetica, sans-serif;
  color:#404141;
}
.staff-list .staff-item{
  display:inline-block;
  vertical-align:top;
  width:50%;
  margin-right:-4px;
  padding-right:30px;
}
.staff-item .item-holder{
  display:table;
  table-layout:fixed;
  width:100%;
  height:172px;
}
.staff-item .title{
  display:table-row;
  width:100%;
}
.staff-item h2{
  margin:0;
  padding:8px 5px 5px 13px;
  border:1px solid #58595b;
  border-width:1px 0;
  font:19px/26px 'coameibold', Arial, Helvetica, sans-serif;
  color:#5f6062;
}
.staff-item h2 a{color:#5f6062;}
.staff-item .info-holder{
  display:table-cell;
  vertical-align:bottom;
  width:100%;
}
.staff-item img{
  position:absolute;
  top:0;
  left:0;
  -webkit-box-shadow:0 0 13px rgba(0, 0, 0, 0.45);
  box-shadow:0 0 13px rgba(0, 0, 0, 0.45);
}
.staff-item .text-holder{padding:0 0 0 12px;}
.staff-item ul{margin:0;}
.staff-item ul li{list-style:none outside;}
.staff-item ul a{color:#404141;}
.choice-list{
  margin:-3px 0 0;
  padding:0 0 5px;
  overflow:hidden;
}
.choice-list .title{
  display:block;
  margin:0 0 10px;
  font:21px/24px 'museo300', Arial, Helvetica, sans-serif;
  color:#a80618;
}
.choice-list ul{
  margin:0 0 5px -8px;
  font-size:17px;
  line-height:22px;
  color:#505050;
  overflow:hidden;
}
.choice-list ul li{
  list-style:none outside;
  float:left;
  margin:0 0 5px;
  padding:0 8px;
  border-left:1px solid #363636;
}
.choice-list ul a{color:#505050;}
.choice-list ul .active a,
.choice-list ul a:hover{
  text-decoration:none;
  color:#a80618;
}
.events-list{margin:-2px -10px 0;}
.events-item{
  font-size:17px;
  line-height:23px;
  color:#505050;
}
.events-list .events-item{
  margin:0 -25px;
  padding:33px 25px 36px;
  border-top:2px solid #d7d7d7;
}
.events-list .events-item:first-child{
  border:0;
  padding-top:0;
}
.events-item .title{
  float:left;
  width:57%;
  padding:0 0 30px;
}
.events-item .title h1{margin:0 0 12px;}
.events-item .title time{
  font-size:19px;
  line-height:22px;
  color:#b02a37;
}
.events-item .visual-box{
  float:right;
  width:35%;
  margin:18px 0 0 8%;
}
.events-item .visual-box img{
  vertical-align:top;
  max-width:100%;
  height:auto;
}
.events-item .text-holder{clear:left;}
.events-item p{margin:0 0 8px;}
.events-item .more-link{
  float:right;
  position:relative;
  padding:0 17px 0 0;
  font-size:17px;
  line-height:20px;
}
.events-item .more-link:after{
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:11px;
  height:10px;
  margin:-5px 0 0;
  background:url(images/arrow-01.png) no-repeat;
}
.share-holder{
  padding:24px 0 0;
  text-align:center;
}
.events-item .share-holder{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
.events-item .visual-box .share-holder{
  position:static;
  top:auto;
  left:auto;
}
.share-holder .share-box{
  display:inline-block;
  vertical-align:middle;
  line-height:0;
  margin:0 7px;
}

.erb-image-wrapper{
    max-width:90%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
    float:left;
}
.erb-image-wrapper img{
    width:90% !important;
    height:auto;
    display:block;

}
#sidebar{
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:275px;
  margin:0 0 0 -275px;
}
#sidebar.fixed-active{
  padding:0;
}
.sidebar-wrap{
  -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow:0 0 15px rgba(0, 0, 0, 0.25);
  background:#f4f4f4 url(images/bg-sidebar.png);
}
#sidebar .scrollable-area-wrapper{
  width:100% !important;
}
.sidebar-frame{width:100% !important;}
#sidebar .vscrollbar{display:none !important;}
.sidebar-area{padding:0 18px 10px 50px;}
/* hide original element */
.jcf-hidden {
  display: block !important;
  position: absolute !important;
  left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom scrollbars styles */
.scrollable-area-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
}
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
  background: #777;
  width: 20px;
  height: 20px;
  float: left;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
  background: #eee;
  width: 20px;
  float: left;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
  background: #ccc;
  width: 20px;
  height: 20px;
}
.scrollable-area-wrapper .hscrollbar {
  position: static;
  height: 20px;
  top: auto;
}
.scrollable-area-wrapper .hscroll-line {
  height: 20px;
  width: auto;
}
.side-nav-mobile{display:none;}
.side-nav{
  margin:0 -18px 0 -50px;
  padding:26px 19px 5px 30px;
  background:rgba(123, 123, 123, 0.26);
}
.side-nav ul{
  margin:0;
  font-size:17px;
  line-height:19px;
  text-transform:uppercase;
  text-align:right;
}
.side-nav ul li{
  list-style:none outside;
  margin:-1px 0 0;
}
.side-nav ul a{
  display:block;
  padding:8px 0 5px;
  border:1px solid transparent;
  border-width:1px 0;
  color:#505050;
}
.side-nav ul a:hover,
.side-nav ul .active a{
  text-decoration:none;
  border-color:#58595b;
}
.side-box{
  padding:17px 0 10px 7px;
  font-weight:normal;
  font-size:15px;
  line-height:20px;
  color:#505050;
}
.side-box .title{
  display:block;
  margin:0 0 8px;
  font-weight:normal;
}
.side-box ul{margin:0;}
.side-box ul li{
  list-style:none outside;
  position:relative;
  padding:0 0 0 10px;
}
.side-box ul li:before{
  content:'•';
  position:absolute;
  top:0;
  left:0;
}
#sidebar .widget{
  margin:0 0 0 -39px;
  padding:19px 0 10px;
}
.widget h3{
  margin:0 0 25px;
  font:18px/22px 'coameibold', Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#505050;
}
.tweet_area > li{
  list-style:none outside;
  padding:0 0 28px;
}
.tweet_area{
  font:13px/19px 'coameiregular', Arial, Helvetica, sans-serif;
  color:#505050;
}
.tweet_area .title{
  padding:0 0 9px;
  overflow:hidden;
}
.tweet_area .title img{
  float:left;
  margin:0 10px 0 0;
}
.tweet_area .ttl{
  display:block;
  font-weight:normal;
  font-family:'coameibold', Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  overflow:hidden;
}
.tweet_area .nick{
  display:block;
  line-height:16px;
  text-transform:uppercase;
}
.tweet_area .nick a{color:#505050;}
.tweet_area p{margin:0;}
.tweet_area .info{
  padding:0 0 6px;
  overflow:hidden;
}
.tweet_area .info .number{float:left;}
.tweet_area .info .link{
  float:right;
  color:#cc2424;
}
.tweet-actions{
  padding:7px 5px 6px;
  font:12px/16px Arial, Helvetica, sans-serif;
  overflow:hidden;
  background:#fff;
}
.tweet_area .tweet-actions{margin:0 -5px 0 0;}
.tweet-actions li{
  list-style:none outside;
  float:left;
  margin:0 0 0 7px;
}
.tweet-actions li:first-child{margin-left:0;}
.tweet-actions a{
  display:block;
  color:#d9d9d9;
  background:url(images/icons-tweet.png) no-repeat;
}
.tweet-actions .action-reply a{
  padding:0 0 0 16px;
  background-position:0 3px;
}
.tweet-actions .action-retweet a{
  padding:0 0 0 18px;
  background-position:0 -16px;
}
.tweet-actions .action-favorite a{
  padding:0 0 0 13px;
  background-position:0 -39px;
}
.tweet-actions .action-more a{
  padding:0 0 0 18px;
  background-position:0 -55px;
}
#footer{
  -webkit-box-shadow:0 25px 10px -15px rgba(0, 0, 0, 0.25) inset;
  box-shadow:0 25px 10px -15px rgba(0, 0, 0, 0.25) inset;
  font-size:12px;
  line-height:16px;
  color:#ededed;
  background:#4e4e4e url(images/bg-panel.png) 50% 0;
}
#footer.fixed-active{
  position:relative;
  left:0;
  right:0;
  bottom:0;
  z-index:100;
}
.footer-holder{
  margin:0 -33px 0 -28px;
  padding:23px 0 21px;
}
.logos{
  float:left;
  margin:8px 30px 0 0;
}
.logos li{
  list-style:none outside;
  display:inline-block;
  vertical-align:middle;
  margin:0 9px 0 0;
}
.logos .united-way{width:78px;}
.logos .feeding-america{
  width:83px;
  margin-bottom:4px;
}
.logos img{
  vertical-align:top;
  max-width:100%;
  height:auto;
}
.footer-holder .col-right{float:right;}
.footer-holder address{
  display:inline-block;
  vertical-align:middle;
  margin:4px 0 0;
  font-style:normal;
  font-family:'coameibold', Arial, Helvetica, sans-serif;
  line-height:19px;
}
.footer-holder address a{color:#ededed;}
.footer-holder address span{display:block;}
.logo-footer{
  float:none;
  display:inline-block;
  vertical-align:middle;
  width:221px;
  height:60px;
  margin:0 0 0 16px;
  text-align:left;
  background:url(images/logo-footer.png) no-repeat;
}
.footer-nav{
  display:inline-block;
  vertical-align:top;
  margin:20px 0 0;
}
.footer-nav ul{
  display:inline-block;
  vertical-align:top;
  margin:0;
  font-size:14px;
  line-height:18px;
  text-transform:uppercase;
}
.footer-nav ul li{
  list-style:none outside;
  float:left;
  padding:5px 9px 3px;
  border-left:1px solid #939393;
  -webkit-box-shadow:-1px 0 0 #868686;
  box-shadow:-1px 0 0 #868686;
}
.footer-nav ul li:first-child{
  border:0;
  padding-left:0;
  webkit-box-shadow:none;
  box-shadow:none;
}
.footer-nav ul a{color:#fdfdfd;}
.back-to-top{display:none;}
.st_fblike,
.st_twitter_hcount{
  display:inline-block;
  vertical-align:top;
}
.st_fblike > span{top:auto !important;}
.st_fblike span{
  vertical-align:top !important;
  margin:0 !important;
}
.st_fblike iframe{
  vertical-align:top;
  margin:0;
}
.stButton{margin:0 !important;}
#twocolumns:after,
.footer-holder:after,
.events-item:after,
.events-item .text-holder:after{
  content:'';
  display:block;
  clear:both;
}
/* media queries */
@media only screen and (max-width: 1180px){
  .top-panel{padding:12px 0 10px;}
  .secondary-panel{padding:9px 0 10px;}
  .social-networks{margin:-10px -4px -9px 23px;}
  .logo{margin:0 0 0 -5px;}

  #twocolumns{padding:0 0 0 272px;}
  #content{padding:33px 0 10px;}
  #twocolumns #content{padding-left:40px;}
  .staff-list{padding:20px 0 0;}
  .staff-item{
    margin:0 0 32px;
    padding:0 0 0 108px;
    font-size:13px;
    line-height:19px;
  }
  .staff-list .staff-item{padding-right:15px;}
  .staff-item .item-holder{height:129px;}
  .staff-item img{
    width:90px;
    height:auto;
  }
  .staff-item h2{
    padding:6px 5px 5px 9px;
    font-size:14px;
    line-height:19px;
  }
  .staff-item .text-holder{padding:0 0 0 8px;}
  .events-list{
    margin:0;
    padding:27px 0 0;
  }
  .events-list .events-item{padding:33px 33px 41px 27px;}
  .events-item .visual-box{margin:3px 0 0 8%;}
  .events-item p{margin:0 0 12px;}
  .share-holder{padding:12px 0 0;}
  #sidebar{
    width:272px;
    margin:0 0 0 -272px;
  }
  .side-nav{padding-top:18px;}
  .side-box{padding:17px 0 10px 16px;}
  .footer-holder{
    margin:0 -30px 0 -21px;
    padding:18px 0 25px;
  }
  .footer-holder .col-right{margin:7px 0 0;}
  .logo-footer{
    width:137px;
    height:39px;
    background-size:100% 100%;
  }
  .footer-holder address{margin:0;}
  .footer-nav ul{
    font-size:12px;
    line-height:16px;
  }
  .footer-nav ul li{padding:6px 9px 4px 10px;}
  .logos{margin:14px 19px 0 0;}
  .logos li{margin:0 5px 0 0;}
  .logos .united-way{width:55px;}
  .logos .feeding-america{width:60px;}
}
@media only screen and (max-width: 960px){
  .container{padding:0 22px;}
  .top-panel{padding:13px 0 10px;}
  .social-networks{margin:-10px -8px -9px 17px;}
  .secondary-panel{padding:12px 0 13px;}
  .secondary-nav-alt strong{
    font-size:34px;
    line-height:38px;
  }
  .logo{
    margin:0;
    width:185px;
    height:44px;
    background-size:100% 100%;
  }
  .main-visual .logo{
    top:29px;
    left:38px;
  }
  .secondary-nav-alt{margin:0;}
  .secondary-nav-alt strong{margin:6px 10px 0 0;}
  .secondary-nav-alt ul li{margin:0 0 0 20px;}
  .secondary-nav-alt ul a{background:url(images/sprite-icons-02.png) no-repeat;}
  .secondary-nav-alt ul .contribute a{background-position:0 0;}
  .secondary-nav-alt ul .contribute a:hover{background-position:0 -50px;}
  .secondary-nav-alt ul .donate a{
    width:32px;
    height:35px;
    background-position:-22px 0;
  }
  .secondary-nav-alt ul .donate a:hover{background-position:-22px -50px;}
  .secondary-nav-alt ul .volunteer a{
    width:35px;
    height:35px;
    background-position:-62px 0;
  }
  .secondary-nav-alt ul .volunteer a:hover{background-position:-62px -50px;}
  #twocolumns{
    margin:0 0 0 -22px;
    padding:0 0 0 249px;
  }
  #content{padding:37px 0 10px;}
  .page-nav{
    font-size:23px;
    line-height:26px;
  }
  .page-nav a{
    height:173px;
    padding:91px 20px 10px;
  }
  .page-nav a img{
    top:9px;
    -moz-transform:scale(0.65);
    -webkit-transform:scale(0.65);
    -o-transform:scale(0.65);
    -ms-transform:scale(0.65);
    transform:scale(0.65);
  }
  .page-nav a strong{
    margin:0 0 -2px;
    font-size:31px;
    line-height:34px;
  }
  .staff-list .staff-item{
    display:block;
    width:auto;
    margin-right:0;
    padding-right:0;
  }
  .staff-list{padding:11px 0 0 4px;}
  .staff-item{
    margin:0 0 47px;
    padding:0 0 0 161px;
    line-height:26px;
  }
  .staff-item .item-holder{height:171px;}
  .staff-item h2{
    padding:7px 5px 10px 9px;
    font-size:22px;
    line-height:26px;
  }
  .staff-item img{width:124px;}
  .staff-item .text-holder{padding:0 0 0 3px;}
  .events-list{padding:0;}
  .events-list .events-item{
    margin:0;
    padding:33px 0 41px;
  }
  .events-item .title{
    float:none;
    width:auto;
  }
  .events-item .visual-box{
    float:none;
    width:auto;
    margin:0 0 30px;
    text-align:center;
  }
  .events-item .share-holder{
    position:static;
    top:auto;
    left:auto;
  }
  .events-item .visual-box .share-holder{display:none;}
  .events-item p{margin:0;}
  #sidebar{
    width:249px;
    margin:0 0 0 -249px;
  }
  .sidebar-area{padding:0 18px 0 22px;}
  .side-nav{
    margin:0 -18px 0 -35px;
    padding:18px 19px 5px 22px;
  }
  .side-box{padding:17px 0 10px 8px;}
  #sidebar .widget{margin:0 0 0 -3px;}
  .tweet_area .tweet-actions{
    margin:0 -10px 0 -10px;
    font-size:10px;
  }
  #footer{padding:22px 0 15px;}
  .footer-holder{
    margin:0;
    padding:0;
    display:table;
    width:100%;
  }
  .footer-holder .info-holder{
    display:table-footer-group;
  }
  .footer-nav{
    display:table-header-group;
    text-align:center;
    margin:0;
  }
  .footer-nav ul{
    padding:0 0 43px 10px;
    font-size:14px;
    line-height:18px;
  }
  .footer-nav ul li{padding:4px 9px 4px 10px;}
  .footer-holder .col-right{margin:0 -7px 0 0;}
  .logo-footer{
    margin:0 0 0 19px;
    width:198px;
    height:55px;
  }
  .logos{margin:6px 0 0 6px;}
  .logos li{margin:0 9px 0 0;}
  .logos .united-way{width:84px;}
  .logos .feeding-america{width:91px;}
}

@media only screen and (min-width: 768px){
  #nav .nav-holder{
    position:static !important;
    top:auto !important;
    left:auto !important;}
}

@media only screen and (max-width: 767px){


  .container{padding:0 39px;}
  .top-panel{padding:19px 0 22px;}
  .social-networks{margin:-10px -8px -15px -5px;}
  .social-networks li{margin:0;}
  .social-networks a{
    width:40px;
    height:40px;
    background:url(images/sprite-social.png) no-repeat;
  }
.social-networks .facebook{background-position:0 0;}
.social-networks .twitter{background-position:-40px 0;}
.social-networks .instagram{background-position:-80px 0;}
.social-networks .pinterest{background-position:-120px 0;}
  .nav-opener{
    display:block;
    position:relative;
    margin:0 6px 0 0;
    padding:0 0 7px;
    font-size:24px;
    line-height:28px;
    text-transform:uppercase;
    color:#666;
  }
  .nav-opener:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:5px;
    border:1px solid #666;
    border-width:2px 0;
    font-size:0;
    line-height:0;
  }
  .nav-opener:hover{text-decoration:none;}
  .main-visual .bg{
    position:static !important;
    width:180% !important;
    height:auto !important;
    -moz-transform: translateX(-20%);
    -webkit-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  .main-visual{height:auto !important;}
  #nav{
    float:right;
    margin:0;
  }
  #nav .nav-holder{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:24px 20px 20px;
    -webkit-box-shadow:0 25px 15px -20px rgba(0, 0, 0, 0.5) inset;
    box-shadow:0 25px 15px -20px rgba(0, 0, 0, 0.5) inset;
    text-align:center;
    background: #ededed url(images/bg-secondary-panel.png) 50% 0;
  }
  #nav ul{
    display:inline-block;
    vertical-align:top;
    float:none;
    min-width:266px;
    font-size:18px;
    line-height:20px;
  }
  #nav ul > li{
    float:none;
    margin:0;
    padding:6px 10px 3px;
    border-top:1px solid #e4e4e4;
  }
  #nav ul li:first-child{border:0;}
  #nav ul a{
    border:0;
    padding:0;
  }
  .social-networks{float:left;}
  .main-banner{display:none;}
  .secondary-panel{
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:none;
  }
  .logo,
  .main-visual .logo{
    float:none;
    display:block;
    width:351px;
    height:83px;
    margin:40px auto 46px;
    background:url(images/logo-02.png) no-repeat;
    background-size:100% 100%;
  }
  .main-visual .logo{
    position:static;
    top:auto;
    left:auto;
  }
  .secondary-nav-alt{
    float:none;
    margin:0 -39px;
    padding:10px 39px 15px;
    text-align:center;
    -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.53);
    box-shadow:0 0 25px rgba(0, 0, 0, 0.53);
    background:#f9f9f9 url(images/bg-secondary-panel.png) 50% 0;
  }
  .secondary-nav-alt strong{
    margin:10px 4px 0 0;
    font-size:30px;
    line-height:34px;
  }
  .secondary-nav-alt ul li{margin:0 0 0 24px;}
  .secondary-nav-alt ul a{background:url(images/sprite-icons-03.png) no-repeat;}
  .secondary-nav-alt ul .contribute a{
    width:21px;
    height:43px;
  }
  .secondary-nav-alt ul .contribute a:hover{background-position:0 -50px;}
  .secondary-nav-alt ul .donate a{
    width:41px;
    height:44px;
    background-position:-24px 0;
  }
  .secondary-nav-alt ul .donate a:hover{background-position:-24px -50px;}
  .secondary-nav-alt ul .volunteer a{
    width:43px;
    height:44px;
    background-position:-70px 0;
  }
  .secondary-nav-alt ul .volunteer a:hover{background-position:-70px -50px;}
  #twocolumns{
    margin:0;
    padding:0;
  }
  #content{padding:20px 0 0;}
  #twocolumns #content{
    float:none;
    padding-left:0;
    padding-right:0;
  }
  .page-nav{
    font-size:36px;
    line-height:40px;
  }
  .page-nav li{
    position:relative;
    float:none;
    width:auto;
  }
  .page-nav li:before{
    bottom:auto;
    left:0;
    right:0;
    width:auto;
    height:1px;
  }
  .page-nav a{
    height:342px;
    padding:192px 20px 10px;
  }
  .page-nav a img{
    top:74px;
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
  }
  .page-nav a .holder{text-align:center;}
  .page-nav a strong{
    font-size:48px;
    line-height:52px;
  }
  h1{text-align:center;}
  .staff-list{padding:39px 0 0 32px;}
  .staff-item{margin:0 0 64px;}
  .events-list{padding:9px 0 0;}
  .events-item{
    font-size:16px;
    line-height:23px;
  }
  .events-list .events-item{
    padding:47px 0 36px;
    border-width:4px 0 0;
  }
  .events-item .title h1{
    margin:0 0 3px;
    font-size:24px;
    line-height:28px;
    text-align:left;
  }
  .events-item .title time{
    font-size:16px;
    line-height:20px;
  }
  .events-item .text-holder{padding:0 0 30px;}
  .events-item p{margin:0 0 19px;}
  .events-item .visual-box{margin:0 0 42px;}
  #sidebar{
    float:none;
    width:auto;
    margin:0 -39px;
    text-align:center;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
  }
  #sidebar .scrollable-area-wrapper{
    height:auto !important;
    width:auto !important;
  }
  .side-nav{display:block;}
  .side-nav ul{
    text-align: center;
  }
  .side-box{display: none;}
  .side-nav-mobile{
    display:block;
    margin:-20px -39px 41px;
    padding:20px 39px 6px;
    -webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.7);
    box-shadow:0 0 16px rgba(0, 0, 0, 0.7);
    text-align:center;
    background:#cbcbcb;
  }
  .side-nav-mobile ul{
    max-width:260px;
    margin:0 auto;
    font-size:18px;
    line-height:20px;
    text-transform:uppercase;
  }
  .side-nav-mobile ul li{
    list-style:none outside;
    padding:8px 10px 7px;
    border-top:2px solid #d7d7d7;
  }
  .side-nav-mobile ul li:first-child{border:0;}
  .side-nav-mobile ul a{color:#505050;}
  .side-box{
    padding:13px 0 12px 8px;
    text-align:center;
  }
  .side-box-holder{
    display:inline-block;
    vertical-align:top;
    text-align:left;
  }
  .side-box .title{margin:0 7px 8px 0;}
  #sidebar .widget{
    margin:0;
    text-align:left;
  }
  .widget h3{
    margin:0 0 16px;
    text-align:center;
  }
  .tweet_area{padding:0 0 0 4px;}
  .tweet_area .actions-holder{text-align:center;}
  .tweet_area .tweet-actions{
    display:inline-block;
    vertical-align:top;
    font-size:12px;
  }
  .tweet_area .info{
    margin:0;
    padding:0 0 23px;
  }
  .tweet-actions li{margin:0 0 0 9px;}
  #footer{
    padding:29px 0 34px;
    font-size:14px;
    line-height:19px;
  }
  .footer-nav ul{
    padding:0;
    min-width:350px;
    font-size:24px;
    line-height:28px;
  }
  .footer-nav ul li{
    float:none;
    padding:4px 10px 3px;
    border:1px solid #e4e4e4;
    border-width:1px 0 0;
    -webkit-box-shadow:none;
    box-shadow:none;
  }
  .footer-nav ul a:hover{text-decoration:none;}
  .back-to-top{
    display:inline-block;
    vertical-align:top;
    min-width:350px;
    margin:0 auto 35px;
    padding:6px 0 0;
    border-top:1px solid #e4e4e4;
    font-size:24px;
    line-height:28px;
    text-transform:uppercase;
    text-align:center;
  }
  .back-to-top a{color:#fdfdfd;}
  .back-to-top a:hover{text-decoration:none;}
  .logos{
    float:none;
    margin:0 0 14px 18px;
    text-align:center;
  }
  .logos li{margin:0 5px;}
  .logos .united-way{width:101px;}
  .logos .feeding-america{width:106px;}
  .footer-holder .col-right{
    float:none;
    margin:0;
    text-align:center;
  }
  .footer-holder address{
    float:none;
    margin:0;
    text-align:center;
  }
  .logo-footer{display:none;}
}
@media only screen and (max-width: 600px){
  .footer-nav ul,
  .back-to-top{min-width:266px;}
  .main-visual .text-holder{
    position: relative;
    width: 100%;
    text-align: center;
    color:#666;
    bottom: 0;
    right: 0;
    padding: 20px;
    text-shadow: none;
    font-size: 15px;
    line-height: 20px;
    width: 90%;
  }
}

@media only screen and (max-width: 499px){
  .container{padding:0 24px;}
  .searchform input[type="text"] {width:175px;}
  .top-panel{padding:11px 0 18px;}
  .nav-opener{margin:0;}
  #nav .nav-holder{padding:10px 20px 13px;}
  .social-networks{margin:-5px 0 30px -8px;}
  .social-networks li{margin:0 -5px 0 0;}
  .social-networks a{
    width:40px;
    height:40px;
    background:url(images/sprite-social.png) no-repeat;
  }
.social-networks .facebook{background-position:0 0;}
.social-networks .twitter{background-position:-40px 0;}
.social-networks .instagram{background-position:-80px 0;}
.social-networks .pinterest{background-position:-120px 0;}
  .secondary-nav-alt{
    margin:0 -24px;
    padding:19px 32px 15px 24px;
  }
  .secondary-nav-alt ul li{margin:0 0 0 13px;}
  .secondary-nav-alt ul a{background:url(images/sprite-icons-04.png) no-repeat;}
  .secondary-nav-alt ul .contribute a{
    width:17px;
    height:33px;
  }
  .secondary-nav-alt ul .contribute a:hover{background-position:0 -50px;}
  .secondary-nav-alt ul .donate a{
    width:31px;
    height:34px;
    background-position:-20px 0;
  }
  .secondary-nav-alt ul .donate a:hover{background-position:-20px -50px;}
  .secondary-nav-alt ul .volunteer a{
    width:34px;
    height:34px;
    background-position:-56px 0;
  }
  .secondary-nav-alt ul .volunteer a:hover{background-position:-56px -50px;}
  .secondary-nav-alt strong{margin:5px 9px 0 0;}
  .logo,
  .main-visual .logo{
    width:261px;
    height:62px;
    margin:28px auto 34px;
  }
  .secondary-nav-alt strong{
    font-size:26px;
    line-height:30px;
  }
  .page-nav{
    font-size:33px;
    line-height:36px;
  }
  .page-nav a{
    height:246px;
    padding:133px 20px 10px;
  }
  .page-nav a img{
    top:30px;
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1);
  }
  .page-nav a strong{
    margin:0 0 -4px;
    font-size:42px;
    line-height:56px;
  }
  .staff-list{padding:18px 0 0 4px;}
  .staff-item{
    margin:0 0 53px;
    padding:0;
    text-align:center;
  }
  .staff-item .item-holder{
    display:block;
    height:auto;
  }
  .staff-item .title{
    display:inline-block;
    vertical-align:top;
    width:auto;
  }
  .staff-item h2{
    margin:0 0 21px;
    padding:8px 10px 5px;
  }
  .staff-item .info-holder{
    display:table;
    text-align:left;
  }
  .staff-item img{
    position:static;
    top:auto;
    left:auto;
    float:left;
    width:102px;
  }
  .staff-item .text-holder{
    display:table-cell;
    vertical-align:middle;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:4px 0 0 19px;
  }
  .side-nav-mobile{
    margin:-20px -24px 27px;
    padding:20px 24px 6px;
  }
  .events-list{padding:0;}
  .events-item{
    font-size:14px;
    line-height:23px;
  }
  .events-list .events-item{padding:38px 7px 26px;}
  .events-item .title{padding:0 0 5px;}
  .events-item .title h1{margin:0;}
  .events-item .title time{
    font-size:14px;
    line-height:18px;
  }
  .events-item p{margin:0 0 10px;}
  .events-item .text-holder{padding:0 0 20px;}
  .tweet_area .info{padding:0 0 7px;}
  #footer{padding:18px 0 28px;}
  .footer-nav ul{
    font-size:18px;
    line-height:22px;
  }
  .footer-nav ul li{padding:4px 5px 3px;}
  .back-to-top{
    margin:0 auto 29px;
    padding:4px 0 0;
    font-size:18px;
    line-height:22px;
  }
  .logos{margin:0 0 13px 10px;}
  .logos li{margin:0 3px;}
  .logos .united-way{width:68px;}
  .logos .feeding-america{width:74px;}
}
.nav-menu{
  margin-top: 30px !important;
}
.nav-menu-alt li a{
  color: #a80618 !important;
  font-size: 14;
  font-weight: lighter;
}
.nav-menu-alt li a:hover{border-color: #a80618 !important;}
