/*html reset*/
body, h1, h2, h3, h4, h5, h6, pre, p, address, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend { margin: 0; padding: 0; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
fieldset, abbr, acronym { border: 0; }
img { border: 0; vertical-align: middle; }
address { font-style: normal; } 

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

legend { color: inherit; }
input, select, button { vertical-align: middle; font-family: inherit; font-size: 1em; line-height: normal; } 
textarea { font-family: inherit; font-size: 1em; overflow: auto; resize: vertical; }
button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { margin: 0; }
input[type="button"], input[type="submit"], input[type="reset"], button { cursor: pointer; }
input[disabled], button[disabled] { cursor: default; }
input[type="radio"], input[type="checkbox"] { vertical-align: 0%; }
button { -webkit-appearance: push-button; }
input { -webkit-border-radius: 0; }

sup, sub { vertical-align: 0; position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

p, dd { margin-bottom: 1em; } 
hr { height: 1px; border: 0; border-top: 1px solid; margin-bottom: 1em; clear: both; }

blockquote { margin: 1em 40px; }
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }



/*global styles & helper classes*/
body { background: #fff; font: 93.75%/1.333 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; color: #333; overflow:hidden; /*Hide Elastic Scroling on Mac in Certain Browsers*/}
a { color: #00929f; }
a:hover { color: #256784; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

.drk { color: #fff; }
ul.dated a, .nav-tabs a { color: #e5e5e5; font-size: 16px; }
.drk a { color: #bde14b; }
.nav ul { list-style: none; margin: 0; padding: 0; }

.img img,
.figure img { display: block; margin-bottom: 10px; }

.clear { clear: both; height: 0; line-height: 0; }
.hidden { position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.invisible { visibility: hidden; }
.nowrap { white-space: nowrap; }

.header:after,
.footer:after,
.article:after,
.section:after,
.nav:after,
.aside:after,

.body:after,
.btn-field:after,
.cf:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.btn, .btnlink, .btn-donate-now-35 a, input.btn-donate-now-35 { text-shadow: 2px 2px 2px #2B4; font: 17px/1.2 'BasicCommercialW01-Roma', arial, sans-serif; text-align: center; text-transform: uppercase; }
.btn, .btn a { text-decoration: none; }
.ir { display: block; text-indent: -9999px; overflow: hidden; text-align: center; background-repeat: no-repeat; background-color: transparent; border: 0; }
.ir a { display: block; background-repeat: no-repeat; background-color: transparent; }
.ir br { display: none; }

.txt-lg { margin-bottom: 35px; }
.txt-lg { font-size: 19px; }
.txt-lg h2 { font-size: 21px; font-weight: normal; color: #7dd0de; }

.bg-blue { background: #003758 !important; }

.margin-bot-0 { margin-bottom: 0 !important; }
/*primary containers*/
#pagewrapper { max-width: 1400px; margin: 0 auto; }
#hdr-global { background: #fff; }
#masthead { max-width: 1236px; min-width: 960px; margin: 0 auto; height: 120px; position: relative; }
#bodywrapper { background: #144357 url(../img/bg-bodywrapper.gif) repeat-x; margin: 0 auto; }
#body { width: 960px; margin: 0 auto; overflow: hidden; padding-top: 30px; }
#footerwrapper { background: #031824; min-width: 960px; }
#ftr-global { color: #fff; width: 960px; margin: 0 auto; font-size: 0.867em; line-height: 1.231; }



/*header*/
#hdr-logo { position: absolute; top: 22px; left: 50%; margin-left: -480px; }

#nav-utility { font-size: 12px; font-family: arial, sans-serif; color: #999; word-spacing: 13px; position: absolute; top: 21px; right: 180px; }
#nav-utility a { color: #999; word-spacing: normal; text-decoration: none;}
#nav-utility a:hover { text-decoration: underline; }

#hdr-donate-lnk { position: fixed; top: 0; left: 50%; width: 110px; margin-left: 365px; z-index: 100; }
@media screen and (min-width: 1251px) {
  #hdr-donate-lnk { margin-left: 510px; }
}
@media screen and (min-width: 961px) and (max-width: 1250px) {
  #hdr-donate-lnk { left: auto; right: 5px; margin: 0; }
}
@media screen and (max-width: 960px) {
  #hdr-donate-lnk { left: 0; margin-left: 845px; }
}

#hdr-donate-lnk a { height: 85px; background: url(../img/btn-hdr-donate-lnk.png); }
#hdr-donate-lnk a:hover { background-position: 0 -100px; }

#hdr-search, .js.touch #hdr-search { font-size: 12px; color: #999; position: absolute; top: 50px; right: 175px; }
#hdr-search input[type="text"] { border: 0; height: 27px; padding: 0 0 0 15px; width: 260px; line-height: 27px; }
#hdr-search .field, .js.touch #hdr-search .field { border: 1px solid #ccc; height: auto; width: auto; background: url(../img/btn-icon-search.gif) no-repeat 100% 0 #fdfdfd; }
#hdr-search .field input, .js.touch #hdr-search .field input { display: inline; }
/* Now JS Only */
.js #hdr-search { top: 13px; right: 130px; background-color:yellow;}
.js #hdr-search .field { width:34px; height:27px; cursor: pointer; border-color:#fff; }
.js #hdr-search .field input { display: none; }
.js #hdr-search .field.active { border-color: #ccc; background: #fdfdfd; width: auto; height: auto; }
.js #hdr-search .field.active input { display: inline; }


/*main nav*/
#nav-main { position: relative; min-width: 960px }
#nav-main-list { width: 960px; margin: 0 auto; }
#nav-main li { float: left; line-height: 1; }
#nav-main li a { display: block; padding-bottom: 16px; text-align: center; color: #00a8cb; text-decoration: none; /* border-left: 1px solid #276d8b;*/ }
#nav-main li a:hover { text-decoration: none; color: #97bc2f; }
#nav-main li ul { display: none; width: auto; position: absolute; padding: 15px 0 12px 33px; z-index: 30; }
html:not(.js) #nav-main li:hover ul { display: block; background: #fff; }
#nav-main li li { margin-bottom: 13px; float: none; border: 0; }
#nav-main li li a { display: inline; padding: 0; color: #fff; font-size: 0.867em; background: none !important; text-align: left; }
#mn_01 { width: 167px; }
#mn_01 a { text-align: left !important; border: 0 !important; }
#mn_01 ul { padding-left: 0 !important; }
#mn_02 { width: 255px; }
#mn_03 { width: 193px; }
#mn_04 { width: 165px; }
#mn_05 { width: 180px; }
#mn_05 a { padding-left: 32px; text-align: left !important; }
#nav-main li.active { background: url(../img/nav-main-active-on.gif) no-repeat -9999px -9999px; }/*preload*/
#nav-main li.active a { background: url(../img/nav-main-active.gif) no-repeat 50% 100%; }
#nav-main li.active a:hover { background-image: url(../img/nav-main-active-on.gif); }
#nav-main-bg { position: absolute; width: 100%; top: 100%; background: #003758; opacity: 0.9; filter: alpha(opacity=90); height: 0; z-index: 20; }



/*footer*/
#ftr-global a, .newsroomcontactthemediateam a { color: #bde14b; }
#ftr-global a:hover { color: #85ae06; }
#ftr-global .btn-donate-now-35 a, #ftr-global .btn-donate-now-35 a:hover { color: #FFF; }
#ftr-global .col { padding: 40px 0 30px; }
#ftr-global .col_1 ,
#ftr-global .col_2 { width: 322px; float: left; }
#ftr-global .col_3 { width: 315px; float: right; }
#ftr-global .nav li { margin-bottom: 6px; }
#ftr-global .nav li ul { margin: 7px 0 50px; }
#ftr-global .nav { padding-right: 100px; }
#ftr-global .nav a { color: #c1c1c1; text-decoration: none; }
#ftr-global .nav a:hover { text-decoration: underline; }
#ftr-global .nav li img { margin-right: 10px; position: relative; top: -2px; }
#ftr-global .copy { clear: both; border-top: 1px solid #6fa0ad; color: #b3b3b3; font-size: 0.846em; text-align: center; padding: 20px 0; }
#ftr-global .copy a { color: #b3b3b3; }
#ftr-global .copy a:hover { text-decoration: underline; }
#ftr-global .copy p { margin-bottom: 2px; }
.promo-donate-ftr {}
.promo-donate-ftr .txt { float: left; width: 182px; }
.promo-donate-ftr .btn { float: right; }
.promo-style-c .btn-donate-now-35 , .promo-donate-ftr .btn-donate-now-35 { width: 123px; margin: 0 auto; }
.promo-style-c .btn-donate-now-35 a, .promo-donate-ftr .btn-donate-now-35 a { background-position: -21px 0; font-size: 15px; text-align: center; padding-top: 9px; height: 26px; }
.promo-style-c .btn-donate-now-35 a:hover, .promo-donate-ftr .btn-donate-now-35 a:hover { background-position: -21px -50px; color:#FFF; }

#twitter_latest { font-size: 12px; }
#twitter_latest .tweet { background: #d0d5d8; color: #333; padding: 12px 17px; border-radius: 3px; line-height: 1.583; border: 1px solid #8fa4ab; position: relative; margin-bottom: 20px; }
#twitter_latest .tweet:after { content: url(../img/bg-tweet.png); position: absolute; bottom: -16px; left: 16px; display: block; }
#twitter_latest .tweet a { color: #00929f; font-weight: bold; }
#twitter_latest .tweet a:hover { color: #256784; }
#twitter_latest p { background: url(../img/icon-twitter-oc.gif) no-repeat 0 1px; min-height: 24px; padding: 5px 0 0 35px; }



/*feature elements*/
.feat { background: #fff; }
.feat-3-col,
.feat-2-col { margin: 0 -30px 0 0; }
.feat-3-col .feat,
.feat-2-col .feat { width: 300px; height: 300px; float: left; margin: 0 30px 35px 0; }
.feat .right { float: right; }
.feat .left { float: left; }
.feat-3-col .featx2 { width: 630px; }
.feat-3-col .featx3 { width: 960px; }
.feat-3-col .txt { padding: 15px 20px 10px; width: 260px; }
.home-page .feat-3-col .txt { min-height: 95px; }
.feat-3-col .feat img { width: 260px; height: 160px; margin: 0 auto; }
.feat-3-col .featx2 img { width: 330px; height: 300px; }
.feat-3-col .featx3 img { width: 660px; height: 300px; }
.feat-3-col .featx4 img { width: 300px; height: 290px; }
.feat-2-col .feat { width: 425px; padding: 20px; }
.feat-3-col.img-top img { margin-top: 20px; }
.feat-3-col.img-top .feat { height: 320px; }
.feat .kicker { text-align: center; color: #009bc4; background: url(../img/bg-kicker.gif) no-repeat 50% 50%; margin: 0 -13px 17px; padding: 0 13px; }
.feat .kicker span { background: #fff; padding: 0 10px; font: 14px/1 'BasicCommercialW01-Bold', arial, sans-serif; }
.feat h3 { font: 18px/1.111 'BasicCommercialW01-Roma', arial, sans-serif; margin-bottom: 10px; }
.feat h3 a { color: #333; }
.img-top .kicker { text-align: left; color: #85ae07; font: 11px/1 'BasicCommercialW01-Roma', arial, sans-serif; background: none; margin: 0 0 3px; padding: 0; }
.feat p { margin-bottom: 5px; }
.img-top .txt { padding-top: 12px; }
.feat-2-col .img-top .img { margin-bottom: 12px; }
.feat-2-col .img-top .txt { padding-top: 0; }
.feat h4 { font-size: 14px; line-height: 1.1071; margin-bottom: 12px; font-style: italic; font-weight: normal }
.feat h3 + h4 { margin-top: -6px }
.feat-style-a { padding: 15px 30px 15px 15px; margin-bottom: 1px; }
.feat-style-a:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.feat-style-a .img { float: left; margin-right: 30px; }
.feat-style-a .txt { display: table-cell; padding-top: 5px; }
.feat-style-a h3 { font-size: 25px; margin-bottom: 7px; }

.feat-twtr { font: 25px/1.2 'BasicCommercialW01-Bold', arial, sans-serif; color: #fff; text-transform: uppercase; text-align: center; padding: 105px 7px 20px; letter-spacing: 1px; background: url(../img/icon-twitter-64.png) no-repeat 50% 32px; }
.feat-twtr b { font-size: 40px; font-weight: normal; display: block; margin-bottom: 1px; }
.feat-twtr .btn { margin: 18px auto 0; }
.feat-email-signup { color: #fff; text-align: center; padding: 85px 15px 20px; font-size: 0.933em; line-height: 1.429; }
.feat-email-signup h3 { font: 30px/1 'BasicCommercialW01-Bold', arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.getsocial .feat-email-signup { padding-top: 58px; }
.getsocial .feat-email-signup h3 { font-size: 45px; }
.feat-email-signup .btn-field { margin-top: 15px; }
.feat-email-signup input[type="text"] { width: 147px; }



/*layouts*/
.layout-col-3 { margin: 0 -30px 35px 0; }
.layout-col-3 .col { width: 300px; margin-right: 30px; float: left; }
.layout-col-3 .colx2 { width: 630px; }
.layout-article { margin: 10px -30px 35px; border-spacing: 30px 0; }
.layout-article .col { display: table-cell; vertical-align: top; width: 300px; }
.layout-article .colx2 { width: 630px; background-color: #fff; }
.layout-article .colx3 { width: 960px; }
.layout-article.feature-standard { margin: 0 0 30px 0; border-spacing: 0; }
.layout-article.feature-standard .col { width: 315px; background-color: #fff; }
.layout-article.feature-standard .colx2 { width: 645px; }

/*heros (page headers)*/
.hero { background-repeat: no-repeat; background-position: 50% 0; background-color: #2e728f; text-align: center; color: #fff; min-width: 960px; }
.hero .content { width: 960px; text-align: left; margin: 0 auto; }
.hero-style-a { /*padding-top: 110px;*/width:1400px; height: 350px; display:table-cell; vertical-align:middle; text-align:center; }
.hero-style-a h1 { font-size: 25px; font-family: ff-meta-web-pro, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; font-weight: normal; text-transform: uppercase; text-shadow: 4px 4px 5px rgba(0,0,0,0.5); width: 920px; margin: 0 auto;  }
.hero-style-a h2 { font: 56px/1 ff-meta-web-pro, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; text-shadow: 4px 4px 5px rgba(0,0,0,0.5); letter-spacing: -1px; width: 920px; margin: 0 auto; }
.hero-style-b { background-position: 0 0; display: table-cell; height: 250px; padding-top: 0; text-align: center; vertical-align: middle; width: 1400px; }
.hero-style-b h1 { font: 50px/1 'BasicCommercialW01-Bold', arial, sans-serif; text-transform: uppercase; text-shadow: 3px 3px 5px rgba(0,0,0,0.5); display: inline-block; min-width: 410px; }

.hero-style-c { padding-top: 50px; height: 240px; } 
.hero-style-d { padding-top: 120px; height: 230px; } 
.hero-style-c h1,
.hero-style-d h1,
.hero-style-getsocial h1 { font: 58px/1 'BasicCommercialW01-Bold', arial, sans-serif; text-transform: uppercase; text-shadow: 3px 3px 5px rgba(0,0,0,0.5); width: 920px; margin: 0 auto 10px; letter-spacing: 1px; }
.hero-style-c p,
.hero-style-d p,
.hero-style-getsocial p { font-size: 22px; line-height: 1.273; width: 30em; max-width: 920px; margin: 0 auto; }
.hero-style-c .btn { margin: 20px auto 0; }
.hero-style-getsocial { background-image: url('../img/hero-getsocial.jpg'); color: #666; padding-top: 120px; height: 230px; }

.hero-style-e{width:920px; min-width: 920px; height:232px; margin:-14px 50px 61px;}
  .body{width:920px; height:232px; display:table-cell; /*text-align:center;*/ vertical-align:middle;}
  .heroe-date {margin:0; color:#fff; font: italic 2.46666em/1 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;}
  .heroe-headline {color:#fff; font: 3.73333em/1 'alternate-gothic-no-1-d', arial, sans-serif; text-transform: uppercase; letter-spacing: .15em; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}

/*articles*/
.article { line-height: 1.467; }
.article h2 { font: 25px/1.12 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #009cbe; margin-bottom: 20px; }
.article h3 { font-size: 20px; margin: 20px 0 2px; font-weight: normal; }
.article h4 { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; }
.article h5 { font-size: 12px; color: #666; margin-bottom: 20px; font-weight: normal; }
.col .article { padding: 30px 35px 25px; background: #fff; }

.form-block-style-a .aside { margin-bottom: 30px; padding-top: 5px; }

.article .btn { margin-top: 30px; }

.article-showcase { background: #fff; padding: 30px 35px 25px; margin: 10px 0 40px; }
.hdr-article { font-size: 1.2em; line-height: 1.389; margin-bottom: 30px; }
.hdr-article .kicker { font-size: 0.833em; text-transform: uppercase; margin-bottom: 2px; }
.hdr-article h1, .article h1 { font-size: 35px; line-height: .9; font-weight: normal; letter-spacing: -1px; margin-bottom: 5px; }
.article blockquote { margin: 0 0 30px 30px; font-size: 20px; background: url(../img/bg-q-open1.png) no-repeat 1px 0; padding-top: 35px; }
.article p.line { border-top: 1px solid #ccc; padding-top: 5px; margin-bottom: 20px; font-size: .8em; color: #ccc; }
.article div.imglist img { width: 130px; height: 85px; float: left; margin: 0 10px 10px 0; background-color: #999; }
.article div.imglist div { font: 18px 'BasicCommercialW01-Bold', arial, sans-serif; }
.article div.imglist p { margin-bottom: 30px; }
.article-showcase .hdr-article { margin-bottom: 35px; }
#feature-standard-video .hdr-article { padding: 0 30px; }
.feature-standard .hdr-article h1 { font-size: 36px; }
.feature-standard .hdr-article p { font-size: 20px; }
.article-showcase .social-links { width: 450px; }
.article-showcase .social-links li { margin-right: 40px; }
.article .social-links { width: 450px; margin: 0 0 50px; }
.article .social-links li { margin-right: 40px; }

#feature-standard-video { background-color: #fff; }

/*navigation*/
.nav-tabs { text-align: center; padding-bottom: 14px; border-bottom: 1px solid #7bbccf; margin-bottom: 25px; }
.nav-tabs li { font: 16px 'BasicCommercialW01-Bold', arial, sans-serif; text-transform: uppercase; display: inline-block; padding: 0 24px 17px; letter-spacing: 1px; }
.nav-tabs a { text-decoration: none; }
.nav-tabs a:hover { color: #a6dee5; text-decoration: none; }
.nav-tabs .active a { color: #a6dee5; }
.nav-tabs .active { background: url(../img/article-tabs-active.png) no-repeat 50% 100%; }



/*asides*/
.aside-style-a { background: #fff; margin-bottom: 35px; }
.aside-style-a .body { padding: 20px 0 1px; }
.aside-style-a .footer .btn { float: right; }
.feature-standard .aside-style-a .footer .btn { margin-right: 20px; }
.aside-style-a h2 { font: 25px/1.08 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #009cbe; margin-bottom: 20px; }
  .aside-style-a .ak20 {font: 20px/1 'BasicCommercialW01-Roma', arial, sans-serif; color: #0e8193; margin-bottom: 20px; }
  .aside-style-a .subhead { font:italic 20px/1.08 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #0e8193; margin-bottom: 20px; }
.aside-style-a h3 { font-size: 17px; margin: 20px 0 2px; font-weight: normal; }

.aside .badges { padding: 3px 0 50px 20px; }
.aside .badges img { vertical-align: bottom; margin-right: 30px; }

.aside-style-b {width:302px; height:180px; margin-bottom: 35px; background-position:0 0; background-repeat:no-repeat;}
.aside-style-b .coverlink  {width:302px; height:180px;}
  .coverlink {display:table-cell; text-align:center; vertical-align:middle; text-decoration:none; border-spacing:0; font:2.8125em/100% 'BasicCommercialW01-Roma', arial, sans-serif; color:#fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
  .coverlink:hover {color:#fff;}

.aside-style-c { background: #fff; margin-bottom: 35px; }
.aside-style-c .body { padding: 20px 20px 1px; }
.aside-style-c .footer .btn { float: right; }
.feature-standard .aside-style-c .footer .btn { margin-right: 20px; }
.aside-style-c h2 { font: 25px/1.08 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #009cbe; margin-bottom: 20px; }
  .aside-style-c .ak20 {font: 20px/1 'BasicCommercialW01-Roma', arial, sans-serif; color: #0e8193; margin-bottom: 20px; }
  .aside-style-c .subhead { font:italic 20px/1.08 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #0e8193; margin-bottom: 20px; }
.aside-style-c h3 { font-size: 17px; margin: 20px 0 2px; font-weight: normal; }

/*page elements*/
.hdr-section { margin-bottom: 15px; color: #fff; }
.hdr-section h2 { font: 25px/1 'BasicCommercialW01-Bold', arial, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 7px; }
.hdr-section p { font-size: 19px; }

.promo-lnk { border-top: 1px solid #75b1c0; border-bottom: 1px solid #75b1c0; text-align: center; font-size: 22px; line-height: 1; padding: 18px 0 22px; margin-bottom: 35px; }

.email-signup { font-size: 19px; margin-bottom: 35px; }
.email-signup p { margin: 0; }
.email-signup .txt { float: left; width: 605px; color: #7dd0de; }
.email-signup .field { height: 35px; float: right; padding-top: 6px; }
.email-signup .field input { float: left; height: 35px; border: 0; padding: 0; }
.email-signup .field input[type="text"] { width: 170px; padding-left: 18px; font-size: 14px; line-height: 35px; }
.email-signup .field input.ir { width: 111px; background-image: url(../img/btn-sign-up-35.png); }
.email-signup .field input.ir:hover { background-position: 0 -50px; }

.email-signup-home { font-size: 1.06666em; padding: 0 440px 25px 0; position: relative; border-bottom: 1px solid #7bbdd0; margin-bottom: 35px; }
.email-signup-home h3 { font-size: 23px; color: #7dd0de; font-weight: normal; line-height: 1; margin-bottom: 8px; }
.email-signup-home p { margin: 0; }
.email-signup-home .btn-field { position: absolute; right: 0; top: 2px; }
.email-signup-home .btn-field input[type="text"] { width: 235px; }

.es-style-a { border-top: 1px solid #75b1c0; border-bottom: 1px solid #75b1c0; padding: 20px 0; }
.es-style-a .txt { float: left; padding: 4px 15px 0 0; width: 465px; text-align: right; color: #fff; font-size: 22px; }
.es-style-a .btn-field { float: right; padding-left: 15px; width: 465px; }
.es-style-a .btn-field input[type="text"] { width: 240px; }




/*buttons (links & submit buttons)*/
.btnlnk a { display: block; color: #FFF; text-transform: uppercase; text-decoration: none; }
.col .btnlnk { margin: 0 auto 18px; }
.btn-sign-restore-v,
.btn-join-cleanup-v,
.btn-sign-do-donate-v,
.btn-send-gift-v,
.btn-corp-partner-v,
.btn-employee-give-v,
.btn-more-donate-v { width: 297px; }
.btn-sign-restore-v a,
.btn-join-cleanup-v a,
.btn-sign-do-donate-v a,
.btn-send-gift-v a,
.btn-corp-partner-v a,
.btn-employee-give-v a,
.btn-more-donate-v a { height: 30px; padding-top: 68px; background-image: url(../img/btn-sprite-vert.png); text-align: center; color: #FFF; padding-top: 68px; font: 12px/1 'alternate-gothic-no-1-d', sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; }
.wf-active .btn-sign-restore-v a,
.wf-active .btn-join-cleanup-v a,
.wf-active .btn-sign-do-donate-v a,
.wf-active .btn-send-gift-v a,
.wf-active .btn-corp-partner-v a,
.wf-active .btn-employee-give-v a,
.wf-active .btn-more-donate-v a {font-size: 27px; letter-spacing: 3px; }
.btn-sign-restore-v a { background-position: 0 0; }
.btn-sign-restore-v a:hover { background-position: -300px 0; }
.btn-join-cleanup-v a { background-position: 0 -100px; }
.btn-join-cleanup-v a:hover { background-position: -300px -100px; }
.btn-sign-do-donate-v a { background-position: 0 -200px; }
.btn-sign-do-donate-v a:hover { background-position: -300px -200px; }
.btn-send-gift-v a { background-position: 0 -300px; }
.btn-send-gift-v a:hover { background-position: -300px -300px; }
.btn-corp-partner-v a { background-position: 0 -400px; }
.btn-corp-partner-v a:hover { background-position: -300px -400px; }
.btn-employee-give-v a { background-position: 0 -500px; }
.btn-employee-give-v a:hover { background-position: -300px -500px; }
.btn-more-donate-v a { background-position: 0 -600px; }
.btn-more-donate-v a:hover { background-position: -300px -600px; }

.btn-set-01 { margin-bottom: 30px; }
.btn-set-01 .btnlnk { float: left; }
.btn-set-01 .btnlnk a { height: 54px; background-image: url(../img/btn-sprite-hm.png); font: 27px/1 'alternate-gothic-no-1-d', sans-serif; text-shadow: 2px 2px 2px rgba(79, 96, 12, 0.5); letter-spacing: 3px; padding-top: 21px; padding-left: 84px; }
.btn-donate-now-h { width: 274px; margin-right: 38px; }
.btn-donate-now-h a { background-position: 0 0; }
.btn-donate-now-h a:hover { background-position: 0 -100px; }
.btn-become-member-h { width: 315px; margin-right: 38px; }
.btn-become-member-h a { background-position: -309px 0; }
.btn-become-member-h a:hover { background-position: -309px -100px; }
.btn-join-cleanup-h { width: 295px; }
.btn-join-cleanup-h a { background-position: -665px 0; }
.btn-join-cleanup-h a:hover { background-position: -665px -100px; }

.btn a { display: block; color: #FFF; }
.btn a:hover, input.btn:hover { background-position: 0 -50px; }

.btn-donate-now-37,
.btn-join-us-37, .btn-dive-deeper-37 { width: 171px; }

.btn-donate-now-37 a { height: 29px; background: url(../img/btn-donate-now-37.png); padding-top: 8px; }
.btn-join-us-37 a { height: 29px; background: url(../img/btn-join-us-37.png); padding-top: 8px; }
.btn-dive-deeper-37 a { height: 27px; background: url(../img/btn-dive-deeper-37.png); padding-top: 8px; letter-spacing: 1px; }

.btn-donate-now-35 { width: 174px; }
.btn-donate-now-35 a, input.btn-donate-now-35 { background: url(../img/btn-donate-now-35.png); border: 0; }
input.btn-donate-now-35 { height: 35px; color: #FFF; }

.btn-register-now-35 { width: 162px; }
.btn-register-now-35 a { height: 35px; background: url(../img/btn-register-now-35.png); }

.btn-donate-now-35-dbl { width: 162px; }
.btn-donate-now-35-dbl a { height: 35px; background: url(../img/btn-donate-now-35-dbl.png); }

.btn-tweet-now-35-dbl { width: 162px; }
.btn-tweet-now-35-dbl a { height: 27px; background: url(../img/btn-tweet-now-35-dbl.png); padding-top: 8px; font-size: 15px; text-shadow: 2px 2px 4px #190; }

.btn-gift-honor-35 { width: 228px; }
.btn-gift-honor-35 a { height: 27px; background: url(../img/btn-gift-honor-35.png); padding-top: 8px; }
.btn-gift-honor-35-dbl { width: 294px; }
.btn-gift-honor-35-dbl a { height: 27px; background: url(../img/btn-gift-honor-35-dbl.png); padding-top: 8px; }

.btn-continue-37 { width: 171px; }
.btn-continue-37 a { height: 29px; background: url(../img/btn-continue-37.png); padding-top: 8px; }

.btn-field input { float: left; padding: 0; border: 0; }
.sign-up-35 input { height: 35px; line-height: 35px; font-size: 15px; }
.sign-up-35 input[type="text"] { font-size: 14px; padding-left: 10px; text-shadow: none; }
.sign-up-35 input.btn { width: 111px; background-image: url(../img/btn-sign-up-35.png); background-color: transparent; color: #FFF; text-shadow: 2px 2px 4px #190; }
.go-31 input { height: 31px; width: 120px; font-size: 15px; }
.go-31 input.btn { width: 64px; background-image: url(../img/btn-go-31.png); background-color: transparent; color: #FFF; text-shadow: 2px 2px 4px #190; }
.go-31 input[type="text"] { text-shadow: none; }

.col .btn-set { margin-bottom: 25px; }

/*stats elements*/
.stats-horz { margin-bottom: 70px; }
.txt-team-facts { height: 32px; background-image: url(../img/hdr-team-facts.png); margin-bottom: 40px; }
.stats-4 { margin-right: -72px; color: #fff; }
.stats-4 .item { width: 186px; margin-right: 72px; float: left; font: 20px/1 'BasicCommercialW01-Roma', arial, sans-serif; }
.stats-4 .num { display: block; font: 32px/1 'alternate-gothic-no-1-d', sans-serif; margin-bottom: 4px; }
.wf-active .stats-4 .num { font-size: 38px; letter-spacing: 5px; }
.stats-vert .item { font: 21px/1 'BasicCommercialW01-Roma', arial, sans-serif; color: #fff; }
.stats-vert .num { display: block; font: 42px/1 'alternate-gothic-no-1-d', sans-serif; margin-bottom: 3px; }
.wf-active .stats-vert .num { font-size: 50px; letter-spacing: 6px; }
.stats-vert .item { margin: 0 5px 90px 60px; } 
.txt-facts { height: 32px; background-image: url(../img/hdr-facts.png); background-position: 10px 0; margin-bottom: 65px; }



/*promos*/
.promo { text-decoration: none; }
.promo-style-a { padding-right: 235px; font-size: 19px; position: relative; min-height: 61px; margin-bottom: 30px; }
.promo-style-a p { margin: 0; }
.promo-style-a h3 { font-size: 23px; color: #a6dee5; line-height: 1; font-weight: normal; margin-bottom: 4px; }
.promo-style-a h3.large { font-size: 27px; margin-bottom: 3px; }
.promo-style-a .btn { position: absolute; right: 0; top: 24px; }
.promo-style-a.brdr { border-bottom: 1px solid #7bbdd0; padding-bottom: 30px; margin-bottom: 30px; }

.promo-style-b { padding: 25px 270px 25px 35px; color: #fff; position: relative; margin-bottom: 35px; background: #003758; border-radius: 8px 8px 0 0; line-height: 20px; }
.promo-style-b p { margin: 0; }
.promo-style-b h3 { font: 25px/1 'BasicCommercialW01-Bold', arial, sans-serif; color: #bde14b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.promo-style-b h3.large { font-size: 27px; margin-bottom: 3px; }
.promo-style-b .btn { position: absolute; right: 60px; top: 40px; }

.promo-2-txt { margin: 0 -30px 35px; border-spacing: 30px 0; }
.promo-2-txt .promo { background: #003758; display: table-cell; vertical-align-top; width: 405px; padding: 20px 30px 25px; border-radius: 8px 8px 0 0; color: #fff; }
.promo-2-txt h3 { font: 25px/1 'BasicCommercialW01-Bold', arial, sans-serif; color: #bde14b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.promo-2-txt .promo:hover h3 { color: #85ae06; }
.promo-2-txt p { margin: 0; }
.promo-2-img { margin: 0 -30px 35px 0; }
.promo-2-img .promo { float: left; margin-right: 30px; }

#ftr-global .promo { margin-bottom: 35px; }
.promo-dl-app { width: 315px; }
.promo-dl-app a { height: 44px; background: url(../img/promo-bg-dl-app.png); }
.promo-dl-app a:hover { background-position: 0 -50px; }

#charity-block { color: #fff; display: table; margin: 0 auto; padding-bottom:20px; }
#charity-block .txt, 
#charity-block .badges { display: table-cell; vertical-align: top; }
#charity-block .badges { padding-left: 10px; width:290px; }
#charity-block .badges img { margin-left: 15px; }
#charity-block .txt {width:500px;}

.promo-style-c { background: #003758; color: #fff; text-align: center; padding: 35px 12px 40px; }
.promo-style-c h2 { font: 30px/1 'BasicCommercialW01-Bold', Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 0 auto 12px; width: 8em; max-width: 100%; }


/*social links*/
.hero .social-links { padding-top: 17px; }
.social-links { padding: 0; margin: 0 auto; list-style: none; overflow: hidden; width: 410px; height: 20px; }
#feature-standard-video .social-links { margin: 0 0 45px 30px; width: auto; }
.social-links li { float: left; margin-right: 30px; }
#feature-standard-video .social-links li { margin-right: 45px; }
.social-links a { color: #fff; display: block; height: 20px; background: url(../img/matrix-social.png) no-repeat; }
.social-links .donate a { width: 110px; }
.social-links .email a { width: 80px; background-position: -154px 0; }
.social-links .fb a { width: 69px; background-position: -279px 0; }
.social-links .tweet { margin: 0 !important; }
.social-links .tweet a { width: 68px; background-position: -385px 0; }
.bg-fff .donate a { background-position: 0 -20px; }
.bg-fff .email a { background-position: -154px -20px; }
.bg-fff .fb a { background-position: -279px -20px; }
.bg-fff .tweet a { background-position: -385px -20px; }


/*accordians*/
.accordian-style-a { margin-bottom: 45px; }
#ways-difference .header { padding: 15px 0 50px; }
#ways-difference h1.ir { height: 145px; background: url(../img/hdr-ways-difference.png) no-repeat 50% 0; }
.accordian-style-a .section { background-repeat: no-repeat; background-position: 0 100%; }
.accordian-style-a .inner { height: 465px; color: #fff; padding-left: 185px; position: relative; }
.js .accordian-style-a .inner { height: 155px; cursor: pointer; background-repeat: no-repeat; background-position: -1000px -1000px;/*preload*/ }
.accordian-style-a .open { cursor: default !important; background: rgba(0,0,0,0.5) }
.accordian-style-a .inner { background: url(../img/op-000-50.png); }
.js .accordian-style-a .inner:hover,
.accordian-style-a .open { background-repeat: repeat !important; background-position: 0 0 !important;  }
#wd-01 { background-image: url(../img/pic-wd-01.jpg); }
#wd-02 { background-image: url(../img/pic-wd-02.jpg); }
#wd-03 { background-image: url(../img/pic-wd-03.jpg); }
#wd-04 { background-image: url(../img/pic-wd-04.jpg); }
#wd-05 { background-image: url(../img/pic-wd-05.jpg); }
.accordian-style-a .close { display: none; width: 41px; height: 41px; background: url(../img/icon-close-41.png) no-repeat; cursor: pointer; position: absolute; top: 58px; left: 75px; }
.accordian-style-a h2 { font: 38px/1 'alternate-gothic-no-1-d', sans-serif; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(79,96,12,0.5); padding-top: 55px; margin-bottom: 25px; background: url(../img/icon-arw-dn.png) no-repeat -1000px -1000px;/*preload*/ }
.wf-active .accordian-style-a h2 { font-size: 55px; letter-spacing: 7px; }
.js .accordian-style-a .inner:hover h2:after { content: url(../img/icon-arw-dn.png); padding-left: 33px; position: relative; top: -5px; }
.accordian-style-a .open:hover h2:after { content: none !important; }
.accordian-style-a .txt { font-size: 23px; line-height: 1.478; width: 27.5em; max-width: 765px; }
.js .accordian-style-a .txt { display: none; }
.accordian-style-a .btnlnk { margin-top: 50px; }
#ways-difference .btnlnk a { background-image: url(../img/btn-sprite-01.png); height: 37px; text-align: center; padding-top: 3px; }
.btn-take-pledge a { width: 337px; background-position: 0 0; font-family: 'alternate-gothic-no-1-d', sans-serif;}
.btn-take-pledge a:hover { background-position: -400px 0; }
.btn-near-you a { width: 332px; background-position: 0 -50px; font-family: 'alternate-gothic-no-1-d', sans-serif;}
.btn-near-you a:hover { background-position: -400px -50px; }
.btn-support-ra a { width: 365px; background-position: 0 -100px; font-family: 'alternate-gothic-no-1-d', sans-serif; }
.btn-support-ra a:hover { background-position: -400px -100px; }
.btn-member-today a { width: 337px; background-position: 0 -150px; font-family: 'alternate-gothic-no-1-d', sans-serif; }
.btn-member-today a:hover { background-position: -400px -150px; }
.btn-take-pledge a { width: 365px; background-position: 0 -200px; font-family: 'alternate-gothic-no-1-d', sans-serif; }
.btn-take-pledge a:hover { background-position: -400px -200px; }



/*carousels*/
.carousel .wrapper { overflow: auto; }
.js .carousel .wrapper { overflow: hidden; width: 100%; /*ie6*/ }
.js .carousel .slider { width: 9999em; overflow: hidden; }
.js .carousel-imgs-wrap { position: relative; height: 252px; }
.carousel-imgs .item { float: left; width: 186px; height: 186px; background: #000; }
.carousel-imgs .active img,
.carousel-imgs a:hover img { opacity: 0.4; filter: alpha(opacity=40); }
.carousel-imgs .empty { background: #eee; }
.carousel-imgs { width: 930px; border: 15px solid #fff; }


/* Arrows */
.button {width: 29px; height: 28px; display: block; cursor: pointer; background:url(../img/sld-controls.png) no-repeat 0 0;  position: absolute;}
  #slideshow-hm .button { bottom: 21px; }
  .carousel-article .button { bottom: 6px; }
    .carousel-article.carousel-videos .prev {left:0; background-position: 0 -60px;}
    .carousel-article.carousel-videos .next {right:0; background-position: -30px -60px;}
    .newsroom-hm .carousel-article .button { bottom: 15px; }
    .newsroom-hm .carousel-article .prev { left: -35px; background-position: 0 0;}
    .newsroom-hm .carousel-article .next { right: -35px;  background-position: -30px 0;}
  .carousel-getsocial .button, .carousel-feat .button { width: 19px; height: 18px; }
    .carousel-getsocial .prev, .carousel-feat .prev { left: 4px; background-position: -11px -110px;}
    .carousel-getsocial .next, .carousel-feat .next { right: 4px; background-position: -30px -110px; }
    .carousel-getsocial .prev:hover, .carousel-feat .prev:hover { background-position: -11px -90px;}
    .carousel-getsocial .next:hover, .carousel-feat .next:hover { background-position: -30px -90px; }
    .carousel-feat .prev { left: 0px; }
    .carousel-feat .next { right: 0px;}
    #feature-standard-video .prev {left:-16px; bottom:1px;}
    #feature-standard-video .next {right:-16px; bottom:1px;}

.prev { left: 0; background-position: 0 0; }
.prev:hover, .carousel-article.carousel-videos .prev:hover { background-position: 0 -30px; }
.next { right: 0; background-position: -30px 0; }
.next:hover, .carousel-article.carousel-videos .next:hover { background-position: -30px -30px; }

.carousel-imgs .button { width: 32px; height: 48px;  position: absolute; top: 84px; background:url(../img/caro-controls.png) no-repeat 0 0; }
.carousel-imgs .prev { left: 0; }
.carousel-imgs .next { right: 0; background-position: 0 -50px; }

/* Indicators */
#slideshow-hm .controls { position: absolute; z-index: 50; bottom: 0; width: 960px; left: 50%; margin-left: -480px; border-bottom: 1px solid #7bbed0; text-align: center; }
#slideshow-hm .controls ul { margin: 0; padding: 0 0 27px; list-style: none; float: left; position: relative; left: 50%; }
#slideshow-hm .controls li { float: left; display: block; height: 10px; width: 10px; background: #1d7c9b; text-indent: -9999px; border-radius: 5px; margin: 0 2px; position: relative; right: 50%; }
#slideshow-hm .controls li.loaded { background: #00a8cb; cursor: pointer; }
#slideshow-hm .controls li.loaded:hover { background: #97bc2e; }
#slideshow-hm .controls li.active { background: #97bc2e !important; cursor: default; }
.carousel-feat, .carousel-feat .item, .carousel-feat .controls { width: 278px; }

.buttons { text-align: center; line-height: 10px; margin-top: 4px; }
.buttons span { display: inline-block; background-color: #e5e5e5; cursor: pointer; height: 10px; width: 10px; border-radius: 50%; margin-right: 2px; text-indent: -9999px; }
.buttons span.active, .buttons span:hover { background-color: #00a8cb; }
.getsocial .buttons span { background-color: #00a8cb; }
.getsocial .buttons span.active, .getsocial .buttons span:hover { background-color: #97bc2e; }

.carousel-imgs .buttons { position: absolute; bottom: 0; left: 0; width: 960px; text-align: center; line-height: normal; }
.carousel-imgs .buttons span { display: inline-block; height: 10px; width: 10px; background: #fff; text-indent: -9999px; border-radius: 5px; margin: 0 2px; cursor: pointer; }
.carousel-imgs .buttons span.active { background: #00a8cb; cursor: default; }
.carousel-getsocial .buttons, .carousel-feat .buttons { text-align: center; line-height: 10px; width: 100%; }
.carousel-getsocial .buttons, .carousel-feat .buttons { text-align: center; line-height: 10px; width: 100%; }


.carousel-article { padding: 0 95px 20px; width: 700px; position: relative; }
.carousel-article .item, .carousel-newsroom .item { float: left; width: 700px; min-height: 300px; }
.carousel-article.carousel-videos { padding: 0 32px 8px; }
.carousel-article.carousel-videos, .carousel-article.carousel-videos .item { width: 825px; }
.carousel-videos { margin-top: 20px; }
.article .item { position: relative; margin-bottom: 40px; }
.carousel-videos .item { position: relative; margin-bottom: 6px; }
.article .item img { max-width: 574px; }
.carousel-videos .item, .carousel-videos .item img { width: 825px; height: 372px; }

.newsroom-hm .carousel-article { padding: 0 28px 17px; }
.newsroom-hm .carousel-article { border-top: 30px solid #fff; background-color: #fff; margin: 0 auto; }

/*bios*/
#who-we-are { margin: 55px 0 40px; }
#who-we-are .slide { min-height: 434px; }
#who-we-are .slide + .slide { display: none; }
html:not(.js) #who-we-are .slide { display: none; }
html:not(.js) #who-we-are .slide:target { display: block; }
#who-we-are .bio { margin-bottom: 25px; }
.bio .pic { border: 17px solid #fff; float: left; margin-right: 50px; }
.bio .txt { display: table-cell; padding: 2px 40px 0 0; }
.bio blockquote { margin: 0 0 25px; font-size: 24px; line-height: 1.375; font-style: italic; background: url(../img/bg-q-open.png) no-repeat 1px 0; padding-top: 70px; min-height: 165px; }
.bio blockquote:after { content: '\201D' }
.bio h2 { font: 28px/1 'BasicCommercialW01-Bold', arial, sans-serif; letter-spacing: 1px; border-top: 7px solid #fff; display: inline-block; padding-top: 30px; margin-bottom: 10px; }
.bio .title { font: 19px/1 'BasicCommercialW01-Bold', arial, sans-serif; letter-spacing: 1px; }
.bio .link { font-size: 23px; font-style: italic; margin-top: 15px; }



/*forms*/
.form-wrap { background: #fff; padding: 25px 30px 12px }
.form-layout { font-size: 0.933em; }
.form-layout th { text-align: right; vertical-align: top; padding: 4px 10px 6px 0; width: 205px; font-weight: normal; }
.form-layout td { padding-bottom: 6px; }
.form-layout label { display: inline-block; min-height: 21px; }
.form-wrap input[type="text"] { background: #e6f9fd; border: 1px solid #e3e3e3; height: 1.5em; width: 250px; }
.form-layout tbody + tbody { border-top: 60px solid #fff; }
#form-donate .field-radio { height: 35px; margin: 5px 1px 0 0; }
#form-donate .form-layout { margin-top: 20px; }

.form-donate-amount { margin-bottom: 30px; }
.form-donate-amount .field-checkbox { margin: 15px 0 0 7px; }
.form-layout .field-checkbox { margin-top: 10px; }
.form-layout .field-action { margin-top: 15px; }
.form-donate-amount .field-txt  { margin: 5px 0 0 10px; }
.form-donate-amount .field-txt label { display: inline-block; margin-bottom: 10px;  }
#form-donate .field-radio label { display: block; padding: 0 25px 0 40px; min-width: 65px; font: 28px/35px 'BasicCommercialW01-Bold', arial, sans-serif; color: #00a8cb; cursor: pointer; background: url(../img/bg-radio.png) no-repeat 7px 7px; }
#form-donate .field-radio.checked { background: url(../img/bg-radio.png) no-repeat 100% 0; }
#form-donate .field-radio.checked label { color: #fff; background-position: -743px 7px; }
.js #form-donate .field-radio input,
.js #form-donate .field-checkbox input { position: absolute; left: -9999px; }

#form-donate .field-checkbox label { display: inline-block; background: url(../img/bg-radio.png) no-repeat 0 0; padding-left: 33px; color: #00a8cb; font: 16px/1.333 'BasicCommercialW01-Bold', arial, sans-serif; min-height: 18px; cursor: pointer;  }
#form-donate .field-checkbox.checked label { background: url(../img/bg-radio.png) no-repeat -750px 0; }

.form-wrap h2 { font: 25px/1.12 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #009cbe; margin-bottom: 15px; }

.label-style-a {  color: #00a8cb; font: 16px/1.333 'BasicCommercialW01-Bold', arial, sans-serif; }
.label-style-a .note { font-family: 'BasicCommercialW01-Ligh', arial, sans-serif; color: #666; }



/*home page*/
#bodywrapper.home-page { background: #276d8b url(../img/bg-bodywrapper-hm.jpg) no-repeat 50% 100%; } /*for browsers not supporting multiple bg images*/
#bodywrapper.home-page { background: url(../img/bg-bodywrapper-hm.jpg) no-repeat 50% 100%, url(../img/bg-bodywrapper-hm-rays.gif) no-repeat 100% 0, #276d8b; }

#slideshow-hm { overflow: hidden; position: relative; height: 470px; }
#slideshow-hm .slide { width: 960px; margin: 0 auto; }
#slideshow-hm .slide + .slide { display: none; }
#slideshow-hm img.fg { position: absolute; top: 0; left: 50%; margin-left: -700px; z-index: 5; }
#slideshow-hm img.two { z-index: 10; }
#slideshow-hm img { display: block; }
#slideshow-hm img.txt { margin: 0 auto; }
#slideshow-hm .content { padding-top: 15px; }
#slideshow-hm .feature .content { position: relative; z-index: 15; right: -1500px; }
#slideshow-hm .feature .content img { display: block; margin: 0 auto; }
.feat-caption { border-color: #fff; border-style: solid; border-width: 26px 29px 46px 29px; width: 825px; margin: 0 auto; position: relative; }
.feat-caption .txt, .carousel .item .txt { width: 775px; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); padding: 25px 25px 30px; font-size: 16px;}
.feat-caption h3, .item h3 { font-size: 21px; font-weight: normal; margin-bottom: 3px; }
.feat-caption p, .item p { margin: 0; }
.article .item .txt { width: 95%; font-size: .8em; padding: 2.5%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; }



/*my oceans*/
#my-oceans { margin: 10px 0 35px; height: 400px; overflow: hidden; }
#my-oceans-form { height: 384px; width: 384px; background: url(../img/bg-my-oceans.png); margin: 12px auto 6px; position: relative; }
#my-oceans-form .btn-field { position: absolute; bottom: 47px; left: 104px; }

#my-oceans-results { position: relative; }
#my-oceans-results h2.ir { height: 31px; background-image: url(../img/hdr-my-ocean.png); margin-bottom: 12px; }
#my-oceans-results .location { font: 19px/25px 'BasicCommercialW01-Roma', arial, sans-serif; float: left; }
#my-oceans-reset { cursor: pointer; float: right; width: 70px; height: 25px; background-image: url(../img/btn-my-oceans-reset.png); }
#my-oceans-reset:hover { background-position: 0 -50px; }
#my-oceans-results .results { margin-top: 25px; margin-bottom: 10px; min-height: 195px; }
#my-oceans-results .results h3.ir { height: 75px; background-image: url(../img/hdrs-sprite-my-oceans.png); margin-bottom: 15px; }
#my-oceans-results h3.weather { background-position: 0 0; }
#my-oceans-results h3.atmosphere { background-position: 0 -100px; }
#my-oceans-results h3.food { background-position: 0 -200px; }
#my-oceans-results .item p { margin-bottom: 5px; }

/*newsroom*/
.txt a:hover { text-decoration: underline; }
.txt-newsroom { height: 32px; background-image: url(../img/hdr-newsroom.png); margin: 16px 0 25px 30px; }
.date-style-a { background: url(../img/icon-flag-dn.png); color: #fff; font-weight: bold; line-height: 1; padding: 7px 0 0 11px; width: 40px; height: 50px; }
.date-style-a .month { font-size: 13px; display: block; margin-bottom: 1px; text-transform: uppercase; }
.date-style-a .day { font-size: 22px; display: block; }
ul.dated { margin: 0; padding: 0; list-style: none; }
ul.dated li { margin-bottom: 28px; border-top: 1px solid #00a8cb; padding: 11px 0 0 77px; position: relative; min-height: 59px; line-height: 1.429; }
ul.dated .date { position: absolute; left: 0; top: 0; }
.newsroom .feat-2-col .feat { background-color:transparent; width: 445px; padding: 0; }
.newsroom .feat-2-col .feat:nth-child(2) { margin-left: 20px; }
.newsroom .feat-2-col .feat.drk { margin-top: 65px; }
.newsroom .feat-2-col .feat h2 { margin-bottom: 22px; }
.newsroom .feat-2-col .feat p { margin-top: 25px; width: 350px; line-height: 1.5em; font-size: 1.1em; }
.newsroom .feat-2-col .feat.newsroomcontactthemediateam { padding-right: 34px; border-right: 1px solid #77b4c4; margin-top: 10px; margin-right: 0; height: auto; }
.newsroom .feat-2-col .feat.newsroomjoinourmedialist { margin-left: 35px; margin-top: 10px; height: auto; }
.newsroom .feat-2-col .feat.newsroomcontactthemediateam h1 { font-size: 1.3em; margin-top: 25px; }
.newsroom .btn-gift-honor-35-dbl a { width: 277px; background-position: -9px 0; font-size: 15px; margin-top: 20px; }
.newsroom .btn a:hover { background-position: -9px -50px; }
.newsroom-presskit .feat-3-col .feat, .newsroom-presskit .btnlnk a { width: 300px; height: 160px; }
.newsroom-presskit .feat-3-col .feat, .newsroom-presskit .btnlnk a:hover { background-position: -300px 0; }
.btnlnk a:hover {text-decoration:none;}
.newsroom-presskit .btnlnk a.btn0 { background-image: url(../img/pic-newsroom-00.jpg); }
.newsroom-presskit .btnlnk a.btn1 { background-image: url(../img/pic-newsroom-01.jpg); }
.newsroom-presskit .btnlnk a.btn2 { background-image: url(../img/pic-newsroom-02.jpg); }
.newsroom-presskit .btnlnk a.btn3 { background-image: url(../img/pic-newsroom-03.jpg); }
.newsroom-presskit .btnlnk a.btn4 { background-image: url(../img/pic-newsroom-04.jpg); }
.newsroom-presskit .btnlnk a.btn5 { background-image: url(../img/pic-newsroom-05.jpg); }
.newsroom-presskit { height: 450px; }
.newsroom-inthenews, .newsroom-presskit { clear: left; padding-top: 20px; }

/*getsocial*/
.getsocial .feat-3-col .featx2 h2 { font: 25px/1.12 'BasicCommercialW01-Ligh', Arial, sans-serif; color: #009cbe; margin-bottom: 5px; }
.getsocial .feat-3-col .featx2 .txt { width: 590px; }
.getsocial .feat-3-col .featx2 h3 { color: #666; font-size: 16px; }
.getsocial .feat-3-col .featx2 .txt blockquote { border: 1px solid #e5e5e5; padding: 30px; margin: 20px 0; color: #666; font: 16px 'BasicCommercialW01-Roma', arial, sans-serif; }
.getsocial .feat-3-col .featx2 a.sharefacebook { background: url('../img/btn-getsocial.png'); width: 226px; height: 37px; display: inline-block; text-indent: -9999px; }
.getsocial .feat-3-col .featx2 a.sharetwitter-mention-button { background: url('../img/btn-getsocial.png') 0px -37px; width: 206px; height: 37px; display: inline-block; text-indent: -9999px; margin-right: 16px; }
.getsocial .feat-3-col .featx2 a.sharefacebook:hover { background-position: -226px 0px; }
.getsocial .feat-3-col .featx2 a.sharetwitter-mention-button:hover { background-position: -206px -37px; }
.getsocial .feat-3-col .featx3 .txt { width: 960px; }
.getsocial .featx3 .kicker { background-image: url(../img/bg-kicker1.png); margin-top: 15px; }
.getsocial .feat-3-col .featx3 img { width: 195px; height: 146px; }
.carousel-getsocial { width: 952px; height: 227px; position: relative; margin: 0 auto; }
.feat-3-col .feat.wallpaper { height: 327px; }
.carousel-getsocial .item { width: 238px; height: 242px; text-align: center; float: left; }
.carousel-getsocial .item div:nth-child(2) { font: 18px/1.2 'BasicCommercialW01-Ligh', arial, sans-serif; margin-top: 13px; color: #666; }
.carousel-getsocial .item div a { font-size: .8em; font-weight: bold; }

.carousel-feat { height: 220px; position: relative; margin: 0 auto; }
.carousel-feat .item { text-align: center; float: left; height: 230px; }
.flickr .carousel-feat img.portrait { width: 278px; height: auto; }
.flickr .carousel-feat img.landscape { height: 207px; width: auto; }

.gradient {
height: 3px; margin: 0 7px;
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #dadada, #f5f5f5);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #dadada, #f5f5f5);
/* IE 10 */
background: -ms-linear-gradient(top, #dadada, #f5f5f5);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #dadada, #f5f5f5);
}
.getsocial .feat .kicker.margin-bot-0, .getsocial .facebook .txt, .getsocial .twitter .txt { padding-bottom: 0; }
.getsocial .twitter ul { padding-left: 0; list-style-type: none; margin: 0; }
.getsocial .twitter ul li { margin-top: 15px; font-size: 12px; list-style-type: none; padding: 0 15px 0 75px; height: 100px; border-bottom: 1px solid #c2c2c2; background: url('https://si0.twimg.com/profile_images/899655504/twitterIcon_normal.png') no-repeat 15px 0px; }
.getsocial .twitter ul li div.src { color: #a7a7a7; font-size: 10px; margin: 3px 10px 0 0; }
.getsocial .twitter div.text-align-right { font-size: 12px; font-weight: bold; text-align: right; margin: 7px 15px 0 0; }

.getsocial .yt .carousel-feat .item { text-align: left; }
.getsocial .yt .video { height: 100px; }
.getsocial .yt .video .thumb { margin: 0 15px 15px 15px; position: relative; }
.getsocial .yt .video .thumb, .getsocial .yt .video .thumb img { width: 100px; height: 75px; float: left; }
.getsocial .yt .video .thumb span { position: absolute; right: 0; bottom: 0; color: #fff; font-size: 10px; background-color: #000; padding: 2px; }
.getsocial .yt .video .src { color: #a7a7a7; font-size: 10px; margin-top: 4px; }
.getsocial .yt .video .src span { margin-right: 15px; }

/*donate generic*/
.donate-heading, .ObjTitle { margin-bottom: 7px; font: 2.2em/100% 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; color: #009bc4; }
.donate-para { margin-bottom: 25px; font: 1.33333em/125% 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; color: #333; }
.gen-donate-wrapper { padding:43px 61px 34px 57px; background-color:#fff; }
.gen-donate-header { margin-bottom: 25px; border-bottom: 1px solid #ccc; }
.gen-dontate-hdr-image { float: right; }
.gen-dontate-hdr-text { width: 560px;  float: left; }
.red { color: red; }
.form-gen-donate { border-bottom: 1px solid #ccc;  }
.form-gen-donate td, #InputForm td { padding-bottom: 5px; }
.form-gen-donate .extra-btm { padding-bottom: 22px; }
.form-gen-donate .pb28 {padding-bottom: 28px; }
.form-gen-donate .pb20 {padding-bottom: 20px; }
.label-td, #InputForm .nowrap { width: 193px; text-align: right; vertical-align: top; font-size: .86666em; font-weight: 700; color:#236480; }
.field-td { width: 293px; padding-left: 20px; text-align: left; font-size: .86666em; }
.gen-donate-radio-list { margin: 0; padding: 0; list-style-type: none; }
.gen-donate-radio-list li { margin-bottom: 4px; }
.gen-donate-radio-list-inline li { margin-right: 3px; height: 40px;  text-align: center; float: left; }
.gen-donate-radio-list-inline .visa { width: 37px; }
.gen-donate-radio-list-inline .disc { width: 32px; }
.gen-donate-radio-list-inline .amex { width: 33px; }
.gen-donate-radio-list-inline .mc { width: 31px; }
.gen-donate-radio-list-inline .disc img, .gen-donate-radio-list-inline .mc img { padding-top: 2px; }
.gen-submit-button { width: 171px; height: 37px; border: none; text-shadow: 2px 2px 2px rgba(79, 96, 12, 0.5); font: 17px/1.2 'BasicCommercialW01-Roma', arial, sans-serif; text-transform: uppercase; text-align: center; background: url(../img/btn-continue-37.png); color: #fff; }
.chk-indent { display: block; float: left; }
.gen-footer-wrapper { text-align: center; font-size: .73333em; }
.gen-foot-nav {margin: 0; padding:32px  0 12px; list-style-type: none; }
.gen-foot-nav li { display: inline; line-height: 100%; }
.gen-foot-nav li, .gen-foot-nav a { color: #666666; text-align: center; font-weight: 700; }
.gen-nav-sep { padding: 0 12px; }
.gen-copy { line-height: 140%; color: #666666; }

.clear-all:before, .clear-all:after { content:""; display:table; }
.clear-all:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clear-all { zoom:1; }


/*keep the coast clear*/
#bodywrapper.clear-coast {background: url(../img/bg-clear-coast.jpg) no-repeat 0 0 #685f5a;}
.clear-coast #body{background:url(../img/clear-coast-bodyshadow.png) no-repeat 0 0 #fff;}
.clear-coast-head {width:816px; height:62px; margin:0 auto; padding-bottom: 32px; background:url(../img/header-coast-clear.jpg) no-repeat 0 0;}
.clear-coast .nav-tabs {width:920px; height:145px; margin:0; padding:0 20px 5px; border:none; position:relative; z-index:5; background:url(../img/clear-coast-navshadow.png) no-repeat 20px 145px; }
.clear-coast .nav-tabs ul {}
.clear-coast .nav-tabs li {padding:0;}
.clear-coast .nav-tabs a {width:136px; height:79px; padding:66px 5px 0; display: block; background: url(../img/sprite-coast-clear.png) no-repeat -10px 0; color:#1c4e63;}
.clear-coast .nav-tabs a:hover {color:#00929f;}
.clear-coast .nav-tabs .active {background:none;}
.clear-coast .nav-tabs .active a {color:#00929f;}
  .clear-coast .nav-tabs .cleanup {}
  .clear-coast .nav-tabs .cleanup a:hover {background-position:-10px -326px;}
  .clear-coast .nav-tabs .cleanup.active a,
  .clear-coast .nav-tabs .cleanup.active a:hover {background-position:-10px -163px; height:97px;}
  .clear-coast .nav-tabs .trash-report a {background-position:-161px 0;}
  .clear-coast .nav-tabs .trash-report a:hover {background-position:-161px -326px;}
  .clear-coast .nav-tabs .trash-report.active a,
  .clear-coast .nav-tabs .trash-report.active a:hover {background-position:-161px -163px; height:97px;}
  .clear-coast .nav-tabs .trash-impact a {background-position:-312px 0;}
  .clear-coast .nav-tabs .trash-impact a:hover {background-position:-312px -326px;}
  .clear-coast .nav-tabs .trash-impact.active a,
  .clear-coast .nav-tabs .trash-impact.active a:hover {background-position:-312px -163px; height:97px;}
  .clear-coast .nav-tabs .one-minute a {background-position:-463px 0;}
  .clear-coast .nav-tabs .one-minute a:hover {background-position:-463px -326px;}
  .clear-coast .nav-tabs .one-minute.active a,
  .clear-coast .nav-tabs .one-minute.active a:hover {background-position:-463px -163px; height:97px;}
  .clear-coast .nav-tabs .community a {background-position:-614px 0;}
  .clear-coast .nav-tabs .community a:hover {background-position:-614px -326px;}
  .clear-coast .nav-tabs .community.active a,
  .clear-coast .nav-tabs .community.active a:hover {background-position:-614px -163px; height:97px;}
  .clear-coast .nav-tabs .the-app a {width:135px; background-position:-765px 0;}
  .clear-coast .nav-tabs .the-app a:hover {background-position:-765px -326px;}
  .clear-coast .nav-tabs .the-app.active a,
  .clear-coast .nav-tabs .the-app.active a:hover {background-position:-765px -163px; height:97px;}

.imgfull {display:block; margin:35px 0 40px;}
.clear-coast .layout-article .col {width: 312px;}
.clear-coast .layout-article .colx2 { width: 607px;}
.clear-coast .col .article {padding: 0 25px 25px 27px; background: #fff; border-right: 1px solid #e5e5e5; }
.clear-coast .layout-article {border-spacing: 23px 0; }
.mb5 {margin-bottom:5px !important;}
.mb17 {margin-bottom:17px;}
.clear-coast .nav-tabs.mb60 {margin-bottom:60px;}

.clear-coast .figure {float:left; margin-right:18px;}
.article .overview-h2 { font: 25px/1.12 'BasicCommercialW01-Roma', Arial, sans-serif; color: #333; margin-bottom: 5px; }
.clear-coast .overview-h2 a {color:#333;}
.clear-coast .overview-h2 a:hover {text-decoration:underline;}
.overview-content {width:300px; float: left;}

/*emailsignup*/
.cc-emailsignup-wrapper {width:296px; position:relative;}
.cc-email-input {width:175px; height:33px; padding-left:10px; padding-right:10px; border:1px solid #ccc; border-right:none; color:#666666;}
.gen-submit-button.cc-email-signup {width: 111px; padding:0; background-position:-231px 0; position:absolute; top:0; left:195px;}
.cc-email-signup:hover {background-position:-231px -50px; }
/*pledge*/
.form-pledge {width:312px;}
.form-pledge td {margin:0; padding:0 0 12px 0; text-align: left; vertical-align: middle;}
.form-pledge .center-td {text-align: center;}
.form-pledge input {width: 187px; padding-left:10px; padding-right:10px; height: 31px; border:1px solid #ccc;}
.form-donate-amount.form-pledge .field-checkbox { margin: 12px 0 0 0; }
#form-donate .form-pledge .field-checkbox label { background-position: 0 -49px; color: #0e8193; }
#form-donate .form-pledge .field-checkbox.checked label { background-position: -750px -49px; }
.form-pledge .pledge-submit {width: 201px; height: 35px; border: none; text-shadow: 2px 2px 2px rgba(79, 96, 12, 0.5); font: 17px/1.2 'BasicCommercialW01-Roma', arial, sans-serif; text-transform: uppercase; text-align: center; background: url(../img/btn-201.gif) no-repeat 0 0; color: #fff; }
.form-pledge .pledge-submit:hover {background-position:0 -36px;}

/*
 * Ocean Matters Page
 * all classes to be prefixed om-
*/
.ocean-matters #pagewrapper {width:100%; max-width:100%; position:absolute; left:0; top:0; z-index:5;}
.ocean-matters #hdr-global {width:100%;}
/*.ocean-matters a {cursor: pointer;}
.ocean-matters a:hover {color:#00a8cb;}*/
.om-header-wrapper {position:fixed; top:0; left:0; background-color:#fff; width:100%; z-index: 5;}
.ocean-matters #hdr-donate-lnk {position:absolute;}
.omnone {display:none;}

/* Type */
.om-uc {text-transform: uppercase;}
/**/
.ag19-l0-k150 {font: 400 1.26666em/100% 'alternate-gothic-no-1-d', arial, sans-serif; letter-spacing: .015em;}
.ag75-l70-k100 {font: 400 5em/83.33333% 'alternate-gothic-no-1-d', arial, sans-serif; letter-spacing: .08em;}
.ag87-l0-k150 {font: 400 5.8em/100% 'alternate-gothic-no-1-d', arial, sans-serif; letter-spacing: .015em;}
/**/
.lg18-l32-k0 {font: 400 1.2em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;}


/**
 * Borders
*/
.bre5 { border-right: 1px solid #e5e5e5; }

/* Color */
.fff {color:#fff !important;}
.bl017f8a {color:#017f8a;}
.bl00143d {color:#00143d;}
.bl298f99 {color:#298f99;}

/* Tricky Background Images */
.tricky-bg { /*width:100%;*/
  background-attachment: scroll; background-clip: border-box; background-color: transparent;
  background-origin: padding-box; background-position: 50% 0; background-repeat: no-repeat;
  background-size: cover; min-height: 949px; min-width: 1024px; position:relative;
  overflow:hidden; /**/height:949px; width:100%; margin:0 auto;
}
.ie7 .tricky-bg, .ie8 .tricky-bg {width:1600px;}


/* Content */
.om-content {text-align:center;}
.om-content-360 {width:360px;}
  .om-content h2 {margin-bottom:28px;}
  .om-content p {margin-bottom:38px; text-align:left;}

.om-frame, .posabs {position:absolute;}
.om-fity {top:50%; left:50%;}

.om-pupdn {width:72px; margin:0 -36px; display:block; position:absolute; left:50%; bottom:60px; background:url(../img/sprite-updown-arrow.png) no-repeat 50% 0; overflow:hidden; text-align:center; font-style:italic; color:#fff; text-decoration:none; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
  .om-pupdn:hover {color:#fff; text-decoration:none;}
  .om-pup {height:103px; background-position:50% 60px;}
  .js .om-pup {position:fixed;}
  .om-pdn {width:100px; height:56px; margin:0 -50px; padding-top:50px; background-position:50% -53px;}

.om-bgfixed {background-attachment:fixed;}
.ie7 .om-bgfixed, .ie8 .om-bgfixed {background-attachment:scroll;}

#om-slide-one-copy {position:relative; top:355px;}
.js #om-slide-one-copy {width:100%; position:fixed;}
.om-frame01 {text-align:center;}
.om-frame01 h2 {padding: 39px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; display:inline-block; letter-spacing:.15em;
    text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);}

#om-slide-two {z-index:110;}
  #om-slide-two-copy {margin:-233px -136px;}
  #om-slide-two-kite {margin:-441px 294px;}
  #om-slide-two-kid {bottom:0; left:50%; margin:0 -509px;}

#om-slide-three {padding:70px 0; z-index:120;}
  #om-slide-three-copy {width:475px; margin:0 auto; padding-top:40px; position:relative;}
  #om-slide-three-parts {width:563px; height:568px; position:relative; margin:0 auto;}
    #om-slide-three-intro {width:213px; height:108px; top:226px; left:179px; background-position:-8px -378px;}
    .om-slide-three-ir {background:url(../img/om-frame03-sprite.png) no-repeat 0 0;}
      #om-slide-three-art1 {width:169px; height:55px; background-position:-92px 0; left:169px; top:0;}
      #om-slide-three-art2 {width:173px; height:36px; background-position:-271px 0; left:129px; top:69px;}
      #om-slide-three-art3 {width:179px; height:86px; background-position:-247px -46px; left:180px; top:98px;}
      #om-slide-three-art4 {width:70px; height:67px; background-position:-453px 0; left:348px; top:15px;}
      #om-slide-three-art5 {width:21px; height:28px; background-position:-533px 0; left:337px; top:80px;}
      #om-slide-three-art6 {width:78px; height:94px; background-position:-248px -132px; left:368px; top:98px;}
      #om-slide-three-art7 {width:68px; height:47px; background-position:-437px -77px; left:339px; top:157px;}
      #om-slide-three-art8 {width:23px; height:22px; background-position:-534px -38px; left:432px; top:61px;}
      #om-slide-three-art9 {width:23px; height:22px; background-position:-534px -38px; left:461px; top:61px;}
      #om-slide-three-art10 {width:36px; height:92px; background-position:-335px -134px; left:410px; top:209px;}
      #om-slide-three-art11 {width:42px; height:273px; background-position:-92px -65px; left:461px; top:99px;}
      #om-slide-three-art12 {width:30px; height:28px; background-position:-431px -215px; left:511px; top:158px;}
      #om-slide-three-art13 {width:44px; height:54px; background-position:-39px -141px; left:518px; top:233px;}
      #om-slide-three-art14 {width:42px; height:78px; background-position:-524px -76px; left:521px; top:309px;}
      #om-slide-three-art15 {width:49px; height:36px; background-position:-143px -220px; left:378px; top:313px;}
      #om-slide-three-art16 {width:288px; height:44px; background-position:-146px -334px; left:167px; top:367px;}
      #om-slide-three-art17 {width:63px; height:61px; background-position:-458px -136px; left:476px; top:405px;}
      #om-slide-three-art18 {width:27px; height:91px; background-position:-8px -166px; left:436px; top:424px;}
      #om-slide-three-art19 {width:94px; height:108px; background-position:-143px -65px; left:330px; top:435px;}
      #om-slide-three-art20 {width:61px; height:102px; background-position:-26px -221px; left:257px; top:410px;}
      #om-slide-three-art21 {width:61px; height:44px; background-position:0px -331px; left:274px; top:525px;}
      #om-slide-three-art22 {width:22px; height:92px; background-position:-397px -133px; left:207px; top:404px;}
      #om-slide-three-art23 {width:93px; height:59px; background-position:-470px -407px; left:161px; top:496px;}
      #om-slide-three-art24 {width:117px; height:81px; background-position:-230px -379px; left:75px; top:408px;}
      #om-slide-three-art25 {width:61px; height:44px; background-position:-410px -256px; left:86px; top:471px;}
      #om-slide-three-art26 {width:90px; height:89px; background-position:-462px -307px; left:88px; top:292px;}
      #om-slide-three-art27 {width:65px; height:87px; background-position:-475px -201px; left:31px; top:354px;}
      #om-slide-three-art28 {width:56px; height:63px; background-position:-143px -268px; left:0px; top:315px;}
      #om-slide-three-art30 {width:201px; height:98px; background-position:-207px -227px; left:82px; top:175px;}
      #om-slide-three-art31 {width:82px; height:134px; left:2px; top:167px;}
      #om-slide-three-art32 {width:97px; height:83px; background-position:-359px -397px; left:45px; top:90px;}

#om-slide-four {padding:70px 0 140px;}
.om-slide-four-wrapper {width:674px; margin:0 auto; position:relative;}
  #om-slide-four-copy {float:left; padding:53px 55px 0 0; position:relative;}
  #om-slide-four-glass {width:259px; height:624px; margin:0 0 0 78px; background:url(../img/om-frame4-glass.png) no-repeat 0 0; position:absolute; top:0; left:50%;}
  #om-slide-four-glass.fixed {position:fixed; top:70px;}
  #om-slide-four-glass.fixed.abs {position:absolute; top:520px;}
  #om-slide-four-water {width:221px; height:421px; left:24px; bottom:154px; background:url(../img/om-frame4-water.png) no-repeat 0 0;}

#om-slide-five {background-color:#000;}
  .js .om-slide-five-block {width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,1.0);}
  .om-slide-five-copy {width:390px; margin:0 -412px; left:50%; top:135px;}

#om-slide-six {height:1049px;}
  #om-slide-six-copy-wrapper {width:860px; height:34%; min-height:384px; /* 410px */ margin:0 -430px; left:50%; top:85px; overflow:hidden; position:absolute;}
  .js #om-slide-six-copy-wrapper {position:fixed;}
  #om-slide-six-copy {left:0; top:0;}

#om-slide-seven {}
  #om-slide-seven-copy {width:500px; margin:0 -465px; left:50%; top:168px;}
  #om-slide-seven-copy h2 {text-align: center; margin-bottom:24px;}

.om-cta {padding:7px 7px 3px 16px; background-color:#00929f; text-decoration:none;
    color:#ffd304; font: 23px/100% 'alternate-gothic-no-1-d', arial, sans-serif; letter-spacing:.15em;
  }
.om-cta-large {padding:3px; font-size:28px; display:inline-block;}
  .om-cta-large div {border:solid 1px #fff; padding:7px 7px 3px 16px;}
.om-cta:hover {color:#ffd304; background-color:#03828d;}

/** Did You Know? **/
#did-you-know {display:none; width:170px; position:fixed; right:18px; bottom:60px; z-index:10000;}
  #dyk-content {display:none;}
#did-you-know li {display:none;}
#dyk-link {}
  .dyk-link {width:48px; height:48px; background:url(../img/sprite-info.png) no-repeat 0 -48px; position:absolute; right:-1px; bottom:0; z-index:5;}
  .dyk-link:hover {background-position:0 0;}
.dyk-content-wrapper {margin-bottom:19px; padding:5px; background-color:#00929f;}
.dyk-content {padding:25px 13px; border:1px solid #fff;}
  .dyk-header {margin-bottom:16px; padding-bottom:6px; border-bottom:2px solid #66bec5; color:#ffd304;}
.dyk-list {margin:0px; padding:0px; list-style-type:none; font-size:.93333em; line-height:143%;}

/** SlideNav **/
#ocean-matters-slide-nav {margin:-159px 0; position:fixed; right:22px; top:50%; z-index:9000;}
.js #ocean-matters-slide-nav {display:none;}
#ocean-matters-slide-nav li {margin-bottom:15px; position:relative;}
.om-scroll-link {width:38px; height:38px; background:url(../img/sprite-info.png) no-repeat -5px -101px;}
  .om-food-link {background-position:-5px -149px;}
  .om-water-link {background-position:-5px -197px;}
  .om-creature-link {background-position:-5px -246px;}
  .om-places-link {background-position:-5px -293px;}
  .om-fight-link {background-position:-5px -341px;}
.om-scroll-link a {width:38px; height:38px; background:url(../img/sprite-info.png) no-repeat -53px -101px; opacity:0.0; -moz-transition:opacity .25s linear; -webkit-transition:opacity .25s linear; transition:opacity .25s linear;}
  .om-food-link a {background-position:-53px -149px;}
  .om-water-link a {background-position:-53px -197px;}
  .om-creature-link a {background-position:-53px -246px;}
  .om-places-link a {background-position:-53px -293px;}
  .om-fight-link a {background-position:-53px -341px;}
.om-scroll-link a:hover {opacity:1.0; -moz-transition:opacity .25s linear; -webkit-transition:opacity .25s linear; transition:opacity .25s linear;}
.om-scroll-link .active, .om-scroll-link .active:hover {opacity:1.0;}


@media screen and (max-height: 520px) {
  #did-you-know {bottom: 50%; margin:-202px 0;}
}
@media screen and (max-height: 768px) {
  #om-slide-one-copy {top:280px;}
  .js .om-pup {bottom:30px;}
}

/*** OLD ***/
.mt151 {margin-top:151px;}