/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, #nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 40px 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

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


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: Della Baines
   ========================================================================== */
body, html{
    font-family: 'Museo', museo, arial, helvetica, sans-serif;
    height: 100%;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    padding-top: 0 !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);  /* Turn off grey box when mousedown in Mobile Safari */
}
a{
    color: #19388a;
}
a:hover{
    color: #032787;
    text-decoration: none;
}
.centered{
    text-align: center;
    margin: auto;
}
#header{
    width: 1008px;
    margin: auto;
    position: relative;
    padding: 35px 0;
}
#header .logo{
    display: block;
    width: 227px;
    height: 53px;

    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#header #mc_embed_signup{
    position: absolute;
    right: 0;
    top: 35px;
    width: 300px;
}
.fixed #header #mc_embed_signup {
    top: 15px;
}
#header #mc_embed_signup form{
    text-align: right;
}
#header #mc_embed_signup label{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 24px;
    color: #a7a7a7;
    font-weight: normal;
    font-size: 21px;
    text-align: left;
    margin-left: 26px;
    letter-spacing: 1px;
}
#header #mc_embed_signup input[type=email]{
    display: inline-block;
    width: 190px;
    vertical-align: top;
}
.header_links{
    position: absolute;
    top: 35px;
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*visibility: hidden;*/

}
.menu-name-menu-top-links .menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-name-menu-top-links .menu > li{
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}
.menu-name-menu-top-links .menu > li > a{
    line-height: 23px;
    padding: 0 7px;
}
.menu-name-menu-top-links > .menu > li > a:hover, .menu-name-menu-top-links > .menu > li:hover > a, .menu-name-menu-top-links > .menu > .active > a{
    background: #19388a;
    color: #fff;
}
.menu-name-menu-top-links > .menu > li.first > a,
.menu-name-menu-top-links > .menu > li.first.active > a {
    background: none;
    color: #3f3f3f;
}
.menu-name-menu-top-links > .menu > li.first:hover > a,
.menu-name-menu-top-links > .menu > li.first > a:hover {
    background: #19388a;
    color: #fff;
}
.menu-name-menu-top-links .menu li ul{
    padding: 10px;
    position: absolute;
    background: #fff;
    z-index: 10;
    margin: 0;
    white-space: nowrap;
    border: 1px solid #19388a;
    display: none;
}
.menu-name-menu-top-links .menu li:hover ul{
    display: block;
}
.fixed .menu-name-menu-top-links .menu li ul{
    margin-top: -8px;
}
.menu-name-menu-top-links .menu li ul li{
    display: block;
}
.menu-name-menu-top-links .menu li ul li{
    line-height: 180%;
}
.menu-name-menu-top-links .menu li ul li a{
    color: #454545;
    background-color: transparent;
}
.menu-name-menu-top-links .menu li ul li a:hover, .menu-name-menu-top-links .menu li ul .active a{
    color: #00bbbb;
    background-color: transparent;
}

.header_links a{
    color: #3f3f3f;
    text-decoration: none;
    display: inline-block;
    margin-right: 7px;
}
.header_links a:hover{
    color: #626262;
}
.header_links .social_top{
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 5px 0 0 0;
}
.social_top li{
    display: inline-block;
}
.social_top li a{
    width: 30px;
    height: 30px;
    background: url(../img/social_top.png) no-repeat;
}
.social_top li a:hover{
    opacity: 0.8;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}
.social_top .twitter a{
    background-position: -41px 0;
}
.social_top .blog a{
    background-position: -82px 0;
}

#wrapper .sitetop #nav{
    background: #4e4e4e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4e4e4e 0%, #3f3f3f 64%, #2c2c2c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(64%,#3f3f3f), color-stop(100%,#2c2c2c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4e4e4e 0%,#3f3f3f 64%,#2c2c2c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4e4e4e 0%,#3f3f3f 64%,#2c2c2c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4e4e4e 0%,#3f3f3f 64%,#2c2c2c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4e4e4e 0%,#3f3f3f 64%,#2c2c2c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-8 */
    width: 100%;
    max-width: 1200px;
    height: 43px;
    margin: auto;

}
.sitetop{
    position: absolute;
    top: 0;
    max-width: 1210px;
    z-index: 2000;
    background-color: white;
    width: 100%;
}
.logged-in .sitetop{
    margin-top: 65px;
}
.sitetop.fixed{
    position: fixed;
    top: 0;
}
.fixed #header{
    height: 60px;
    padding: 0;
}
.fixed #header .logo{
    background-image: url(../img/logo_153.png);
    width: 153px;
    margin-top: 5px;
}
.fixed .header_links{
    top: 10px;
}
.fixed .header_links .social_top {
    float: left;
}
.fixed .menu-name-menu-top-links{
    float: right;
    line-height: 39px;
    margin-left: 12px;
}
.fixed #mc_embed_signup{
    top: 16px;
}
.fixed #mc_embed_signup label{
    display: none;
}
/*.front #wrapper > #nav{
    width: 1024px;
}*/
#nav .links{
    width: 1008px;
    height: 100%;
    text-align: center;
    list-style: none;
    margin: auto;
    /*background: url(../img/separator.png) no-repeat left center;*/
    position: relative;
}
#nav .links li{
    float: left;
    line-height: 43px;
    width: 19%;
    /*background: url(../img/separator.png) no-repeat right center;*/
}

.links li:hover, .links .active{
    background: #0BB;
}
#nav .links li:first-child{
}
#nav .links li a{
    color: #dfdfdf;
    text-decoration: none;
    display: block;
    font-size: 18px;
}
#nav .links li a:hover, #nav .links li.active a{
    color: #fff;
}
#nav .links li.menu-635 a{
  background: url("../img/donate-ribbon.png") no-repeat;
  width: 128px;
  height: 59px;
  z-index: 50;
  margin-left: 75px;
  text-indent: -9999px;
  position: absolute;
}
#nav .links li.menu-635:hover {
  background: none;
}

input[type=text], input[type=email]{
    background: #f7f7f7;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 11px;
    padding: 6px 10px;
}
.wrap_1008{
    width: 1008px;
    padding: 20px;
    margin: auto;
}
.content_700{
    width: 700px;
}
#main{
  max-width: 1060px;
  /*overflow: hidden;*/
  margin: 0 auto;
  padding-top: 167px;
  padding-bottom: 173px;
  position: relative;
}
.logged-in #main{
  padding-top: 232px;
}
.front #main{
    max-width: 1200px;
    margin-bottom: 50px;
}
#main.inner{
    max-width: 1200px;
}
#main.inner > .region{
    max-width: 1200px;
    min-width: 1008px;
    margin: auto;
}
#main > .content{
    width: 1008px;
    margin: auto;
}
.node-full > .content{
    max-width: 1008px;
    margin: 0 auto 70px auto;
}

.node-full .banner{
    position: relative;
    height: 230px;
    margin-bottom: 60px;
}
.node-full .banner .title{
    font-family: 'LeagueGothicRegular', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 42px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    padding: 50px 0 0 0;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.004);
    margin: 0;
    font-weight: normal;
}
.node-full .banner img{
    position: absolute;
    top: 0;
    left: 0;
}
.node-full .title_nobanner, .staff .page_title, .resources .page_title, .view .title_nobanner{
    font-family: 'LeagueGothicRegular', sans-serif;
    color: #454545;
    text-align: center;
    font-size: 42px;
    font-weight: normal;
    margin: 50px 0;
}
.node-full p{
    margin: 0 0 30px 0;
    line-height: 150%;
    width: 680px;
}
.full_p p{
    width: 100%;
}
.node-full h3{
    font-size: 20px;
    font-weight: 900;
    color: #19388a;
    margin: 0 0 30px 0;
}
.node-full hr{
    border-top: 3px solid #2b2b2b;
    width: 700px;
    margin: 40px 0;
}
.node-full ul li {padding-left: 15px;}
.front .slideshow{
    overflow: hidden;
    max-width: 1200px;
    height: 572px;
    margin: auto;
    position: relative;
}
.front .slideshow .slides{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 572px;
    position: relative;
    z-index: 1;
}
.front .slideshow .slides .slide{
    display: none; -webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded. Avoids image jumping */
    width: 1200px;
    height: 572px;
}
.front .slideshow .slides .slide img{
    width: 100%;
    height: 100%;
}
.slideshow .ticker {
    z-index:500;
    position:absolute;
    height:100px;
    background:#000;
    background:rgba(0,0,0,.7);
    width:1200px;
    color:#fff;
    text-shadow:none;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 100px;
    top: 472px;
    left: 0px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.004);
}
.slideshow .ticker p{
    margin: 0 0 0 72px;
    line-height: 100px;
}

.slideshow .ticker strong{
    margin-left: 100px;
    font-size: 82px;
    font-weight: normal;
    vertical-align: middle;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    width: 250px;
}
.slideshow .ticker .metric{
    display: none;
    width: 200px;
}
.front .slideshow .flex-direction-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 260px;
    left: 0;
}
.front .slideshow .flex-direction-nav li { list-style: none; }
.front .slideshow .flex-next{
    width: 52px;
    height: 52px;
    background: url(../img/slide_right.png) no-repeat;
    position: absolute;
    top: 0;
    right: 30px;
    text-indent: -9999px;
    z-index: 5;
}
.front .slideshow .flex-prev{
    width: 52px;
    height: 52px;
    background: url(../img/slide_left.png) no-repeat;
    position: absolute;
    top: 0;
    left: 30px;
    text-indent: -9999px;
    z-index: 5;
}
.front .callouts{
    margin: 39px 0;
    display: table;
}
.front .callouts a{
    width: 290px;
    height: 200px;
    padding: 3px;
    background: #0cbdbd;
    border: 7px solid #0cbdbd;
    color: white;
    text-align: center;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    /*opacity: 0.9;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;*/
}
.front .callouts a:hover{
    border: 7px solid #2e3292;
    /*opacity: 0.99;*/
}
.front .callouts .spacer{
    display: table-cell;
    width: 39px;
    content: " "
}
.front .callouts .txt{
    display: block;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    text-transform: uppercase;
}

.front h1{
    color: #19388a;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 38px;
    text-align: center;
    font-weight: normal;
    margin: 60px auto 35px auto;
}
.front h2{
    color: #00bbbb;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 38px;
    margin: 0 0 20px 0;
    font-weight: normal;
    line-height: 100%;
}
.front .featured{
    float: left;
    width: 480px;
    margin-right: 40px;
    overflow: hidden;
}
.front .featured .img_wrap{
    height: 212px;
    width: 212px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.front .featured img{
    height: auto !important;
}
.front .featured > p{
    width: 215px;
    float: left;
    margin: 0;
}
.front .featured > .more{
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
}
.front .featured > .more:hover{
    text-decoration: underline;
}
.front .featured > p .date{
    font-size: 12px;
    display: block;
    margin: 0 0 10px 0;
    color: #808080;
}
.front .featured > p .title{
    color: #2b2b2b;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin: 0 0 5px 0;
}
.front .featured > p .teaser{
    font-size: 14px;
    line-height: 150%;
    display: block;
    color: #454545;
}
.front .featured > p .more{
    font-size: 14px;
}
.front .featured .clearfix{
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.front  .social{
    float: left;
    width: 485px;
}
.front .social > div{
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.front .social > div .icon{
    background: url(../img/social_lg.png) no-repeat;
    height: 75px;
    width: 75px;
    display: block;
}
.front .social .fb .icon{
    background-position: -75px 0;
}
.front .social .newsletter .icon{
    background-position: -150px 0;
}
.front .social .newsletter h3{
    margin-bottom: 5px;
}
.front .social .newsletter .email{
    width: 280px;
    height: 20px;
    font-size: 14px;
    border: 1px solid #BFBFBF;
}
.front  .social .newsletter .button{
    height: 33px;
    vertical-align: top;
    font-size: 25px;
    margin-left: 10px;
}
/*.front  .social .fb iframe{
    height: 27px !important;
    overflow: hidden;
}*/
.front  .social .twitter .twitter-follow-button{
    display: inline-block;
    margin: 0px 0 0 15px;
    vertical-align: top;
}
.front .social .content{
    float: right;
    width: 398px;
}
.front .social h3{
    font-family: 'Museo', museo, arial, helvetica, sans-serif;
    font-size: 20px;
    color: #454545;
    margin: 5px 0 15px 0;
    font-weight: normal;
    display: inline-block;
}
.front .social .twitter .latest-tweets{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #454545;
    font-weight: 300;
}
.front .social .twitter .latest-tweets li:first-child{
    margin-bottom: 25px;
}
.front .social .twitter a{
    color: #00b6f1;
    text-decoration: none;
}
.front .social .twitter a:hover{
    text-decoration: underline;
}

#wrapper {
    min-height: 100%;
    /*height:     auto !important;
    height:     100%;
    margin:     0 auto -168px; /* -44px being the size of the footer */
    margin: auto;
    max-width: 1210px;
    padding: 0 5px;
    background: url(../img/LRshadow.gif) repeat-y 5px;
    position: relative;
}
#wrapper .push{
    height: 168px;
}
#footer{
    background: #2b2b2b;
    color: #fff;
    font-size: 16px;
    max-width: 1200px;
    margin: auto;
    padding: 20px 0;
    margin-top: -173px;
    clear: both;
    position: relative;
}
#footer .wrap{
    width: 1008px;
    margin: auto;
    position: relative;
}
#footer .email{
    background: url(../img/icon_email.png) no-repeat left center;
    padding-left: 30px;
    display: block;
    margin-bottom: 5px;
}
#footer a{
    color: white;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
    color: #ccc;
}
#footer .phone{
    background: url(../img/icon_phone.png) no-repeat left center;
    padding-left: 30px;
    display: block;
    margin-bottom: 20px;
}
.footer_links{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#footer .left{
    float: left;
    width: 260px;
}
#footer .center{
    float: left;
    border-left: 2px solid #787878;
    padding-left: 20px;
    width: 260px;
}
#footer .right{
    position: absolute;
    right: 10px;

}
#footer .social{
    text-align: right;
}
#footer .social_btm{
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
}
#footer .social_btm li{
    display: inline-block;
}
#footer .social_btm li a{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/social_btm.png) no-repeat;
}
#footer .social_btm li a:hover{
    opacity: 0.8;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}
#footer .social_btm .twitter a{
    background-position: -35px 0;
}
#footer .social_btm .blog a{
    background-position: -70px 0;
}
#footer .links{
    margin-top: 10px;
}
#footer .links a{
    display: inline-block;
    margin-right: 10px;
}
#footer .links a:hover{
    color: #ccc;
    text-decoration: none;
}

.not-front h2{
    color: #19388a;
    font-size: 42px;
    font-weight: normal;
    font-family: 'LeagueGothicRegular', sans-serif;
    margin: 0 0 25px 0;
    line-height: 100%;
}

.button{
  font-family: 'LeagueGothicRegular', sans-serif;
  text-transform: uppercase;
  color: #fff !important;
  letter-spacing: 1px;
  font-size: 34px;
  padding: 10px 50px;
  text-decoration: none !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  text-shadow: 1px 1px 3px #666666;
  border: solid #003366 1px;
  outline: 0px;
  -webkit-appearance:none;
}
.button:hover{
    text-decoration: none;
    color: #fff;
}
.button.blue.bio-video {
  font-size: 25px;
  margin-top: 10px;
  padding: 3px 20px;
}
.button.blue {
  border-top: 1px solid #a7c2ff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#306ef7), to(#1a3c90));
  background: -moz-linear-gradient(top, #306ef7, #1a3c90);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#306ef7, endColorStr=#1a3c90);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#306ef7, endColorStr=#1a3c90);
  display:inline-block; /* IE is so silly */
}
.button.blue:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#306ef7), to(#2b4da1));
  background: -moz-linear-gradient(top, #306ef7, #2b4da1)
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#306ef7, endColorstr=#1a3c90);
}
.button.red{
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc666f), to(#c5363b));
  background: -moz-linear-gradient(top, #fc666f, #c5363b);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fc666f, endColorStr=#c5363b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fc666f, endColorStr=#c5363b);
  display:inline-block; /* IE is so silly */
}
.button.red:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc666f), to(#d6474c));
  background: -moz-linear-gradient(top, #fc666f, #d6474c)
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fc666f, endColorstr=#c5363b);
}
.button.teal, .donation_amts .button.active {
  border-top: 1px solid #a7c2ff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0da3a8), to(#1efcfc));
  background: -moz-linear-gradient(top, #0da3a8, #1efcfc);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0da3a8, endColorStr=#1efcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0da3a8, endColorStr=#1efcfc);
  display:inline-block; /* IE is so silly */
}
.button.teal:hover, .donation_amts .button.active:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0da3a8), to(#2eeded));
  background: -moz-linear-gradient(top, #306ef7, #2b4da1)
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#306ef7, endColorstr=#1a3c90);
}
.button.medium{
    font-size: 23px;
    padding: 5px 38px;
}
#footer .center .button{
    margin: 8px 0;
}
.button.small{
    font-size: 20px;
    padding: 0 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.front .learnmore{
    padding-top: 80px;
    text-align: center;
    clear: both;
}
.front .learnmore a:hover{
    color: #fff;
}

/*.front .callouts, #wrapper #nav, .footer_links{
    display: none;
}*/

.panels_wrap{
    max-width: 1200px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.panels_wrap .panel{
    overflow: hidden;
}
.panels_wrap .panel p{
}
.panels_wrap .scroll_nav{
    position: absolute;
    right: 16px;
    width: 35px;
    background: url(../img/bg_scrollnav.png) repeat-y center;
    height: 100%;
    z-index: 10;
}

.panels_wrap .scroll_nav .scroll_dot{
    width: 62px;
    height: 62px;
    display: block;
    position: relative;
    background: url(../img/scroll_dot_hover.png?a=5) no-repeat center center;
    background: url(../img/scroll_dot.png?a=2) no-repeat center center;
    top: 0;
    left: -13px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.panels_wrap .scroll_nav .scroll_dot:hover {
    cursor: pointer;
    background: url(../img/scroll_dot_hover.png?a=5) no-repeat center center;
}

.panels_wrap .scroll_nav .scroll_dot.up{
    background: url(../img/scroll_dot_up.png?a=5) no-repeat center center;
}
.panels_wrap .scroll_nav .scroll_dot.up:hover {
    background: url(../img/scroll_dot_up_hover.png?a=5) no-repeat center center;
}

.problem .panel{
    width: 100%;
}
.no-touch .panel .fadein{
    display: none;
}
.panel .content{
    width: 1008px;
    margin: auto;
    position: relative;
    font-size: 20px;
}

.problem #panel1{
    background: url(../img/problem_panel1.jpg) no-repeat center center;
    height: 470px;
}

.problem #panel2{
  position: relative;
    background: url(../img/problem_panel2.png) no-repeat center center;
    height: 570px;
}

.problem #panel2 .keep-going {
  position: absolute;
  left: 500px;
  top: 520px;
}

.problem #panel3{
    background: url(../img/problem_panel3.jpg) no-repeat center center;
    height: 580px;
    position: relative;
}

.problem #panel3 .keep-going {
  position: absolute;
  left: 200px;
  top: 545px;
}

.problem #panel4{
    background: url(../img/problem_panel4.jpg) no-repeat center center;
    height: 800px;
    position: relative;
}

.problem #panel4 .keep-going {
  position: absolute;
  left: 485px;
  top: 745px;
}

.problem #panel5{
    background: url(../img/problem_panel5.png) no-repeat center center;
    height: 450px;
}

.problem #panel1 h1{
    margin: 0 0 0 0;
    padding-top: 160px;
    font-size: 65px;
    color: #fff;
    line-height: 100%;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.004);
    opacity: 0.95;
}

.problem #panel2 .circle{
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width:230px;
    height:230px;
    background: #fff;
    position: absolute;
    display: table-cell;
    vertical-align: middle;*/
    width: 230px;
    height: 230px;
    position: absolute;
}
.problem #panel2 .circle1{
    /*background: #be1f24;*/
    top: 77px;
    left: 162px;
}
.problem #panel2 .circle2{
    /*background: #19388a;*/
    top: 267px;
    left: 0;
}
.problem #panel2 .circle3{
    /*background: #fff;*/
    top: 267px;
    left: 328px;
}
.problem #panel2 .text{
    width: 386px;
    position: absolute;
    left: 610px;
    top: 140px;
    text-align: center;
}
.problem .panel h2{
    color: #19388a;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    margin: 0 0 30px 0;
    font-weight: normal;
    line-height: 100%;
    text-align: center;
}
.problem #panel3 h2, .problem #panel3 p{
    text-align: center;
    width: 509px;
    line-height: 110%;
}
.problem #panel3 p{
    line-height: 120%;
}
.problem #panel3 h2:first-child{
    padding-top: 100px;
}
.problem #panel3 p{
    height: 247px;
}

.problem #panel4{
    text-align: center;
    color: #2b2b2b;
}
.problem #panel4 .wrap{
    position: absolute;
    top: 120px;
    left: 480px;
    width: 600px;
    font-size: 15px;
}
.problem #panel4 h2{
    color: #fff;
    text-align: center;
}
.problem #panel4 .goal{
    width: 165px;
    height: 235px;
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}
.problem #panel4 h3{
    font-size: 39px;
    color: #19388a;
    border-bottom: 1px solid #454545;
    line-height: 52px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 39px;
    font-weight: normal;
    margin: 0;
}
.problem #panel4 .icon{
    height: 75px;
    width: 165px;
    display: table-cell;
    vertical-align: bottom;
}
.problem #panel4 .text{
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

.problem #panel5 h2{
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.problem #panel5 .content >  .solution{
    position: absolute;
    top: 95px;
    left: 44px;
    width: 283px;
    height: 103px;
    text-align: center;
    padding: 90px 0;
    text-align: center;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    line-height: 33px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

.problem #panel5 .solution p{
    margin: 0;
}

.problem #panel5 .solution h2{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.problem #panel5 .solution a, .model #panel6 p a{
    text-decoration: none;
    color: white;
    z-index: 2000;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.problem #panel5 .solution a:hover, .model #panel6 p a:hover{
    color: #0BB;
}
.problem #panel5 .content > .model{
    position: absolute;
    top: 203px;
    left: 579px;
    text-align: center;
    width: 180px;
    overflow: hidden;
    text-decoration: none;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    color: #19388a;
    font-size: 50px;
    line-height: 100%;
    background: url(../img/nav_right.png) no-repeat right center;

}
a.bumpup{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.bumpup:hover{
        margin-top: -5px;
}
.problem #panel5 .content > a:hover, .model #panel6 .impact:hover{
    color: #be1f24;
}

.model #model_path{
    width: 100%;
    /*height: 2287px;*/
    height: 1px;
    position: absolute;
    z-index: 100;
    top: 409px;
    left: -2px;
    background: url(../img/model_path.png) no-repeat center top;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.model #panel1{
    background: url(../img/model_panel1.jpg) no-repeat center center;
    height: 579px;
}
.model #panel2{
    background: url(../img/model_panel2.jpg) no-repeat center center;
    height: 434px;
}
.model #panel3{
    background: url(../img/model_panel3.jpg) no-repeat center center;
    height: 521px;
}
.model #panel4{
    background: url(../img/model_panel4.jpg) no-repeat center center;
    height: 530px;
}
.model #panel5a{
    background: url(../img/model_panel5.jpg) no-repeat center center;
    height: 506px;
    position: relative;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.model #panel5b{
    background: #000 url(../img/model_panel5b.jpg) no-repeat center center;
    height: 506px;
    position: absolute;
    width: 1200px;
    left: -1200px;
    top: 2062px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.model #panel5b .goback{
    position: absolute;
    height: 88px;
    width: 88px;
    background: url(../img/arrow_1.png) no-repeat;
    right: 0;
    top: 14px;
    z-index: 200;
    display: block;
}
.model #panel6{
    background: #eaeaea url(../img/model_panel6.png) no-repeat center top;
    height: 427px;
}
.model #panel6 .content{
    z-index: 101;
}
.model .panel .step{
    position: absolute;
    color: white;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}
.model .panel .step h2{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    margin: 0;
    line-height: 100%;
    font-weight: normal;
}
.model .panel .step p{
    margin: 10px 0 0 0;
}
.model #panel1 h1{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    text-align: center;
    font-size: 65px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
    font-weight: normal;
    letter-spacing: 1px;
    padding: 30px 0 0 0;
    margin: 0;
    line-height: 100%;
    opacity: 0.99;
}
.model #panel1 .step{
    width: 245px;
    height: 144px;
    top: 116px;
    left: 355px;
    background: url(../img/model_step1.png) no-repeat;
    padding: 75px 30px;
}
.model #panel2 .step{
    width: 315px;
    top: 226px;
    left: 137px;
    font-size: 18px;
    line-height: 24px;
}
.model .panel h2{
    color: #fff;
}
.model #panel2 h2, .model #panel4 h2{
    color: #19388a;
}
.flipper{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 205px;
    height: 205px;

}
.flipfade .flipper{
    background: #19388a;
}
.circle_stat{
    width: 145px;
    height: 205px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 18px;
    -moz-box-shadow:0px 0px 3px 1px #1b2540;
    -webkit-box-shadow:0px 0px 3px 1px #1b2540;
    box-shadow:0px 0px 3px 1px #1b2540;

}
.three-d .circle_stat{
    background: #19388a;
}
.circle_stat img{
    margin: 0 auto 12px auto;
    display: block;

}
.circle_stat .metric{
    font-size: 70px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    display: block;
    line-height: 100%;
}
.circle_white{
    background: #fff;
    color: #222;
}
.model #panel2 .qa{
    position: absolute;
    left: 814px;
    top: 143px;
    z-index: 1000;
}
.model #panel4 .qa{
    position: absolute;
    left: 574px;
    top: 212px;
    z-index: 1001;
}
.flip-container.three-d {
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
}
.flip-container.three-d .field-collection-view-links{
    display: none;
}
.flip-container.three-d:hover .flipper, .flip-container.three-d.hover .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
}

.flip-container.three-d .frontside, .flip-container.three-d .back {
        width: 205px;
        height: 205px;
}

.three-d .flipper {
        -webkit-transition: 0.6s;
        -webkit-transform-style: preserve-3d;

        -moz-transition: 0.6s;
        -moz-transform-style: preserve-3d;

        -ms-transition: 0.6s;
        -ms-transform-style: preserve-3d;

        transition: 0.6s;
        transform-style: preserve-3d;

        position: relative;
}

.three-d .frontside, .three-d .back {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;

        position: absolute;
        top: 0;
        left: 0;
}
.flip-container.three-d .frontside {
        z-index: 2;
}
.flip-container.three-d .back {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
}

.flipfade, .flipfade .frontside, .flipfade .back {
        width: 205px;
        height: 205px;
}
.flipfade .flipper .back{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.flip-container .field-collection-view-links{
    display: none;
}

.model .panel .icon.from_left{
    position: absolute;
    left: -500px;
    -webkit-transition: left .5s linear;
    -moz-transition: left .5s linear;
    -o-transition: left .5s linear;
    transition: left .5s linear;
}
.model #panel2 .icon{
    top: 92px;
}
.model #panel2 .icon.complete{
    left: 212px !important;
}
.model #panel4 .icon{
    top: 146px;
}
.model #panel4 .icon.complete{
    left: 238px;
}
.panel .grey_dot{
    width: 52px;
    height: 52px;
    background: url(../img/dot_grey.png) no-repeat;
    position: absolute;
}
.panel .teal_dot{
    width: 52px;
    height: 56px;
    background: url(../img/dot_teal.png) no-repeat;
    position: absolute;
}
.model #panel2 .grey_dot{
    top: 140px;
    left: 55px;
}
a.page-anchor {
  position: relative;
  display: block;
  top: -114px;
  visibility: hidden;
}
.model #panel3 .step{
    width: 245px;
    height: 167px;
    top: 100px;
    left: 604px;
    background: url(../img/model_step3.png) no-repeat;
    padding: 75px 30px;
}
.model #panel4 .step{
    width: 315px;
    height: 200px;
    top: 289px;
    left: 141px;
    font-size: 18px;
    line-height: 24px;
}
.model #panel4 .grey_dot{
    top: 237px;
    left: 55px;
}
.model #panel5a .step{
    width: 250px;
    height: 107px;
    top: 106px;
    left: 349px;
    background: url(../img/model_step5.png) no-repeat;
    padding: 100px 30px;
}
.model #panel5a .teal_dot{
    top: 19px;
    left: 746px;
}
.model #panel5a .next{
    color: #fff;
    text-decoration: none;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    top: 19px;
    left: 801px;
    position: absolute;
    width: 221px;
    z-index: 101;
}
.model #panel5b .step{
    width: 250px;
    height: 107px;
    top: 109px;
    left: 602px;
    padding: 100px 30px;
    background: url(../img/model_step5b.png) no-repeat;
}
.model #panel6 .content p{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 185px;
    height: 105px;
    background: url(../img/circle_grey.png) no-repeat;
    padding: 90px 50px;
    margin: 0;
    position: absolute;
    top: 107px;
    left: 42px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 28px;
    line-height: 34px;
}
.panel .share{
    /*width: 135px;*/
    line-height: 37px;
    padding: 0 12px 0 45px;
    color: #19388a;
    font-size: 16px;
    border: 5px solid #19388a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    text-decoration: none;
    position: absolute;
    background: #fff url(../img/icon_share.png) no-repeat 17px center;
    z-index: 101;
    font-weight: bold;
}
.keep-going {
  display: block;
  text-align: center;
  margin: 0 auto 25px;
  width: 71px;
  height: 17px;
  background: url("../img/impact-down-arrow.png") no-repeat;
}
.model #panel6 .share{
    top: 24px;
    left: 86px;
}
.model #panel6 .impact{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 50px;
    text-decoration: none;
    position: absolute;
    left: 562px;
    top: 223px;
    background: url(../img/nav_right.png) no-repeat right center;
    line-height: 100%;
    width: 234px;
    z-index: 2000;
    color: #19388a;
}

.model #panel6 .from_left{
    z-index: 100;
}
.panel .from_left{
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.panel div.from_left{
    left: -1500px;
    width: 1008px;
}
.panel div.complete{
    left: 0 !important;
}
@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); }
	10% { -webkit-transform: scale(1.08); }
	30% { -webkit-transform: scale(1); }
	40% { -webkit-transform: scale(1.08); }
	50% { -webkit-transform: scale(1); }
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1.05); }
	80% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse_animation {
	0% { -moz-transform: scale(1); }
	10% { -moz-transform: scale(1.08); }
	30% { -moz-transform: scale(1); }
	40% { -moz-transform: scale(1.08); }
	50% { -moz-transform: scale(1); }
	60% { -moz-transform: scale(1); }
	70% { -moz-transform: scale(1.05); }
	80% { -moz-transform: scale(1); }
	100% { -moz-transform: scale(1); }
}
@keyframes pulse_animation {
	0% { transform: scale(1); }
	10% { transform: scale(1.08); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}
.pulse {
        -webkit-animation: pulse_animation 5000ms infinite linear;
        -moz-animation: pulse_animation 5000ms infinite linear;
        -animation: pulse_animation 5000ms infinite linear;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}

.impact #panel1{
    background: url(../img/impact_panel1.png) no-repeat center center;
    height: 855px;
}
.impact #panel2{
    background: url(../img/bg_panel_divide.png) repeat-x center bottom;
    /*height: 835px;*/
}
.impact #panel3{
    background: url(../img/impact_panel3.png) no-repeat center center;
    height: 937px;
}
.impact #panel4{
    background: url(../img/impact_panel4.jpg) no-repeat center center;
    height: 844px;
}
.impact #panel5{
    background: #00bbbb;
    height: 458px;
}
.impact h2{
    color: #19388a;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    margin: 0 0 20px 0;
    font-weight: normal;
    line-height: 100%;
}
.view-impact-slideshow {
  margin-bottom: 30px;
  position: relative;
}
#panel2 .view-impact-slideshow .slide-media-container .content {
  padding: 0;
  margin: 0;
}
.view-impact-slideshow .slide-media-container {
  width: 490px;
  float: right;
  font-size: 14px;
}
.view-impact-slideshow .views-field-field-slide-description {
  margin-right: 520px;
}
#panel2 .views-slideshow-controls-text a {
  display: block;
  position: absolute;
  top: 150px;
  width: 12px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 100;
}
#panel2 .views-slideshow-controls-text .views-slideshow-controls-text-previous a {
  background: url('../img/impact-slide_left.png') no-repeat;
  left: -30px;
}
#panel2 .views-slideshow-controls-text .views-slideshow-controls-text-next a {
  background: url('../img/impact-slide_right.png') no-repeat;
  right: -30px;
}
#panel2 .view-impact-slideshow .views-field-field-slide-video .content {
  margin: 0;
  padding: 0;
}
.impact #panel2 h2{
  text-align: center;
}
.impact #panel2 .content{
    padding: 60px 0 0 0;
}
.impact #panel2 .content p{
    width: 470px;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding: 0;
}
.impact #panel2 .content p img, .impact #panel2 .content > img{
    position: absolute;
    right: 0;
    top: 60px;
    max-width: 490px;
}
.impact #panel2 .facet{
    width: 180px;
    height: 235px;
    display: inline-block;
    margin-left: 22px;
    vertical-align: top;
    text-align: center;
}
.impact #panel2 .facet:first-child{
    margin: 0;
}
.impact #panel2 .facet h3{
    font-size: 39px;
    color: #00bbbb;
    border-bottom: 1px solid #454545;
    line-height: 52px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 39px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    width: 166px;
    margin: auto;
    letter-spacing: 1px;
}
.impact #panel2 .facet .icon{
    height: 66px;
    width: 180px;
    display: table-cell;
    vertical-align: bottom;
}
.impact #panel2 .facet .metric{
    color: #19388a;
    font-size: 72px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    line-height: 100%;
    margin-top: 20px;
    display: block;
}
.impact #panel2 .facet .text{
    display: block;
    font-size: 14px;
    text-weight: 600;
}
.impact #panel2 .share{
    margin: 0px auto 50px auto;
    position: static;
    width: 93px;
    background-position: 12px center;
}
.impact #panel3 h2{
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0 0 35px 0;
}
.impact #panel3 .content p{
    width: 516px;
    text-align: center;
    margin: 0 auto;
}
.keep-going.blue-border {
  line-height: 37px;
  padding: 5px 12px 5px 10px;
  color: #19388a;
  font-size: 16px;
  border: 5px solid #19388a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0px auto;
  background-position: 12px center;
  background-color: #fff;
}
.impact #panel3 .share,
.impact #panel3 .keep-going {
    line-height: 37px;
    padding: 5px 12px 5px 10px;
    color: #19388a;
    font-size: 16px;
    border: 5px solid #19388a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 40px auto;
    position: absolute;
    background-position: 12px center;
    background-color: #fff;
    top: 799px;
    left: 460px;
}
.impact #panel4 h2{
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0 0 10px 0;
    color: #fff;
}
.impact #panel4 .content p{
    width: 516px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
.impact #panel4 .share{
    position: absolute;
    width: 93px;
    background-position: 12px center;
    top: 123px;
    left: 425px;
}
.impact #panel5 .content{
    text-align: center;
}
.impact #panel5 h2{
    padding: 80px 0 0 0;
    margin: 0 0 45px 0;
    color: #fff;
}
.impact #panel5 .impacts > div{
    font-size: 16px;
    color: #fff;
    width: 300px;
    display: inline-block;
    margin-left: 15px;
    text-align: center;
    line-height: 150%;
    vertical-align: top;
}
.impact #panel5 .impacts > div:first-child{
    margin: 0;
}
.impact #panel5 .impacts > div a{
    text-decoration: none;
}
.impact #panel5 .impacts > div a:hover{
    text-decoration: underline;
}
.impact #panel5 .impacts > div h3{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: #19388a;
    margin: 27px 0 10px 0;
}
.impact #panel5 a{
    color: #19388a;
    text-decoation: none;
}
.impact #panel5 a{
    text-decoration: hover;
}
.impact #panel5 .impacts > div p{
    margin: 0;
}
.impact #panel5 .impacts > div .icon{
    height: 62px;
    display: table-cell;
    vertical-align: bottom;
    width: 300px;
}
#ni_map .blip{
    width: 35px;
    height: 35px;
    position: absolute;
}
#ni_map .blip .dot{
    height: 35px;
    width: 35px;
    background: url(../img/blip.png) no-repeat center center;
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#ni_map .blip .grow {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#ni_map .blip .info{
    position: absolute;
    width: 270px;
    height: 90px;
    background-color: #000;
    background-color:rgba(0,0,0,0.8);
    top: -120px;
    left: -218px;
    padding: 15px;
    color: #fff;
    display: none;
}
#ni_map .blip:hover .info{
    /*opacity: 1;*/
    display: block;
}

#ni_map .blip .info strong{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 30px;
    display: block;
    margin: 0 0 10px 0;
    font-weight: normal;
    line-height: 100%;
}
#ni_map .blip .info > span{
    color: #1756e3;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 20px;
    width: 86px;
    display: inline-block;
    text-transform: uppercase;
}
#ni_map .blip .info > span em{
    font-style: normal;
    color: #fff;
    display: block;
    padding-left: 20px;
    font-family: 'Museo', museo, arial, helvetica, sans-serif;
    font-size: 16px;
}
#ni_map .blip .info > .women em{
    background: url(../img/icon_women_sm.png) no-repeat left center;
}
#ni_map .blip .info > .loans em{
    background: url(../img/icon_loans_sm.png) no-repeat left center;
}
#ni_map .blip .info > .invested em{
    background: url(../img/icon_invested_sm.png) no-repeat left center;
}

#ni_map .blip .info::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 50px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: rgba(0,0,0,0.8) transparent;
    display: block;
    width: 0;
}
#ni_graph {
    width: 1024px;
    height: 90px;
    border: 1px solid #fff;
    border-top: none;
    position: absolute;
    top: 628px;
    left: 0;
}
#ni_graph #fill{
    width: 1px;
    height: 90px;
    background: url(../img/bg_growth.png) no-repeat;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
#ni_graph .x_plot{
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    background: url(../img/dot_grey_sm.png) no-repeat center center;
    margin-top: 6px;
    cursor: pointer;
}
#ni_graph .x_label{

    display: block;
    width: 200px;
    /*height: 50px;*/
    padding: 5px;
    text-align: center;
    background-color: #000;
    background-color:rgba(0,0,0,0.8);
    color: white;
    margin: 5px 0 0 -95px;
    font-size: 16px;
    font-weight: 700;
    filter: alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
#ni_graph .year{
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 100%;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    display: block;
}
#ni_graph .x_plot.active .year{
    color: #253d5a;
}
#ni_graph .x_plot.active .x_label{
    filter: alpha(opacity=98);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    opacity: 0.98;
}


#ni_graph .x_plot:nth-child(2){
    left: 50px;
}
#ni_graph .x_plot:nth-child(3){
    left: 280px;
}
#ni_graph .x_plot:nth-child(4){
    left: 510px;
}
#ni_graph .x_plot:nth-child(5){
    left: 740px;
}
#ni_graph .x_plot:nth-child(6){
    left: 970px;
}
.blip#new_york_city{
    left: 834px;
    top: 276px;
}
.blip#omaha{
    left: 499px;
    top: 333px;
}
.blip#indianapolis{
    left: 634px;
    top: 353px;
}
.blip#san_fransisco{
    left: 135px;
    top: 348px;
}

.b_support{
    background: url(../img/banner_support.jpg) no-repeat;
    height: 390px;
    overflow: hidden;
    color: #fff;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
}
.b_support h1{
    font-size: 65px;
    font-weight: normal;
    width: 420px;
    float: right;
    margin: 65px 0 10px 0;
    line-height: 100%;
}
.b_support p{
    font-size: 30px;
    width: 425px;
    float: right;
    clear: both;
    line-height: 35px;
}
.overflow{
    overflow: visible !important;
}
.support .content{
    font-size: 18px;
}
.support .gtabs{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -90px;
}
.support .gtabs li{
    float: left;
    width: 250px;
    height: 90px;
    background: black;
}
.support .gtabs a{
    display: block;
    line-height: 90px;
    height: 86px;
    width: 248px;
    vertical-align: middle;
    padding: 0px;
    margin: 2px;
    margin-right: 0;
    background: #e4e6ea;
    color: #808080;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 36px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
}
.support .gtabs li:last-child a{
    width: 246px;
}

.support .gtabs a:hover, .support .gtabs .active{
    background: #fff;
    color: #19388a;
    text-decoration: none;
}
.support .gtabs .active{
    margin-bottom: 0;
    height: 89px;
}
#donations_c #donately-donation-form {
  width: 1008px;
  margin: auto;
  position: relative;
}
#dp1{
    background: #fff url(../img/donate_panel1.png) no-repeat;psradio
    text-align: center;
    color: #2f2f2f;
    padding-bottom: 70px;
}

#dp1 h2{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 100%;
    margin: 65px 0 0 0;
    color: #2f2f2f;
}
#dp1 p{
    margin: 10px auto 0 auto;
    max-width: 740px;
}


#dp2{
    background: #e4e6ea;
    color: #2f2f2f;
    text-align: center;
}
#dp2 h2{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 100%;
    margin: 55px 0 45px 0;
}
#dp2 .facet{
    width: 180px;
    height: 235px;
    display: inline-block;
    margin-left: 22px;
    vertical-align: top;
    text-align: center;
}
#dp2 .facet:first-child{
    margin: 0;
}
#dp2 .facet h3{
    font-size: 39px;
    color: #00bbbb;
    border-bottom: 1px solid #454545;
    line-height: 52px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 39px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    width: 166px;
    margin: auto;
    letter-spacing: 1px;
}
#dp2 .facet .icon{
    height: 115px;
    width: 180px;
    display: table-cell;
    vertical-align: bottom;
}
#dp2 .facet .metric{
    color: #19388a;
    font-size: 50px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    line-height: 100%;
    margin-top: 20px;
    display: block;
}
#dp2 .facet .text{
    display: block;
    font-size: 20px;
    text-weight: 600;
    margin-top: 10px;
}
#dp2 .facets{
    margin: 25px 0 50px 0;
}
.support .tab_content{
    display: none;
}
.support .active_content{
    display: block;
}
#gip1 .right{
    position: absolute;
    right: 0;
}
#gip1 .txt{
    width: 495px;
}
#gip1 .content{
    font-size: 18px;
    padding: 100px 0 50px 0;
}
#gip1 h2{
    margin: 0;
}
#gip1 h3{
    font-size: 20px;
    color: #19388a;
}
#gip2{
    background: url(../img/get_involved_panel2.jpg) no-repeat;
    height: 854px;
}
#gip2 h2{
    line-height: 100%;
    margin: 70px 0 65px 0;
    text-align: center;
    color: #2f2f2f;
}
#gip2 .button{
    margin-top: 20px;
    padding: 0;
}
#gip2 .button span{
    display: block;
    background-image: url(../img/arrow_right_white.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 8px 35px 3px 20px;
}
dl.steps{
    text-align: center;
}
.steps dt, .steps dd{
    display: inline-block;
}
.steps dt{
    width: 40px;
    height: 40px;
    background: #454545;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 30px;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
}
.region .steps dt a, .region .steps dt a:hover{
    color: inherit;
    text-decoration: none;
}
.steps dd:last-child{
    margin-right: 0;
}
.steps dd{
    max-width: 185px;
    vertical-align: middle;
    line-height: 130%;
    margin: -5px 55px 0 15px;
    text-align: left;
}
.region .steps a{
    color: #2f2f2f;
    text-decoration: underline;
}
.steps a:hover{
    color: #c33439;
}
.circle_white_o{
    width: 305px;
    height: 305px;
    background: url(../img/circle_white_o.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}
.circle_white_o:last-child{
    margin-right: 0;
}
.circle_white_o .content{
    display: table-cell;
    vertical-align: middle;
    height: 305px;
    text-align: center;
}
.circle_white_o .icon{
    margin-bottom: 10px;
    height: 55px;
    display: block;
}
.circle_white_o .title{
    display: block;
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
}
.circle_white_o .text{
    width: 220px;
    font-size: 14px;
    display: block;
    line-height: 140%;
    margin: 5px auto;
}

#corporate_giving_c .left{
    width: 47%;
    float: left;
}
#corporate_giving_c .right{
    width: 47%;
    float: left;
    margin-left: 5%;
}
#cgp1, #cgp2{
    background: url(../img/bg_panel_divide.png) repeat-x center bottom;
}
#corporate_giving_c .panel{
    padding: 100px 0;
}
.support .col3 {
    border-top: 1px solid #454545;
    border-bottom: 1px solid #454545;
    font-size: 14px;
    padding: 20px 0;
    margin: 30px 0 0 0;
}
.col3 .col{
    display: inline-block;
    width: 30%;
    margin-left: 4%;
    line-height: 180%;
}
.col3 .col:first-child, .col3_full:first-child{
    margin-left: 0;
}
.col3_full{
    display: inline-block;
    width: 240px;
    margin-left: 30px;
    padding-left: 60px;
    vertical-align: top;
    position: relative;
    line-height: 180%;
}
.col3_full .title{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Museo', museo, arial, helvetica, sans-serif;
    color: #2b2b2b;
    margin: 0 0 25px 0;
    line-height: 44px;
}
.careers .col3_full .title:before{
    content: ' ';
    background: url(../img/sprite_careers.png) no-repeat;
    position: absolute;
    left: 0;
    width: 60px;
    height: 44px;
}
.careers .openings{
    width: 295px;
}
.careers .intern{
    padding-left: 40px;
}
.careers .volunteer{
    padding-left: 63px;
}
.careers .intern .title:before{
    background-position: 0 -35px;
    height: 54px;
    top: -10px;
}
.careers .volunteer .title:before{
    background-position: 0 -90px;
}
.content.careers{
    margin-top: 80px;
}
.careers .col3_full a{
    color: #c33439;
    text-decoration: none;
    padding-right: 20px;
    background: url(../img/external_link.png) no-repeat center right;
}
.note{
    color: #808080;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-top: 8px;
}
#corporate_giving_c .bottom{
    padding: 100px 0 0 0;
}
#corporate_giving_c p{
    margin: 0 0 25px 0;
}
#corporate_giving_c .button{
    width: 190px;
    padding: 10px 0;
    text-align: center;
}
#calendar_c .panel{
    padding: 70px 0;
}
.events, .view-events .view-content{
    list-style: none;
    padding: 0;
    margin: 50px 0 20px 0;
    font-size: 20px;
}
.events li, .view-events .views-row, .view-media-releases .views-row {
    width: 100%;
    border-bottom: 1px solid #e0e3e8;
    position: relative;
    color: #2b2b2b;
}
.view-media-releases .views-row {
    height: 80px;
}
.view-media-releases .views-row .content{
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-size: 1em;
    position: static;
}
.view-media-releases{
    margin-bottom: 100px;
}
.events li:first-child, .view-events .views-row:first-child, .view-media-releases .views-row:first-child {
    border-top: 1px solid #e0e3e8;
}
.events .date, .events .title, .events .info,
.view-events .date, .view-events .views-field-title{
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    cursor: default;
}
.events .date, .view-events .date, .view-media-releases .views-row .date{
    width: 250px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 20px;
}
.events .title, .view-events .views-field-title{
    width: 650px;
}
.events .info, .view-events .views-field-field-info-link a, .view-media-releases .views-row a{
    position: absolute;
    right: 0;
    top: 0;
    color: #c33439;
    line-height: 80px;
    padding-right: 12px;
    background: url(../img/arrow_red.png) right center no-repeat;
    text-decoration: none;
}
.view-media-releases .views-row a{
    background: none;
    padding: 0;
}
.view-events .down{
    background: #f1f2f4;
}
.view-events .down .views-field-field-info-link a{
    background: url(../img/arrow_red_down.png) right center no-repeat;

}
.events .views-field-field-info-link:hover, .view-events .views-field-field-info-link a:hover{
    text-decoration: underline;
}
.view-events .event_content{
    display: none;
    border-top: 1px solid #e0e3e8;
    font-size: 16px;
    color: #454545;
    padding: 40px 20px;
    background: #fcfcfd;
}
.view-events .event_content > div{
    width: 700px;
}
.view-events .event_content .field-content{
    color: #19388a;
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin: 0 0 10px 0;
}
.view-events .event_content .single-date{
    font-weight: 900;
    display: block;
    text-transform: none;
}
.contact_social{
    text-align: center;
    padding-bottom: 40px;
    width: 560px;
    margin: 0 auto 40px auto;
    border-bottom: 1px solid #2b2b2b;
}
.contact_social a{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/sprite_contact.png) no-repeat;
    margin-left: 10px;
    text-indent: -9999px;
}
.contact_social a:first-child{
    margin-left: 0;
}
.contact_social .twitter{
    background-position: -60px 0;
}
.contact_social .blog{
    background-position: -128px 0;
}
.region a{
    color: #c33439;
    text-decoration: none;
}
.region a:hover{
    text-decoration: underline;
}
.fi_downloads{
    margin-top: 30px;
    padding-top: 50px;
    border-top: 4px solid #2b2b2b;
}
.fi_downloads .title{
    font-weight: bold;
    margin: 0;
}
.fi_downloads .view{
    margin: 0 0 40px 30px;
}
.fi_downloads  .views-row{
    margin:  20px 0 0 0;
}
.fi_downloads .views-row a, .views-field-field-document a{
    font-weight: bold;
    padding-right: 30px;
    background: url(../img/icon_doc.png) no-repeat right center;
    line-height: 26px;
    display: inline-block;
}


.view-grameen-downloads .views-row{
    display: inline-block;
    width: 45%;
    padding-bottom: 30px;
}
.view-grameen-downloads .views-row:nth-child(odd){
    margin-right: 4%;
}
#download_form{
    width: 700px;
    margin: auto;
    padding-left: 55px;
}
#download_form .half{
    width: 40%;
    margin-right: 9%;
    float: left;
}
#download_form .third{
    width: 25%;
    margin-right: 7%;
    float: left;
}
#download_form .full{
    width: 89%;
    float: left;
    clear: both;
}
#download_form input[type=text], #download_form select{
    width: 100%;
    padding: 6px 3px;
    font-size: 14px;
}
#download_form label, #download_form input[type=submit]{
    margin-top: 20px;
}
.response {
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 700px !important;
margin: 0 auto 20px auto !important;
}
.response-success{
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.repsonse-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}

.staff #panel1{
    background: #eaeaea url(../img/bg_panel_divide_gray.png) repeat-x center bottom;
    padding-top: 90px;
}
.staff_member{
    position: relative;
}
#panel1 .staff_member{
    margin-bottom: 60px;
}
#panel1 .staff_member .name, #panel1 .staff_member .job_title, #panel1 .staff_member .bio{
    width: 800px;
    display: block;
    margin-left: 205px;
}
#panel1 .staff_member img{
    position: absolute;
    left: 0;
}
#panel1 .staff_member .name{
    font-weight: 900;
    font-size: 18px;
    border-top: 3px solid #fff;
    padding-top: 18px;
}
#panel1 .staff_member .job_title{
    font-size: 18px;
    margin-top: 3px;
}
.job_title p{
    margin: 0;
}
#panel1 .staff_member .bio{
    font-size: 16px;
    line-height: 20px;
}
.staff #panel2{
    background: #fff url(../img/bg_staff.png) no-repeat top left;
    padding-top: 70px;
}
.staff #panel2 .content{
    font-size: 13px;
}
.staff #panel2 h3{
    margin: 0px 0 20px 0;
    color: #19388a;
    font-weight: 900;
    font-size: 20px;
}
.co_top .staff_member{
    width: 492px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}
.co_top .staff_member:nth-child(odd){
    margin-left: 0;
}
#panel2 .staff_member .name_title{
    display: table-cell;
    vertical-align: bottom;
    height: 80px;
}
#panel2 .staff_member .name, #panel2 .staff_member .job_title{
    display: block;
}
#panel2 .staff_member .name{
    font-weight: 900;
}
#panel2 .staff_member .job_title{
    font-weight: 500;
}
#panel2 .staff_member img{
    float: left;
    margin: 0 25px 25px 0;
}
#panel2 .staff_member .bio{
    clear: left;
    margin-bottom: 30px;
}
hr.dashed{
    margin: none;
    background: url(../img/dash.png) repeat-x;
    width: 943px;
    margin: 10px auto 5px auto;
    border: none;
}
.co_bottom{
    margin-top: 35px;
}
.co_bottom .staff_member, .lending_ops .staff_member{
    width: 320px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}
.co_bottom .staff_member:nth-child(3n+1), .lending_ops .members .staff_member:nth-child(3n+1){
    margin-left: 0;
}
.lending_ops{
    border-top: 3px solid #2b2b2b;
    padding-top: 50px;
    margin: 15px 0 100px 0
}
#panel2 .lending_ops h3{
    margin-bottom: 50px;
}
.panel .field-collection-view{
    padding: 0;
    margin: 0;
}
.resources .intro p{
    width: 680px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    line-height: 180%;
}
.resources .intro{
    margin-bottom: 20px;
}
.resources h3{
    font-size: 20px;
    color: #19388a;
    font-weight: bolder;
    text-align: center;
}
.resources hr{
    border-top: 3px solid #2b2b2b;
    margin: 30px 0 40px;
}
.resources .grameen_downloads{
    margin: auto;
    text-align: center;
    width: 800px;
}
.resources .grameen_pdf{
    width: 220px;
    height: 300px;
    margin: 0 40px 80px 40px;
    display: inline-block;
    vertical-align: top;
}
.resources .grameen_pdf img{
    width: 100%;
    height: auto;
    border: 1px solid grey;
}
.grameen_entity .image{
    height: 60px;
    display: table-cell;
    vertical-align: bottom;
}
.panel .grameen_entity p{
    text-align: justify;
}

.grameen_entities .field-collection-view{
    font-size: 12px;
    display: inline-block;
    width: 460px;
    margin: 0 74px 10px 0;
    line-height: 180%;
    vertical-align: top;
    border: none;
}
.grameen_entities .field-collection-view:nth-child(even){
    margin-right: 0;
}
.resources .field-collection-container{
    border: none;
}
.yunus_publications{
    text-align: center;
}
.yunus_publications .field-collection-view{
    display: inline-block;
    width: 220px;
    margin: 0 40px;
    font-size: 15px;
    border: none;
    vertical-align: top;
}

.panel .yunus_publications p, .panel .grameen_pdf p{
    font-size: 15px;
    text-align: left;
}
.yunus_pub .image, .grameen_pdf a{
    height: 300px;
    width: 220px;
    display: table-cell;
    vertical-align: bottom;
}
.financial_resources{
    text-align: center;
    margin-top: 60px;
}
.financial_resources img{
    margin-right: 50px;
    display: inline-block;
}
.advisory-board .col3_full{
    padding-left: 26px;
    margin-left: 0;
}
.advisory-board .col3_full{
    font-size: 14px;
    width: 310px;
}
.partners, .partners .panel .content{
    font-size: 16px;
}
.partners .intro p{
    width: 620px;
    margin: auto;
    text-align: center;
}
.partners #panel1{
    background: url(../img/bg_panel_divide.png) repeat-x center bottom;
    padding-bottom: 60px;
}
.partners #panel2{
    background: #eaeaea url(../img/bg_grey_star.png) no-repeat top left;
    padding: 70px 0;
}
.partners .col2_wrap{
    width: 620px;
    margin: auto;
}
.partners .col2{
    width: 300px;
    margin-left: 15px;
    text-align: left;
    display: inline-block;
    line-height: 180%;
    vertical-align: top;
}
.partners h3{
    text-align: left;
    margin-top: 40px;
}
.partners .col2:first-child{
    margin-left: 0;
}
.partners .col2 p{
    margin: 0;
}

.mobile .scroll_nav{
    display: none !important;
}
.mobile .model #model_path{
    height: 100% !important;
}
.mobile .model #panel2 .icon{
left: 212px !important;
}
.mobile .model #panel4 .icon{
    left: 238px;
}
.column-container .column {
  float: left;
  padding-left: 1em;
}
.column-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.node-board-member .multicolumn {
  border-top: 3px solid white;
  position: relative;
  margin-left: 24%;
}
.node-board-member .column-2 {
  padding: 0;
  margin-left: 1em;
  margin-top: 10px;
}
.node-board-member .column.column-3 {
  max-width: 45%;
  padding-left: 2em;
  font-size: .8em;
  float: right;
  margin-top: 10px;
}
.node-board-member .title {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.1em;
}
.node-board-member .file-video {
  margin-top: 1em;
}

.node-about-us-page {
  background-repeat: no-repeat;
  background-color: #EAEAEA;
}
.node-about-us-page p{
    width: auto;
    margin: 0;

}
.node-about-us-page.node-full > .content {
  max-width: none;
  margin: 0 auto;
}
.node-about-us-page #panel3 {
  background: url(../img/bg_panel_divide.png) repeat-x center bottom;
}
.node-about-us-page #panel2 {
  background: url(../img/bg_panel_divide_gray.png) repeat-x center bottom;
}
.node-about-us-page .node-board-member {
  margin-bottom: 2em;
}
.node-about-us-page #panel1 .content {
  margin-left: 62%;
  width: auto;
}
.node-about-us-page #panel1 {
  height: 410px;
  margin-top: 2em;
}
.node-about-us-page #panel2 {
  background-color: #EAEAEA;
  margin-top: 2em;
}
.node-about-us-page .roles p:first-child {
  margin-top: 0;
}
.node-about-us-page #panel3 {
  background: url(../img/bg_panel_divide.png) repeat-x center bottom, url(../img/about-us-star-right.png) no-repeat right center;
  padding: 3em 0 2em 0;
  background-color: #F9F9F9;
}
.node-about-us-page #panel3 .content {
  width: 40%;
  margin-left: 6em;
}
.node-about-us-page #panel2 h2 {
  color: #454545;
  text-align: center;
}
.node-about-us-page h3 {
  color: #19388a;
}
.node-about-us-page #panel3 h2 {
  color: #be1f24;
}
.node-about-us-page #panel4, .media #panel_nav {
  height: 22em;
  background: white url(../img/about-us-star-left.png) no-repeat;
  padding-top: 4em;
}
.media #panel_nav{
    height: 270px;
}
.node-about-us-page #panel4 .content, .media #panel_nav .content{
    padding-top: 20px;
    text-align: center;
}
.node-about-us-page #panel4 p, .media #panel_nav p {
  display: inline-block;
  padding: 1.3em;
  font-size: 1.5em;
  font-family: "LeagueGothicRegular", Arial, sans-serif;
  text-align: center;
  margin-top: 1em;
  width: auto;
}
.media #panel_nav p {
    padding: 0 2em;
}
.node-about-us-page #panel4 p img, .media #panel_nav p img{
  display: block;
  margin: 0 auto;
}
.node-about-us-page #panel4 p:nth-child(even), .media .region #panel_nav p:nth-child(odd){
  color: #be1f24;
}
.node-about-us-page #panel4 p:nth-child(odd), .media .region #panel_nav p:nth-child(even){
  color: #19388a;
}
.node-about-us-page #panel4 a, .node-about-us-page #panel4 a:hover,
.media .region #panel_nav a, .media .region #panel_nav a:hover{
    text-decoration: none !important;
    color: inherit !important;
}
.node-about-us-page h2 {
  font-family: "LeagueGothicRegular", Arial, sans-serif;
}
/**
 * Media Pages
*/
.view-media-page-photos.view-display-id-block_1 .views-row {
  display: inline-block;
  padding: 10px;
  width: 329px;
  vertical-align: top;
}
.view-media-page-photos.view-display-id-block_1 .views-row .caption,
.view-media-page-videos.view-display-id-block_1 .views-row .caption{
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin: 5px 0 0 0;
    line-height: 120%;
}
.view-id-media_page_videos.view-display-id-block_1 .caption{
    display: none;
}
.view-id-media_page_videos.view-display-id-block_1 .active .caption{
    display: block;
}
.view-media-page-videos .caption{
    width: 640px;
    margin: auto;
    text-align: left;
}

.view-media-page-photos.view-display-id-block_1 .view-content {
	margin-left: -1em;
}
.node-media-page #panel2 {
  text-align: center;
}
#views_slideshow_cycle_teaser_section_media_page_photos-block_1,
#views_slideshow_cycle_div_media_pagephotos-block_1_0 {
  width: 1060px !important;
  height: auto;
  overflow: visible !important;
  text-align: center;
}
#views_slideshow_controls_text_previous_media_page_photos-block_1 {
  position: absolute;
  top: 460px;
  left: -73px;
  z-index: 10;
}
#views_slideshow_controls_text_next_media_page_photos-block_1 {
  margin-left: 53.5em;
  position: absolute;
  top: 460px;
  right: -73px;
  z-index: 10;
}
.node-media-page {
  background-repeat: no-repeat;
}
.node-media-page #panel1 p{
    width: 20em;
    margin: 0;
}
.node-media-page.node-full > .content {
  max-width: none;
  margin: 0 auto;
}
.node-media-page #panel1 .content {
  margin-left: 56%;
  width: auto;
}
.node-media-page #panel1 {
  height: 310px;
  margin-top: 3.5em;
}
.node-media-page .panel h2 {
  color: #454545;
  margin-top: 1em;
  display: inline-block
}
.node-media-page .panel#panel1 h2 {
  text-align: left;
  color: #19388a;
}
.node-media-page #panel2 {
  background: url(../img/bg_panel_divide_gray.png) repeat-x center bottom;
  margin-top: 3em;
}
.node-media-page #panel3 {
	background: url(../img/bg_panel_divide_gray.png) repeat-x center bottom;
        background-color: #EAEAEA;
        text-align: center;
        padding-bottom: 100px;
}
.node-media-page .see-all {
  font-size: .77em;
  margin-left: .6em;
  font-weight: bold;
}
.node-media-page #panel2 .see-all {
	font-size: 1em;
}
.view-media-releases {
	position: relative;
}
.view-media-releases p {
  display: table-cell;
  margin: 0;
  width: 520px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 10px;
}
.view-media-releases .release_date{
  width: 118px;
  text-align: left;
  display: table-cell;
  font-weight: bold;
  text-transform: uppercase;
  height: 80px;
  vertical-align: middle;
  white-space: nowrap;
}
.view-media-releases .source{
  width: 200px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  height: 80px;
  padding-left: 10px;
}
.view-media-releases a {
  float: right;
  margin-right: 2em;
  text-transform: uppercase;
}
.node-type-media-page .field-collection-view{
  border-top: 2px solid #eee;
  border-bottom: none;
  padding: .6em 1.2em .6em 0;
  font-size: 20px;
}
.node-type-media-page .field-collection-container {
  border-bottom: 2px solid #eee;
}
.node-type-media-page .file-video {
  text-align: center;
}
.media-vimeo-player.selectedItem
.media-youtube-video.selectedItem {
  width: 500px !important;
  height: 350px !important;
}
.view-media-page-photos .item-list ul li {
	list-style-type: none;
	display: inline-block;
	padding: 1em .5em;
}
.view-media-page-photos.view-display-id-page .item-list ul li,
.view-media-page-videos.view-display-id-page .item-list ul li {
	vertical-align: top;
}
.view-media-page-photos.view-display-id-page .item-list ul li {
        width: 329px;
}
.view-media-page-photos .item-list .pager li{
    width: auto !important;
}
.view-media-page-photos.view-display-id-page .item-list ul li p, .view-media-page-videos.view-display-id-page .item-list ul li p {
	margin: .3em 0;
        text-align: left;
}
.view-media-page-videos .item-list ul li {
	list-style-type: none;
}
.view-media-page-photos .pager,
.view-media-page-videos .pager {
  text-align: right;
  border-top: 2px solid #EEE;
}
.region .view-media-page-photos a {
  color: #454545;
}

.view-header{
    position: relative;
}
.view-media-page-photos.view-display-id-page,
.view-media-page-videos.view-display-id-page {
  text-align: center;
}
.view-media-page-photos.view-display-id-page .goback,
.view-media-page-videos.view-display-id-page .goback,
.view .goback
{
  text-align: left;
  font-size: 42px;
  font-family: 'LeagueGothicRegular', sans-serif;
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 10;
}
.view-media-page-photos.view-display-id-page .view-header,
.view-media-page-videos.view-display-id-page .view-header,
.view .view-header{
	margin-top: 2em;
}
.region .view-media-page-photos .view-header a,
.region .view-media-page-videos .view-header a,
.view-header .goback a{
  color: #19388a;
}
.region .view-media-page-photos .view-header a:hover,
.region .view-media-page-videos .view-header a:hover,
.view-header .goback a:hover{
    text-decoration: none;
}
.view-header .arrow {
	color: #0BB;
	font-weight: 900;
}
.view-media-page-photos.view-display-id-page h2,
.view-media-page-videos.view-display-id-page h2,
.view-header h2{
	color: #454545;
	position: relative;
    left: -.2em;
    text-align: center;
}
.node-type-media-page .flexslider div {
  display: inline-block;
}
.node-full.node-media-page ul li, .page-media-releases  .pager li {
  padding-left: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
}
.pager li.pager-current{
    margin-right: 2em;
}
.flex-control-paging {
  display: none;
}

/* Video See More Page */
.view-media-page-videos.view-display-id-page .view-content > div {
  display: inline-block;
  padding: 2em .8em;
}
/* git conflict diff */

.media .view-media-page-videos{
    position: relative;
    overflow: hidden;
    width: 1100px;
    height: 420px;
    margin: auto;
}
.media .view-media-page-videos .item-list ul:first-child{
    width: 9000px;
}
.media .view-media-page-videos .views-row{
    float: left;
    width: 400px;
    height: 225px;
    background: black;
    padding: 0;
    /*margin: 50px 240px 0 0;*/
    margin: 50px 0 0 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.media .view-media-page-videos .prev, .view-media-page-videos .next{
    position: absolute;
    width: 263px;
    height: 231px;
    display: block;
    top: 50px;
    cursor: default;
}
.media .view-media-page-videos .views-row iframe{
    width: 100%;
    height: 100%;
}
.media .view-media-page-videos ul{
    margin-left: 256px;
    position: absolute;
}
.media .view-media-page-videos ul .active{
    width: 570px;
    height: 320px;
    margin: 0 0 0 -126px;
    z-index: 1;
    position: relative;
}
.media .view-media-page-videos ul .active + li{
    margin-left: -126px;
    z-index: 0;
}
.media .view-media-page-videos ul .views-row-first{
    margin-left: 0;
}
.media .view-media-page-videos .prev{
    left: 0;
}
.media .view-media-page-videos .next{
    right: 0;
}
.page-videos{
    text-align: center;
}
.page-videos .views-row{
    display: inline-block;
    padding: 0;
    margin: 0 0 40px 0;
}

.view-id-media_page_photos .view-content{
    width: 1028px;
    margin: auto;
}
.view-id-media_page_photos .item-list ul li{
    margin: 0;
    padding: 0 10px 10px 0;
}
.financial-info .col2{
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-right: 10px;
}
.financial-info .col2:last-child{
    margin-right: 0;
}
.page-media-releases .view-content,
.view-media-releases .view-content{
    width: 1000px;
    margin: auto;
}
.media-vimeo-video,
.media-youtube-video{
    width: 100%;
    height: 100%;
}
.justified{
    text-align: justify !important;
}
.justified:after
{
    content: "";
    display: inline-block;
    width: 100%;
}
.mobile .justified{
    text-align: center !important;
}
.justified-center{
    text-align-last: center !important;
    text-align: justify !important;
}
.view-media-page-photos .credit{
    font-size: 11px;
    text-align: right;
    display: block;
    margin: 3px 0;
}
.view-media-page-photos p{
    width: auto;
}
#overlay-container, .overlay-modal-background, .overlay-element {
    z-index: 2500;
}
.overlay-element {
    z-index: 2501;
}
.faq h3{
    cursor: pointer;
}
.faq .qs{
    display: none;
}

/** Legacy donation form **/
.donation_amts {
    margin: 0 auto 35px auto;
    text-align: center;
    padding: 50px 0;
}
.donation_amts .psradio:first-child{
    margin-left: 0;
}

.donation_amts .psradio{
    font-family: "LeagueGothicRegular", Arial, sans-serif;
    padding-left: 35px;
    height: 30px;
    background: url(../img/radio_blue.jpg) no-repeat;
    display: inline-block;
    font-size: 32px;
    line-height: 30px;
    margin-left: 30px;
    cursor: pointer;
}
.psradio input{
    vertical-align: top;
}

.psradio.active{
    background-position: 0 -30px;
}
.psradio input{
    background: #e4e6ea;
    color: #808080;
}
.donation_opts{
    padding: 35px 0 50px 0;
    width: 935px;
    border-top: 1px solid #2f2f2f;
    margin: auto;
}
.donation_opts label{
     display: inline-block;
    margin-left: 50px;
    vertical-align: middle;
}
.donation_opts label:first-child{
    margin-left: 0;
}
/** end legacy donation form **/

@media only screen and (max-width: 1200px) {
    #wrapper{
        background: none;
        max-width: 1200px;
        padding: 0;
    }
    #wrapper .sitetop #nav{
        margin: 0;
    }
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when #navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.center{ margin: auto; text-align: center;}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*****  Homepage Social Feeds *****/
.fb .content {
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}