.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
html,
body,
.myCarousel,
.carousel-inner,
.carousel-inner .item {
height: 100%;
}
/*.carousel-fade .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 4s; -o-transition: opacity 4s; transition: opacity 4s;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;} */

#outerWrapper{
  max-width: 1170px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
#logo{
  display: block;
  margin-bottom: 30px;
}
.btn{
  white-space: normal;
}
.btn, .btn:active, .btn:focus{
  outline:none;
}
footer {
  padding:25px 0;
  text-align:center;
  background: #dc9e35;  
  margin: 30px 0px 0px 0px;
  bottom: 0;
}

a.siteBy {
	background:url(/images/_pages/_global/siteByOniracom.png) repeat scroll 0 0 transparent;
	display:inline-block;
	height:24px;
	line-height:24px;
	text-indent:-999em;
	width:109px;
}

a.siteBy:hover {
	background-position:0 -24px;
}

footer a.footerSocialLink i {
	color: #FFF;
	margin: 0 4px;
}

footer a.footerSocialLink:hover i {
	color: #FFF;
	opacity: 0.7;
	text-decoration: none
}

.commitmentPhotoBorder img{
outline: 2px solid black;

}

span.videoCaption {
  font-size: .8em;
  font-style: italic;
  text-align: right;
  float: right;

}



/*a,a:visited {color: #d28179;}
a:hover {color:#e39c95;}
a:hover {text-transform: none;} */

a,a:visited {color: #ad4374;}
a:hover {color:#d28179;}
a:hover {text-decoration: none;}
h2, .h2{
  font-size: 26px;
}
h3, .h3 {
  font-size: 20px;
}

.titleImg{
  max-width: 540px;
}
.titleImg2{
  max-width: 80%;
  margin-bottom: -7px;
}


.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  min-height: 1000px;
  overflow-x: hidden;
  position: relative;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  background: #b2daf0 url(images/_pages/_global/BG.jpg);
/*  background-attachment: fixed;*/
  background-position: center top;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  padding-bottom: 60px;

  color: #000;

}

{!-- {if backgroundImage}
  body { background-image: url({backgroundImage}) }

{/if} --}

.navbar {
  /*background-color: #000; */
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  margin-bottom: 0px;
}

.noMargin {margin-right: 0px;}

.contentBackground {
  background-color: rgba(238, 243, 245, 0.6);
  border-radius: 8px 8px 8px 8px;
  padding: 15px;
  margin-top: 15px;
}

.contentBackground2 {
    background-color: rgba(238, 243, 245, 0.6);
    border-radius: 8px 8px 8px 8px;
    margin-top: 30px;
    padding: 35px;
}


.extraPadding {
    padding: 20px;
}

.smallerImg {
  width: 100px;
}

.contentImage img {width: 100%;}

.creditsBackground {
  background-color: rgba(238, 243, 245, 0.6);
  border-radius: 8px 8px 8px 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 2%;
}

.pageHeader {
  margin-top: 30px;
  font-size: 20px;
}

.homeSidebar img {width: 100%;}
.homeSidebarImg img {width: 100%;}
.homeSidebar h3 {margin-top: 0px;}

.joinMailingList {
margin-left: 0;
margin-right: 0;
  color: #fff;
  width: 290px;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  padding: 9px 15px 7px 15px;
  margin-bottom: 5px;
  margin-top: 25px;
}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 4:3 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoHeadLine {margin-top: 0px;}

.headerButton {font-size: 18px;}
.headerButton a {color: #fff;}
.headerButton a:hover {color: #eee;}
.headerButton a:visited {color: #fff;}




.headerButtons {text-align: center; float: right; margin-right: 0px;}
.mailingSignupWrap{
  margin-top: 15px;
}
.footerText {color: #fff; margin-top: 0.25em; margin-bottom: 0.5em;}

.headline {
  margin-top: 5px;
}

.{
    background-color: #d28179 !important;
}

div.submitEmailBox fieldset {
  padding:17px 0;
}
#emailSubmitEmail{
  width: 150px;
  padding: 4px 7px;
  border: 1px solid #AAA;
}
input#emailSubmit {
  background: rgba(0,0,0,.15);
  border: none;
  position: relative;
  bottom: 2px;
}
div.submitEmailBox fieldset i {
  color: rgba(0,0,0,.4);
}
#emailSubmitSending, #emailSubmitSuccess {
  position: relative;
  padding: 24px 15px;
  top:0;
}

div.submitCodeBox fieldset {
  padding: 17px 0;
}
input#codeSubmit {
  background: rgba(0,0,0,.15);
  border: none;
      background-color: #b36962;
  position: relative;
  bottom: 2px;
}
div.submitCodeBox fieldset i {
  color: rgba(0,0,0,.4);
}
#codeSubmitEmail{
  width: 150px;
  padding: 4px 7px;
  border: 1px solid #AAA;
}
#codeSubmitSending, #codeSubmitSuccess {
  position: relative;
  top: 25px;
}


input#passwordSubmit{
  background: rgba(0, 0, 0, 0.15);
  border: none;
  background-color: #B36962;
  position: relative;
  bottom: 2px;
}
.submitPasswordBox{
  padding: 17px 0;
}
.submitPasswordBox i{
  color: rgba(0, 0, 0, 0.4);
}
#passwordSubmitText{
  width: 150px;
  padding: 4px 7px;
  border: 1px solid #AAA;

}

a.freeDownload2 {
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
  color: #fff;
  width: 100%;
    background-color: #d28179;
  border-radius: 8px 8px 8px 8px;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-decoration: none;
  padding: 15px;
}

a:hover.freeDownload2 {
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
  color: #fff;
  width: 100%;
    background-color: #b36962;
  border-radius: 8px 8px 8px 8px;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-decoration: none;
  padding: 15px;
} 

.freeDownload {
margin-left: 0;
margin-right: 0;
  color: #fff;
  width: 100%;
  background-color: #d28179;
  border-radius: 8px 8px 8px 8px;
  padding: 15px;
}

.captureCommitment {
margin-left: 0;
margin-right: 0;
  color: #fff;
  width: 100%;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  padding: 15px;
  margin-bottom: 5px;
  margin-top: 25px;
}

.learnMore {
  margin-left: 0;
  margin-right: 0;
  float: right;
  color: #fff;
  width: 125px;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  text-decoration: none;
}

a.learnMore {
  margin-left: 0;
  margin-right: 0;
  float: right;
  color: #fff;
  width: 125px;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  text-decoration: none;
}

a:hover.learnMore {
  margin-left: 0;
  margin-right: 0;
  float: right;
  color: #fff;
  width: 125px;
  background-color: #b97501;
  border-radius: 8px 8px 8px 8px;
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  text-decoration: none;
}

a.learnMore2 {
  margin-left: 0;
  margin-right: 0;
  float: right;
  color: #fff;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
  margin-top: 25px;
  text-decoration: none;
}

a:hover.learnMore2 {
  margin-left: 0;
  margin-right: 0;
  float: right;
  color: #fff;
  background-color: #b97501;
  border-radius: 8px 8px 8px 8px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
  margin-top: 25px;
  text-decoration: none;
}


a.commitment {
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  color: #fff;
  width: 100%;
  background-color: #dc9e35;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 5px;
  margin-top: 15px;
  text-decoration: none;
  padding: 15px;
}

a:hover.commitment {
  background-color: #b97501;
  text-decoration: none;
  color: white;
} 
header a.commitment {
  margin-top: 0;
}


.learnMore a {color: #fff;}
.learnMore a:visited {color: #fff;}
.learnMore a:hover {background-color: #b97501 !important; text-decoration: none;}
.learnMore {font-size: 14px;}

.learnMoreLink {color: #fff !important;}
.learnMoreLink a:visited {color: #fff !important;}
.learnMoreLink a:hover {color: #eee; text-decoration: none;}
.learnMoreLink {font-size: 14px;}

.commitmentLink {color: #fff !important;}
.commitmentLink a:visited {color: #fff !important;}
.commitmentLink a:hover {color: #eee; text-decoration: none;}
.commitmentLink {font-size: 18px;}

.arrow img {width: 8px; margin-top: -2px;}

img.arrow {width: 8px; margin-top: -2px;}

.halfContent {min-height: 770px;}
.halfContent2 {min-height: 820px;}

.halfContent2 {min-height: 770px;}

.carousel-indicators {
    bottom: 0px;
    left: 42%;
}
.carousel-indicators li {display: inline;}

.carousel-indicators li {
  display: inline;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -99999px;
  background-color: #fff;
  border-radius: 5px;
  list-style-type: none;
}

.carousel-indicators .active {
  background-color: #dc9e35;
  margin-left: 5px;

}
.carousel-inner2 {height: 20px;
margin-left: 45%;
margin-right: 45%;
}
.carousel-indicators {
  z-index: 5;
  margin: 0;
  list-style-type: none;
}

.carouselBaseline {}

.sidebarImg h3 {margin-top: 0px;}

.divider {margin-top: 5px;}

.divider2 {width: 100%;}

.sidebarImg img {
  margin-right: 15px;
  width: 45%;
  float: left;
  border: 2px solid #000;
}

.minHeight {height: 375px;}




.sidebarImg2 img {
  margin: 10px;
  width: 40%;
  float: middle;
  border: 2px solid #000;
}

.sidebarImg3 img {
  margin-right: 15px;
  margin-bottom: 5px;
  width: 40%;
  float: left;
  border: 2px solid #000;
  max-width: 100%;
}

.sidebarImg4 img {
  margin-right: 15px;
  margin-bottom: 5px;
  float: left;
}

.carouselImg img {
  border: 2px solid #000;
}

.visible-sm {
    display: block !important;
}

/*.bulletSpark { 
  list-style-image: url(images/_pages/_global/star.png); 
  list-style-position: -100px .25em;
} 

.bulletSpark ul {
margin-left: 25px;
padding: 0px;

}

.bulletSpark ul li {
margin: 0px;
padding: 0px;
text-indent: -105px;
margin-left: 105px;
margin-top: 5px;
margin-bottom: 10px;
}

.bulletSpark2 ul li {list-style-type: none;}

.bulletSpark2 ul li
{
padding-right: 10px;
padding-left: 30px;
margin-left: 175px;
background-image: url(images/_pages/_global/star.png);
background-repeat: no-repeat;
background-position: -15 .5em;
line-height: 25px;
} */

.bulletSpark ul li {list-style-type: none;}

.bulletSpark ul li
{
padding-right: 10px;
padding-left: 30px;
margin-left: -20px;
background-image: url(images/_pages/_global/star.png);
background-repeat: no-repeat;
background-position: -10 .75em;
margin-top: 5px;
margin-bottom: 10px;

}


.bulletSpark ul li {
  
}

.bulletSpark2 ul li {list-style-type: none;}

.bulletSpark2 ul li
{
padding-right: 10px;
padding-left: 30px;
margin-left: 175px;
background-image: url(images/_pages/_global/star.png);
background-repeat: no-repeat;
background-position: -15 .5em;
line-height: 25px;
} 

.featuredVideo {font-size: 16px;}

.sideBarText {font-size: 16px;}

.sideBar {height: 530px;}
.voicePage .sideBar {height: auto; min-height: 480px;}

.homeNewsItem h3 {font-size: 20px; font-weight: normal;}
.navbar{
  padding: 15px 50px 0px 50px;
}
#navMenu a:hover, #navMenu a:focus {background-color: transparent;}

#navMenu {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 0;
  padding-bottom: 8.49802372%;
}
#navMenu ul{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
}
#navMenu ul li{
  position: relative;
  display: inline-block;
  float: left;
  height: 100%;
  padding: 0;
  background: url(/images/_pages/_global/nav.png) no-repeat 0 0;
}
#navMenu ul li,.navbar-nav>li>a{
  padding: 0;
}

#navMenu ul li.actions { 
  background-position: -2% 0;
  width: 14%;
  -webkit-background-size: 674% 200%;
  -moz-background-size: 674% 200%;
  -o-background-size: 674% 200%;
  -ms-background-size: 674% 200%;
  background-size: 674% 200%;
}
#navMenu ul li.actions:hover, #navMenu ul li.active.actions { 
  background-position: -2% 100%;
}
#navMenu ul li.choice { 
  background-position: 30.5% 0;
  width: 14%;
  -webkit-background-size: 674% 200%;
  -moz-background-size: 674% 200%;
  -o-background-size: 674% 200%;
  -ms-background-size: 674% 200%;
  background-size: 674% 200%;
}
#navMenu ul li.choice:hover, #navMenu ul li.active.choice { 
  background-position: 30.5% 100%;
}
#navMenu ul li.voice { 
  background-position: 14.5% 0;
  width: 14%;
  -webkit-background-size: 674% 200%;
  -moz-background-size: 674% 200%;
  -o-background-size: 674% 200%;
  -ms-background-size: 674% 200%;
  background-size: 674% 200%;
}
#navMenu ul li.voice:hover, #navMenu ul li.active.voice { 
  background-position: 14.5% 100%;
}
#navMenu ul li.explore { 
  background-position: 54% 0;
  width: 21%;
  -webkit-background-size: 470% 200%;
  -moz-background-size: 470% 200%;
  -o-background-size: 470% 200%;
  -ms-background-size: 470% 200%;
  background-size: 470% 200%;
}
#navMenu ul li.explore:hover, #navMenu ul li.active.explore { 
  background-position: 54% 100%;
}
#navMenu ul li.capture { 
  background-position: 80.5% 0;
  width: 21%;
  -webkit-background-size: 470% 200%;
  -moz-background-size: 470% 200%;
  -o-background-size: 470% 200%;
  -ms-background-size: 470% 200%;
  background-size: 470% 200%;
}
#navMenu ul li.capture:hover, #navMenu ul li.active.capture { 
  background-position: 80.5% 100%;
}
#navMenu ul li.volunteer { 
  background-position: 102.5% 0;
  width: 16%;
  -webkit-background-size: 600% 200%;
  -moz-background-size: 600% 200%;
  -o-background-size: 600% 200%;
  -ms-background-size: 600% 200%;
  background-size: 600% 200%;
}
#navMenu ul li.volunteer:hover, #navMenu ul li.active.volunteer { 
  background-position: 102.5% 100%;
}

.bodyCopy ul {
  margin-bottom: -20px;
}


#navClose {
  background: none;
  outline: none;
  border: none;
  color: #fff;
  top: 12px;
  position: absolute;
  right: 20px;
  font-size: 22px;
}

/*#navClose {
  background: none;
  outline: none;
  border: none;
  color: #fff;
  top: 15px;
  position: absolute;
  left: 20px;
  font-size: 22px;
}*/

#mainNav {
  font-family: Helvetica, Arial, sans-serif;
}
#mainNav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: rgba(238, 182, 195, 0);
  border: 0px solid #fff;
  border-top: none;
}
#mainNav ul li {
  display: inline-block;

}
#mainNav ul li a {
  font-size: 110%;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 10px 12px 18px;
 /* display: inline;*/
}
#mainNav ul li a:hover {
  color: #AD4374;
  background-color: transparent;
}
#mainNav ul li.active a {
  color: #AD4374;
  background: url(/images/_pages/_global/nav-icon.png) no-repeat left;
}
#mainNav ul li:first-child a {
  margin-left: 14px;
}
#mainNav ul li:last-child {
  margin-right: 0;
}


.volunteerContent {width: 80%; margin: 0 auto;}

.plasticContent {width: 95%; margin: 0 auto;}


#actionsVoiceChoice a { list-style: none; margin: 0; padding: 0; width: 100%; /*height: 67px;*/ }
#actionsVoiceChoice a { display: block; float: left;}
#actionsVoiceChoice a { display: block; height: 67px; padding: 0; background-image: url(/images/_pages/_global/YourActions_YourVoice_YourChoice.png); background-repeat: no-repeat;}

#actionsVoiceChoice a.actions { background-position: 0 0; width: 128px;}
#actionsVoiceChoice a.voice { background-position: -256px 0; width: 157px;}
#actionsVoiceChoice a.choice { background-position: -128px 0; width: 128px;}

#captureCycle img{
  left: 0;
  right: 0;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}



/*
.addthis_toolbox  ul { list-style: none; margin: 0; padding: 0; width: 1012px; height: 86px; }
.addthis_toolbox  ul li { display: block; float: left;}
.addthis_toolbox  ul li a { display: block; height: 86px; padding: 0; background-image: url(/images/_pages/_global/socials.png); background-repeat: no-repeat;}

.addthis_toolbox  ul li a.actions { background-position: 0 0; width: 128px;}
.addthis_toolbox  ul li a.actions:hover, #navMenu ul li.active a.actions { background-position: 0 -86px;}

.addthis_toolbox  ul li a.choice { background-position: -256px 0; width: 157px;}
.addthis_toolbox  ul li a.choice:hover, #navMenu ul li.active a.choice { background-position: -256px -86px;}
*/





@media(min-width:1175px) {
  .navbar-header {display: none;}
  /*#navMenu ul { list-style: none; margin: 0; padding: 0; width: 1012px; height: 86px; }
  #navMenu ul li { display: block; float: left;}
  #navMenu ul li a { display: block; height: 86px; padding: 0; background-image: url(/images/_pages/_global/nav.png); background-repeat: no-repeat;}

  #navMenu ul li a.actions { background-position: 0 0; width: 128px;}
  #navMenu ul li a.actions:hover, #navMenu ul li.active a.actions { background-position: 0 -86px;}

  #navMenu ul li a.choice { background-position: -256px 0; width: 157px;}
  #navMenu ul li a.choice:hover, #navMenu ul li.active a.choice { background-position: -256px -86px;}

  #navMenu ul li a.voice { background-position: -128px 0; width: 128px;}
  #navMenu ul li a.voice:hover, #navMenu ul li.active a.voice {background-position: -128px -86px;}

  #navMenu ul li a.explore { background-position: -413px 0; width: 212px;}
  #navMenu ul li a.explore:hover, #navMenu ul li.active a.explore { background-position: -413px -86px}

  #navMenu ul li a.capture { background-position: -625px 0; width: 239px;}
  #navMenu ul li a.capture:hover, #navMenu ul li.active a.capture { background-position: -625px -86px;}

  #navMenu ul li a.volunteer { background-position: -864px 0; width: 148px;}
  #navMenu ul li a.volunteer:hover, #navMenu ul li.active a.volunteer { background-position: -864px -86px}*/
  
  .mobileNav {display: none;}
}

@media (min-width: 950px) and (max-width: 1174px) {
  #outerWrapper{
    padding:0 15px;
  }
  .navbar-header {display: none;}
  /*#navMenu ul { list-style: none; margin: 0; padding: 0; width: 950px; height: 86px; }
  #navMenu ul li { display: block; float: left;}
  #navMenu ul li a { display: block; height: 86px; padding: 0; background-image: url(/images/_pages/_global/nav.png); background-repeat: no-repeat;}

  #navMenu ul li a.actions { background-position: 0 0; width: 130px;}
  #navMenu ul li a.actions:hover, #navMenu ul li.active a.actions { background-position: 0 -86px;}

  #navMenu ul li a.choice { background-position: -280px 0; width: 135px;}
  #navMenu ul li a.choice:hover, #navMenu ul li.active a.choice { background-position: -280px -86px;}

  #navMenu ul li a.voice { background-position: -140px 0; width: 105px;}
  #navMenu ul li a.voice:hover, #navMenu ul li.active a.voice {background-position: -140px -86px;}

  #navMenu ul li a.explore { background-position: -410px 0; width: 190px;}
  #navMenu ul li a.explore:hover, #navMenu ul li.active a.explore { background-position: -410px -86px}

  #navMenu ul li a.capture { background-position: -620px 0; width: 205px;}
  #navMenu ul li a.capture:hover, #navMenu ul li.active a.capture { background-position: -620px -86px;}

  #navMenu ul li a.volunteer { background-position: -850px 0; width: 178px;}
  #navMenu ul li a.volunteer:hover, #navMenu ul li.active a.volunteer { background-position: -850px -86px}*/
  .mobileNav {display: none;}
  
}
@media (max-width: 992px) {
  .headerButtons{
    float: none;
    margin: -15px auto 15px;
    width: 340px;
    padding: 0;
  }
  #emailSubmitEmail{
    width: 150px;
  }
}
@media (min-width: 768px) and (max-width: 949px) {
  .navbar-header {display: none;}
 /* #navMenu ul { list-style: none; margin: 0; padding: 0; width: 768px; height: 86px; }
  #navMenu ul li { display: block; float: left;}
  #navMenu ul li a { display: block; height: 86px; padding: 0; background-image: url(/images/_pages/_global/nav.png); background-repeat: no-repeat;}

  #navMenu ul li a.actions { background-position: 0 0; width: 100px;}
  #navMenu ul li a.actions:hover, #navMenu ul li.active a.actions { background-position: 0 -86px;}

  #navMenu ul li a.choice { background-position: -290px 0; width: 95px;}
  #navMenu ul li a.choice:hover, #navMenu ul li.active a.choice { background-position: -290px -86px;}

  #navMenu ul li a.voice { background-position: -160px 0; width: 65px;}
  #navMenu ul li a.voice:hover, #navMenu ul li.active a.voice {background-position: -160px -86px;}

  #navMenu ul li a.explore { background-position: -435px 0; width: 160px;}
  #navMenu ul li a.explore:hover, #navMenu ul li.active a.explore { background-position: -435px -86px}

  #navMenu ul li a.capture { background-position: -645px 0; width: 175px;}
  #navMenu ul li a.capture:hover, #navMenu ul li.active a.capture { background-position: -645px -86px;}

  #navMenu ul li a.volunteer { background-position: -885px 0; width: 148px;}
  #navMenu ul li a.volunteer:hover, #navMenu ul li.active a.volunteer { background-position: -885px -86px}*/
  .mobileNav {display: none;}
}

.longButton {width: 100%; margin: 0 auto;}


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

  .sideBar { height: auto;}

  .sidebarImg3 img { width: auto; }

}

@media (max-width: 767px) {
  #navMenu ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 86px; }
  #navMenu ul li { display: inline; float: left;  }
  #navMenu ul li a { display: inline; width: 100%; height: 86px; padding: 0; background-color: #eeb65f; border: 1px solid #FFFFFF;}
  .navbar {display:none;}
  #navMenu {display:none;}
  #deskNav {display:none;}
  .hideOnCollapse {display: none;}
  .mobileNav2 ul {background-color: #000;}
  #logo{
    width: 100%;
  }
  #logo img{
    width: 88%;
    left: auto;
    margin: auto;
    position: relative;
  }
  #emailSubmitStart{
    margin-top: 10px;
  }
  #navigation {
    position: absolute;
    z-index: 99;
    top: 108px;
    width: 90%;
  }
  #navTrigger {
      background-color: #eeb65f ;
      background: none repeat scroll 0 0 rgba(238, 182, 195, 0);
      border: 2px solid #FFFFFF;
      color: #fff;
      font-family: Helvetica,Arial,sans-serif;
      font-size: 110%;
      outline: medium none;
      padding: 12px 18px 8px 18px;
      text-transform: uppercase;
      margin-left: -15px;
  }
  #mainNav {
    border: 2px solid #fff;
    padding: 0 !important;
    top: 0px;
    background-color: #eeb65f;
    background-color: #eeb65f;
    width: 100%;

  }
  #mainNav ul {
    background-color: #eeb65f;
        border-top: 1px solid #fff;
  }

  #mainNav img {
  margin: 10px;
  padding-left: 20px;
  border: none;
/*  position:absolute;
right:50px; */
/*  float: right; */
  }


  #mainNav ul li {
    background-color: #eeb65f;
    display: inline;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

    margin-right: 0;
  }
  #mainNav ul li:first-child {
    background-color: #eeb65f;
    margin-left: 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

  }
  #mainNav ul li:last-child {
    background-color: #eeb65f;
    border-bottom: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

  }
  #mainNav ul li a {
    padding: 12px 18px 12px 26px;
    background-color: #eeb65f;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

  }
  #mainNav ul li.active a {
    background-position: 6px center;
    background-color: #eeb65f;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

  }
  #mainNav ul li:first-child a {
    margin-left: 0;
    background-color: #eeb65f;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;

  }
/*  #social {
  margin-top: 45px;
  }
  #social a.joinMailingList {
  margin-top: 0;
  }
  #social > div:first-child {
  border: 1px solid #fff;
  }*/
  #navClose{
    top: 7px;
    right: 20px;
  }
  a.readMore {
  display: block;
  text-align: center;
  width: 80%;
  }
  #nonProfitInfo .socialShare{
    clear: left;
    padding-top: 5px;
  }
  .contentBackground{
    margin-top: 20px;
  }
  .sidebarImg4 img{
    width: 100%;
    float: none;
  }
  .bulletSpark2 ul li{
    margin-left: 0;
  }
  .bulletSpark2 .pageHeader{
    margin-top: 0;
  }
  .bulletSpark2 .pageHeader h2{
    margin-top: 0;
  }
  .bulletSpark2 .pageHeader h2 img{
    margin: 20px auto 20px;
    display: block;
  }
  a.commitment {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    background-color: #dc9e35;
    border-radius: 8px 8px 8px 8px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 25px;
    text-decoration: none;
    padding: 10px;
    word-wrap:break-word;
  }

  a:hover.commitment {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    background-color: #b97501;
    border-radius: 8px 8px 8px 8px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 25px;
    text-decoration: none;
    padding: 10px;
    word-wrap:break-word;
  } 


  .commitmentLink {color: #fff !important;}
  .commitmentLink a:visited {color: #fff !important;}
  .commitmentLink a:hover {color: #eee; text-decoration: none;}
  .commitmentLink {font-size: 16px;}


  .commitmentStream a.commitmentButton{
    font-size: 12px;
    padding: 10px 10px;
    margin-top: 20px;
  }
}
@media( max-width: 480px ){
  .headerButtons{
    max-width: 100%;
    width: 100%;
    margin: -15px 0px 15px;
  }
  header a.commitment,header a.commitment:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  header a.freeDownload2, header a.freeDownload2:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .homeSider .sideBarText{
    font-size: 14px;
  }
  
  .topCommitmentHead{
    margin-left: 15px;
    margin-right: 15px;
  }
  .nonprofitImg {
    width: auto;
    max-width: 100%;
    margin: 0 auto 15px;
    float: none;
  }
  .npWithLogo{
    float: none;
    width: 100%;
  }

}
#captureCycle {
  height: 330px;
  margin-top: 20px;
}

#mail {
  cursor: pointer;
}