@import url("leaflet-bundle.css");
@import url("colorbox.css");  
/* ------------------------------
    Reset HTML
------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, #menu, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, #menu, section {
  display: block;
}

html, body {   width: auto !important;   overflow-x: hidden !important; }

@-webkit-keyframes fontfix { from { opacity: 1; }     to { opacity: 1; } }
body {
-webkit-animation-delay: 0.1s;       -webkit-animation-name: fontfix;      -webkit-animation-duration: 0.1s;       -webkit-animation-iteration-count: 1;       -webkit-animation-timing-function: linear;
font-family: 'opensans', 'open_sansregular', sans-serif; font-size: 14px; margin: 0; color: #666;font-weight:300;
}

.label{color: #666;}

h1, h1 a { font-family:'bonvenocflight'; font-size: 30px; line-height: 34px; text-decoration: none; text-transform: uppercase; margin-bottom: 16px; color: #eb6d2e; letter-spacing: -1px;}
h2, h2 a { font-family:'bonvenocflight'; font-size: 24px; line-height: 28px; text-decoration: none; text-transform: uppercase; margin-bottom: 16px; color: #eb6d2e; }
h3, h3 a, #box-133 p { font-family:'bonvenocflight'; font-size: 20px; line-height: 24px; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; color: #eb6d2e; }
h4, h4 a,
h5, h5 a,
h6, h6 a { font-family:'bonvenocflight'; font-size: 16px; line-height: 20px; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; color: #eb6d2e; }

a { color: #eb6d2e; text-decoration: none; }
a:hover { color: #eb6d2e; text-decoration: underline; }
a:visited, a:active { color: #eb6d2e; }

p { margin-bottom: 10px; line-height: 18px; font-size: 14px; }

ul, ol { margin: 0 0 10px 24px; }
ol { list-style-type: decimal; /*color: #006857;*/ }

select, input, textarea, button { font: 99% sans-serif;}
pre, code, kbd, samp { font-family: monospace, sans-serif; margin-bottom: 10px; padding: 8px; }

small { font-size: 85%; }
strong, b, th { font-family: "open_sanssemibold"; /*font-weight: 600;*/ }
.gs-snippet b {background-color: lightyellow;}

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

blockquote { margin: 0 0 10px 20px; }

table {width: 100% !important;}

.anchor {
  height: 135px;
  margin-top: -135px;
  visibility: hidden;
}
.pageanchor {
  outline: none !important;
  margin-top: -140px;
  padding-top: 140px;
}

/*added on ends*/

/*.fbgallery {display:none;}*/

.t .event-wrap {z-index: 0;}
.t div.event-desc {margin-top: 16px;}
.event-wrap .tabs {margin: 16px 0;}
.t .nav-tabs { margin: 0 0 18px; padding: 0; list-style: none; zoom: 1;}
.file-wrap h2, .file-wrap h2 a {text-transform: none;font-family: sans-serif;font-size: 1em !important;}
.file-wrap .icon img {height: 2em !important; width: auto;}

p #twitter-widget-0 {width: 100% !important;}
.sortable-photos label, .sortable-photos .label {color: #333;}

header {padding:15px 0 0;}
.ballot {font-family: 'bonvenocflight'; margin:0; padding:0; float:right; display:block;}
.ballot li {list-style: none; display: inline-block;}
.ballot li a {text-align: right;}
#head-right form {float:right;}
#nav-wrap {background:#006857;padding:20px 0 0; height: 130px;}
.sticky {height:auto;}
.nav-placeholder {padding:20px 0 0;}
#social {margin-top:30px;}
.donate-btn {float:right; /*margin-right:10px;*/}
.icon-wrap {margin-bottom:15px;}

#search { float: right; margin-right: 0px; margin-top: 2px; width: 220px; } /*ELD removed - margin-top: 30px; */
.addthis_sharing_toolbox {
  clear: none !important;
    float: right;
    margin: 0 1em 0 0;
}
#search select, #search input, #search textarea, #search button { padding: 5px; font-family: open_sansregular, opensans; font-weight: 300; font-size:14px; /*width: 106px; border-color: #ccc; color: #eb6d2e; box-shadow: none;*/ }

/*google searchbar*/
#gse input, #___gcse_1 input {width: 24px; height: 24px; padding: 5px;}

#gse .gstl_50 .gssb_c {position: relative !important; margin-top: 30px;}
<!--#gse .gsc-completion-container {font-family: open_sansregular, Arial, sans-serif; top: 30px !important; font-weight: 300;}-->

/*color for cursor and "X" btn */
#gse .gsst_a .gscb_a {color: #7B7B7D; cursor: pointer;}

/*----styles close btn or "X"----- */
#gse .gscb_a {margin-top: 4px;}

/*----styles text inside searchbar----- */
#gse .gsib_a {padding: 3px 6px 0;}

.gsc-input-box {height: 27px !important}
/*google searchbar ENDS*/

.head-icons {width:33%/*auto*/; float:right;}
.head-icons a {/*margin-right:10px;*/}

.fixed {position: fixed; top:0; left:0;width: 100%; z-index:200;}

/* UTILITY NAV */
#utility-nav {float: right;}
/* Top Level */
#utility-nav ul {margin:0; padding:0; height:24px; float:right:} /*ELD - was height:50px;*/
#utility-nav ul > li {display:inline-block; position:relative;  text-align: center; border-left:1px solid #999; padding:0 10px 0px;  float:right;}
#utility-nav ul > li:last-child {border:none;}
#utility-nav ul > li > a{ display:block;  padding: 0; color:#999; font-size:16px; text-align: center; font-family: 'open_sanslight';}
#utility-nav ul > li:hover > a{ color:#eb6e2e;}
#utility-nav .nav > li > a:hover, #utility-nav .nav > li > a:focus {background: transparent;}

/* Second Level */
#utility-nav ul > li > ul { display:none; position:absolute; bottom:0; left: 0; top: 20px; box-shadow: none; border: none;}
#utility-nav ul > li > ul  > li{ width:325px;  height:auto; background:#fff; border:none;}
#utility-nav ul > li:hover > ul {display:block; position:absolute; z-index:105; bottom:-40px; }
#utility-nav ul > li:hover > ul > li {display:block; }
#utility-nav ul > li > ul > li > a{ display:block; line-height:18px; padding:3px 0px; text-align:left; background: transparent;}
#utility-nav ul > li > ul > li:hover > a{ color:#f59972; background: transparent;}  /*ELD - was #eb6e2e;*/

/*Third Level & beyond*/
#utility-nav ul > li > ul li > ul{ display:none;}
#utility-nav ul > li > ul li:hover > ul { display:block; position:absolute; left:100%; bottom:0; width:auto;}
#utility-nav ul > li > ul > li ul > li { display:block;padding:3px 10px; white-space:nowrap;}
#utility-nav ul > li > ul > li ul > li a { white-space:nowrap;}
#utility-nav ul > li > ul > li ul > li:hover > a {color:#fff;}


/*--------------------
    EVENTS 
----------------------*/
.nav .caret {
    border-top-color: #eb6d2e;
    border-bottom-color: #eb6d2e;
}
.nav a:hover .caret {
    border-top-color: #d8642a;
    border-bottom-color: #d8642a;
}
.socialprompt {}

.event-wrap .vitals .time-period .line {
    line-height: 1.4 !important;
}

.event-wrap .info h1{
    margin-bottom: .5em;
}
.event-wrap .info .content {
    padding-top: 0 !important;
}
.t .event-wrap .photo {
    display: none;
}

.id_event_types {
    display: none;
}

/*--------------------
    MAIN NAV 
----------------------*/
/* Top Level */
#navigation ul {margin:0; padding:0; height:50px;}
#navigation ul > li {display:block;  position:relative; float:left; color:#fff;  height:39px; margin-right:75px; margin-bottom:15px; min-width:15.3%;  text-align: center;}
#navigation ul > li > a{ background: transparent; display:block;  padding:5px 0 0; color:#fff; font-size:24px; text-transform: uppercase;  border-top:1px solid #fff; text-align: left; font-family: 'bonvenocflight';}
#navigation ul > li:hover > a{ color: #f59972; background: transparent;} /*ELD - was #eb6e2e;*/
.blog {margin: 0 15px 0 -15px;}
/* Second Level */
#navigation ul > li > ul { display:none; position:absolute; top:34px; background:#006857; height: auto; width:auto; z-index:150; border: none; box-shadow: none;} /*ELD - changed from top:40*/
#navigation ul > li > ul  > li{ text-align:left; height:auto; padding: 4px 0; background:#006857; float:none; margin:0; width:auto; }
#navigation ul > li:hover > ul {display:block; position:absolute; z-index:105; bottom: -40px; width:auto;}
#navigation ul > li:hover > ul > li {display:block; width: auto;}
#navigation ul > li:hover > ul > li:last-child { padding-bottom: 8px;}
#navigation ul > li > ul > li > a{ display:block; padding:3px 0px 0px 15px; line-height:18px; border:none; text-transform:none; width:305px; font-size: 15px;}
#navigation ul > li > ul > li:hover > a{ text-decoration:underline; }

/*Third Level & beyond*/
#navigation ul > li > ul li > ul{ display:none; top: 5px; margin-left: -15px;}
#navigation ul > li > ul li:hover > ul { display:block; position:absolute; left:105%; bottom:0; width:auto;}
#navigation ul > li > ul > li ul > li { display:block;padding:3px 10px; white-space:nowrap;}
#navigation ul > li > ul > li ul > li a { white-space:nowrap;}
#navigation ul > li > ul > li ul > li:hover > a {text-decoration:underline;}

/*NAVIGATION Bootstrap Override - ELD code added*/
#navigation .dropdown-menu {
  background: transparent;
}/* ELD notes: background is transparent in order to rid of background */

#navigation .nav .open > a, 
#navigation .nav .open > a:hover, 
#navigation .nav .open > a:focus {
  background-color: transparent;
}/* ELD notes: background is transparent in order rid of #f5f5f5 background that appears during 
all states of psuedo classes when nav item is open (.open class) revealing other sub nav items. 
The .open class appears when clcking on li nav item. */

#navigation .dropdown-menu > li > a:hover, #navigation .dropdown-menu > li > a:focus {
  background-color: transparent;
} /* ELD notes: background is transparent for .dropdown-menu class during states of hover and focus. 
NOTE: These classes are targeted with "#navigation" ID to apply these changes to the main navigation 
only. */


#rotator-wrap {margin-bottom:20px;position:relative;padding: 0px 15px;} /*ELD changed - padding: 0px*/
#rotator {position:relative; padding:0;}
.rotator-text {position:absolute; bottom:0px; left:0; background:rgba(0,0,0,0.60); padding: 15px; width:100%; color:#fff;}
.rotator-text h2 {margin:0;}
.rotator-text h2 a {color:#fff; text-decoration:none;font-size:36px;line-height:1.2;letter-spacing:-1px;}
.rotator-text h2 a:hover {color:#EB6E2E;}
#pager {position:absolute; top:15px; right:25px; z-index:100;} /*ELD changed - right: 5px*/
#pager span{margin:0 0 10px; display:block; font-size:70px; line-height: 20px; color:#EB6E2E;
/* workaround for offset */
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
cursor: pointer;
}
#pager .cycle-pager-active { color:#fff; }

#pager-wrap {position:relative;}
#stories-pager{position:absolute; right:10px; top:10px; z-index:100; margin:0;}
#stories-pager a{
  display:block;
  height:25px;
  width:25px;
  text-indent: -9999999px;
  margin:10px;
  background:url(../images/pager.png) no-repeat; }

#stories-pager a.activeSlide{
  display:block;
  height:25px;
  width:25px;
  text-indent: -9999999px;
  margin:10px;
  background:url(../images/pager-active.png) no-repeat; }


#feeds h2{ margin-bottom:20px;}/*removed:  margin-left:15px;*/
#publications h2 {display:block; color:#eb6d2e;}
#publications h2 a {color:#eb6d2e;}
#publications h2 a:hover {text-decoration: underline;}
#publications .pub-item-wrap:nth-child(even) {clear: left;margin: 0 15px 0 -15px} /*ELD - prevents last item from being pushed down*/
.pub-item-wrap {height:auto; margin-bottom:25px; padding-bottom:10px; float: left;}
.pub-item {position:relative; width:100%; height:auto;}
.pub-txt {background:rgba(0,0,0,0.60); color:#fff; position:absolute; padding: 5px; bottom:0px; left:0; height:auto; width:100%;}
.pub-txt h3 {margin:0; }
.authorship {margin: 0.5em 0;}

.cat-links ul {margin:0; padding:0;}
.cat-links li {display:inline-block; list-style: none; border-right: 1px solid #eb6d2e; padding:0px 5px 0 0; text-align: left; font-size:13px;}
.cat-links li:last-child {border:none;}
.cat-links a {color:#eb6d2e;}
.cat-links h3 {font-size:13px; text-transform:none; font-family: 'open_sansregular'; color:#666; margin:8px 0 3px;}/* from 16px */
.exp-img, .exp-txt {}

.exp-img { padding-left:0;}
.exp-img img {width:100%;}

.expert-item {margin-bottom:20px;} /*ELD - removed padding-left:30px; so images can align*/
.expert-item .boxes img {width:30%; margin-right:15px; height:auto; float:left; }
.exp-txt {padding/*-left*/:0;}
.exp-txt h3 {margin-top:0;font-size:20px;}
.exp-txt h3 a {color:#006857;}

#box-134 img{height: 172px;overflow: hidden;}
.cta-item {position:relative; margin-bottom:15px;}
.cta-item p, .cta-txt p {margin:0;}
.cta-txt {background:#006857; position:absolute; bottom:0; left:0; padding:10px 5px; /*margin:0 15px;*/ left:15px; right:15px;}
.cta-txt h3 {margin:0;}
.cta-txt h3 a {color:#fff; font-size: 19px;}
.cta-arrow {background:url(../images/green-cta-arrow.png) no-repeat; height:20px; width:37px; position:absolute; top: -18px; left:30px}

.green-title {display:block; color:#fff; background:#006857; padding:15px 15px; margin-bottom:15px;}
.green-title a {color:#fff;}

#media-area {background:#77787A; padding:15px 0; height:auto; color:#fff;margin-top:30px; }
#media-area h2 a {color:#fff;}
#home-events {margin-bottom:40px;}
#home-event a {color: #f59972;}
p.event-date {color: #fff; font-size: 16px;}
.evnt-item {border-right:1px solid #fff;}
.evnt-item:last-child {border:none;}
.evnt-info a {color:#f59972;}
.evnt-info p span {font-style: italic;}

.time-stamp2 {
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
  margin: 1em 0;}
.age-msg {
    font-size: .8em;
    margin: .5em 0;
}
.event-info2 .attend {
  border: 1px solid silver;
  float: right;
  margin: 10px;
  padding: 5px;
  background-color: #F7F7F7;
}


#about-baker a {color: #f59972;}

.autocomplete-suggestions {background: #FFF; border: solid 1px #ccc; border-width: 0 1px 1px 1px; padding: 2px;}
.autocomplete-suggestion.autocomplete-selected {background: #fafafa;}
.autocomplete-suggestion strong {color:#eb6d2e;text-decoration:underline;}

/*.boxes iframe { position: absolute; left: 0;} ELD - top: 0; width: 100%; height: 100%;*/

.vid-box {margin-bottom:15px; padding:0;}
.resource-box {padding:0;}
.resource-box p a {display:block;}

.abt-item {float:left; padding: 0px;}
.abt-txt {padding: 0px 0px 0px 10px; color:#fff;}
.abt-txt a {color: #eb6d2e;}

.abt-img p {width:100%;}
.abt-img p img {width:100%; height: auto;}

footer {padding:15px 0 0; margin-top:30px;}

.foot-nav {font-size:12px;}
.foot-nav a {color:#006857;}
.foot-nav h4 {color:#eb6d2e; font-size:16px;}
#main-links {text-align: center; color:#999; border-top:1px solid #999; padding:15px 0; margin-top:15px;}
#main-links ul {margin:0; padding:0;}
#main-links ul li {list-style: none; display:inline-block;}
#main-links ul li a {color:#999;}

#feat-vid iframe{height:315px;}

/* youtube videos */
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embed-container {padding-bottom: 56.25%;}
.embed-container.featured {padding-bottom: 49%;padding-top: 49%;}


.featured .img-responsive{max-width:270px;padding-right:2px;}
.restricted-use {left: 0; padding: 0 15px; position: absolute; top: 0; z-index: -1;}


/*--------------------
DEFAULT / INTERIOR
----------------------*/
.content img, .research_content img, .event-wrap .info img {max-width: 730px;height: auto;}
/*.t .page-wrap { margin-top: 30px; }*/
#sub #interior-content .content {padding-top: 30px;}/*ELD - adds top space without interfering how the other pages are setup*/

#interior-content h1 {color:#eb6d2e;}
.sub .t .page-wrap a { color:#eb6d2e;}

#sub .t {width: 100%;}

.t h1, .t h1 a {font-size: 30px;}
.t h2, .t h2 a {font-size: 24px;}
.t h3, .t h3 a {font-size: 20px;}

table .t h2 {margin-bottom: 0px !important;} /*ELD - adjusts margin-bottom for within table*/
.tn-responsive .img-responsive {width: 95%;}

.form-field.reminder {
border: solid 1px #d8d8d8;
font-size: 1.2em;
font-weight: bold;
display: inline-block;
padding: .5em;
background-color: #F5FFF6;
}

input#id_registration {display: none;}
input#id_registration + label {display: none;}

img[src="/static/images/default-photo.jpg"] {
    opacity: 0;
}

span.drugsinfo {z-index: 999;display: inline-block;position: absolute;top: 0;left: 0;background-color: #FFF;width: 100%;height: 100%;opacity: 0;}
span.drugsinfo:hover {opacity: .8;font-size:1.6em;margin-top: 40px}
a.slide.bennettChart.cboxElement {position: relative;display: inline-block;text-align: center;}

/*--------------------
CENTER FOR ENERGY STUDIES
-------------------*/
#experts h2 a {color:#eb6e2e;}
.exp-txt p a {color:#eb6e2e;}

.pub-item .pub-txt h3, .pub-item .pub-txt h3 a {color:#fff; text-decoration:none;font-size: 20px; line-height:1.4;}

.ces-resources {border-top: 10px solid #D0D1D3; padding-top: 15px;}
.ces-resources h4 a {background:#006857; color:#fff; padding:10px 15px; text-transform: uppercase; margin:15px 0 0 5px; font-size: 24px}
.ces-resources .resource {width:49%; margin-right:3px; float:left;}
.ces-resources .resource .view-btn {padding: 15px 10px 15px;}

#view-events h4 a {display:block;}
.expert-box {margin-bottom:15px; margin-left:17px;}

.scholar-img {margin-left: 0px; padding-left: 0px;}
.scholar-img img {margin-right:15px;}

.scholar-text {float:left;  width:65%;}
.scholar-text h4 a {color:#006857; font-size:22px; margin-bottom:6px;}
.scholar-text a { color:#eb6e2e; }

.ces-news {border-top:10px solid #D0D1D3; padding-left:0; padding-top: 15px;} /*ELD removed -  margin-left:17px flow with bootstrap theme*/
#experts .ces-news h2 {color:#eb6e2e; margin-left:0;}

.ces-news-item {margin-bottom:10px;}
.ces-news-item p a {color:#eb6e2e;}
.ces-news-item p {margin-bottom:3px;}

.ces-cal {border-top: 10px solid #D0D1D3; padding-top:15px; color:#eb6e2e;}
.ces-cal a {color:#eb6e2e;}


/*--------------------
EXPERT CONTENT
-------------------*/
a[href*="/biography/"] {
background-image: url("../images/pdficon-small.gif");
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
}

/*ul#module-tabs.tabs {
    width: 100%;
    float: left;
}*/
/*--------------------
CENTER FOR MIDDLE EAST
-------------------*/
#mid-east-content #experts {padding-bottom: 15px;}

.mid-east-pages {border-top: 10px solid #d0d1d3; padding-top:20px;}
.page-box h2 {color:#006857; font-size:24px; margin-left:0;}
.mid-east-pages h2 {color:#006857; font-size: 16px;line-height:1.4em;}
.mid-east-pages div:first-child {padding-left: 0;}
#feeds .page-box h2 {margin-left:0;}
/*.page-box p a { color:#fff; background:#006857;
    margin-top: 15px;
    padding: 9px 15px 6px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;}*/
/*ELD - targets "p a" to avoid background color of other linked elements within box*/
.page-box iframe, .pub-item iframe {height: 250px; width: 100%;}
.study-img iframe {height: 215px;}
.boxes img { height: auto;} /*width: auto;*/

/*ELD - REMOVED .link-bank { padding-left:30px;}*/
.feat-person, .twitter-feed {} /*padding-left:30px;*/
.feat-person .twitter-feed {width: 100%;}
.twitter-feed iframe {margin: auto; display: block; position: relative;}
.twitter-feed h2 {color: #fff;}
.twitter-feed-border{border-bottom:10px solid #D0D1D3;padding: 0 0 15px 0}
#center-mid-east .feat-person {margin-left:0;}
#center-mid-east .feature-wrap {padding-right:0;}

/* SUB NAV */
.template-nav {background: #dbdcde; }
.template-nav ul {margin:0 auto; padding:0; height:50px; text-align: center; padding-top:10px; padding-bottom:10px; }
.template-nav ul > li {display:inline-block; float:left; color:#fff;  height:25px; width:auto;  text-align: center; border-right:1px solid #999;}
.template-nav ul > li:last-child {border-right:0;}
.template-nav ul > li > a{background: transparent; display:block; padding:0px 25px; color:#999; line-height: 26px; font-size:21px; text-transform: uppercase; text-align: center; }/*ELD - was padding: 0px 30px*/
.template-nav ul > li:hover > a{ color:#eb6e2e; background: transparent;}
.template-nav .nav > li > a:hover, .template-nav .nav > li > a:focus {background: transparent;}

.template-nav ul > li > ul { display:none; position:absolute; top:27px; background: #dbdcde; height: auto; width:auto; z-index:150; }
.template-nav ul > li > ul  > li{ text-align:left; height:auto; padding: 4px 0; background: #dbdcde;; float:none; margin:0; width:auto; border:none;}
.template-nav ul > li:hover > ul {display:block; position:absolute; z-index:105; bottom: 20px; width:auto; padding: 0;}
.template-nav ul > li:hover > ul > li {display:block; width: auto;}
.template-nav ul > li > ul > li > a{ display:block; padding:3px 10px; text-align:left; line-height:18px; border:none;width:275px; font-size: 16px;}
.template-nav ul > li > ul > li:hover > a{ text-decoration:underline; background: transparent;}

.feature-wrap .readmore a {padding-left: 15px; text-transform: uppercase; color: #006857;}
.feat-person {color:#fff; background:#D0D1D3; padding:15px;} /*ELD - margin-left:30px;*//*#77787a*/
.feat-person h2 {margin-top:0;}
#feeds .green-btn {font-family:'bonvenocflight';display:block; background:#006857; color:#fff; text-transform: uppercase; padding:15px 15px; font-size:18px; margin-bottom:15px; }
#feeds .grey-btn { display:block; background:#ccc; color:#006857; text-transform: uppercase; padding:2px 15px; margin-top:15px;}


/*-------------------
CHINA STUDIES 
-------------------*/

#studies h2 a {color:#eb6e2e;}
#studies .study-item {
    border-bottom: 1px solid #d0d1d3;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 25px;
  width: 100%;
}
/*#studies .study-wrap:last-child {
    border-bottom: 10px solid #d0d1d3;
}*/
/*.study-wrap {margin-bottom: 25px;}*/

.study-item {margin:0;}
.study-item img {padding-left:0;}

.study-item h3 {color:#eb6e2e; text-transform:uppercase;}
.study-item h4 {/*color:#eb6e2e;*/ color:#666; font-family: 'open_sansregular'; text-transform: none; font-size:14px;}
.study-item p {color:#666; /*font-size: 13px;*/} /*ELD - was 14px*/
.study-txt {padding/*-right*/:0;}
.study-txt h3 a {font-family: 'bonvenocflight';letter-spacing:-1px;}
/*.study-txt p a {padding: 3px; background:#F5F5F5;border:solid #DFDFDF 1px;}*/

.template-resources {border-top: 10px solid #D0D1D3; margin-top: -25px;} /*ELD - has negative margin-top to compensate for unabling to get rid of border of last item*/
.template-resources h2 {color:#006857; padding-top: 20px;}
.template-resources h3 {font-size: 24px; color:#006857; margin-bottom: 16px; padding-top: 20px;} /*ELD - changed font-size from 26 to 24 to have it fit within bootstrap widths*/
.template-resources h4, .vid-box h4, .resource-box h4 {color: #006857; font-size: 20px;}
.template-resources .vid-box, .template-resources .resource-box  {/*float: left; margin-right: 20px; width: 255px;*/} /*ELD - helps boxes to an equal width*/
#box-44 iframe{height:250px;}

.prog-info h2 {margin-top:0; color: #fff;}
.prog-info {color:#fff; background:#77787a; padding:15px;}
.prog-info p a {display:block; background:#ccc; color:#006857; text-transform: uppercase; padding:2px 15px; margin-top:15px;}

.fellows-scholars .expert-item {margin-left: 0px; padding-left: 0px;} /*ELD added*/

.spotlight { margin: 20px 0; }
.spotlight h2 {color:#006857;}

.carousel-wrap {position:relative; height:152px; border-top:1px solid #006857; border-bottom:1px solid #006857;}
.carousel img {padding:10px 5px 0;}
#next {background:url(../images/left-btn.png) no-repeat; height:150px; position:absolute; width:50px; z-index:100; left:0; cursor: pointer; }
#prev {background:url(../images/right-btn.png) no-repeat; height:150px; position:absolute; width:50px; z-index:100; right:0; top:0; cursor: pointer;}

/*-----------------------
DRUG POLICY
-----------------------*/
.dtnTitle {background-color:#EFEFEF;padding: 3px;}
.dtnDL {float:right;}
/*-----------------------
SCIENCE & TECH POLICIES
-----------------------*/

/*galleria box*/
#galleria {margin-right: 0px !important;}
#galleria .boxes {height: 250px;}
.galleria-info-title a {font-size: inherit !important;}
.galleria + .config {display: none;}

/*-----------------------
PDGP - Public Diplomacy
-------------------------*/
iframe#twitter-widget-0 {width: 100% !important; margin: auto; display: block;}
  
/*-----------------------
MEXICO CENTER
------------------------*/
#center-resources {border-top: 10px solid #D0D1D3; padding-top: 15px;}
#center-resources .page-box h2 {color: #006857;} /*featured boxes titles*/
/* adjustment for multiline headlines under featured event */
/*#box-57 p + p {padding: 9px 10px 6px; background-color: #006857;}
#box-57 p + p a {background-color: transparent; padding: 0;}*/
/*-----------------------
LATIN AMERICA INITIATIVE
------------------------*/
#box-118 .study-txt h3 {margin: 8px 0 3px 0;padding: 0;}

    .profiles p img {
      float: left;
      margin: auto .5em auto auto;
    }
    
    .profiles {
      display: table;
    }
    .profile {
      display: table-row;
    }
    .profile p {
      display: table-cell;
      padding: 0 0 1em 0;
    }
    
    .profiles .profileName {
      display: block;
      margin: auto .5em auto auto;
      font-family: 'bonvenocflight';
      text-transform: uppercase;
      color: #eb6d2e;
    }

/*----------------------
STUDENT FORUM / LANDING PAGE
----------------------*/

/*Landing Page Program rotator*/
#program-rotator-wrap {height:230px; margin-bottom:20px; }
#program-rotator {  height: 230px; overflow: hidden; margin: 0 auto 24px; }

#program-rotator .rotator-item { height: 230px; overflow: hidden; position:relative;} /*ELD changed width: 1180px to width: 100%*/

#program-rotator .rotator-image { height: 230px; }
#program-rotator .pro-rotator-content {
  width: 640px;
  /*height: 40px;*/
  background: none repeat scroll 0 0 rgb(0, 0, 0);
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 46px; /*ELD - was 70px*/
  padding: 25px 20px 15px; }
#program-rotator .pro-rotator-content h2 a { font-size: 33px; text-transform: uppercase; color: #fff; } /*ELD - was 45px*/
#program-rotator .pro-rotator-content h2 a:hover { color: #ff9f6f; text-decoration: none; }

#program-pager-wrap{height: 230px;position:relative;}

#program-research #research-item { float: left;  margin-bottom: 25px;}
#program-research #research-text {float: left; }
#program-research #research-text p { font-size: 13px;}
#program-research #research-img img {width: 100%;}
#program-research #research-img {padding-left: 0px; padding-right: 0px;}
.readmore { background: none repeat scroll 0 0 #cccccc; width: 100%;}

/*border*/
#program-research #research-item {border-bottom: 1px solid #d0d1d3; float: left; padding-bottom: 10px; margin-bottom: 20px;}
#program-research #research-item:last-child {border-bottom: 10px solid #d0d1d3;}

/*resources*/
#program-resources #resource-title h3 { color: #006857;  font-size: 26px; margin-bottom: 16px;}
#program-resources h4, h4 a {margin: 0px;}
#program-resources #resource-vid, #program-resources #current-events {padding-left: 0px;} /*ELD overrides bootstrap padding-left*/
#program-resources #resource-vid h4, #program-resources #current-events h4 {color: #006857; font-size: 20px;}


#program-about, .prog-info {
    background: none repeat scroll 0 0 #77787a;
    margin-bottom: 20px;
    padding: 15px;
}

#program-about p {
    color: #fff;
    float: left;
}

#program-about .readmore a { dislay: block; color: #006857; text-transform: uppercase; padding: 2px 15px;}

#program-about h2, #program-about h2 a {
    color: #fff;
    font-size: 32px;
    line-height: 34px;
}

div#research-item {width: 100%;} /*adjusts width for box*/

.view-btn h4 a {
    color: #fff;
    font-size: 22px;
}


.view-btn {
    background-color: #006857;
    /*height: 35px;*/
    margin-bottom: 20px;
    padding: 20px 15px 10px;
}

.view-btn h4 a:hover {
 color: #eb6d2e;
 text-decoration: none;
}



/*--------------------
    EVENTS 
----------------------*/
.event-wrap .info {width: 65%;}
.event-wrap .vitals {width: 30.5%;}

/*--------------------
DEFAULT SIDEBAR
-------------------*/
.side-bar h2:first-child, .baker-tweets h2 {font-size: 30px;}

.expert_sidebar h3, .expert_sidebar h3 a, .expert_sidebar h3 a:visited {
    border: medium none;
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
}

.pad {padding:0 15px;}
.side-bar { background:#77787A; padding: 0; float: right; clear: right;}/*ELD - was padding: 40px 0px 0px 0px;*/
.side-bar h2 {color:#fff;}
.side-bar li {color:#fff; }

.side-bar .side-view-more {display:block; background:#CCCCCC; color:#006857; padding:2px 15px; text-transform:uppercase; margin-top:15px;}

.side-green-btn {
    background: #006857 url("../images/events-sidebar.jpg") no-repeat right center;
    display: block;
    line-height: 34px;
    padding: 10px 13px 10px 20px;
    text-transform: uppercase;
}

h3 > a.side-green-btn {color: #fff; margin-bottom: 13px; font-size: 22px;}

.green-btn-last {
    background: #006857 url("../images/events-sidebar.jpg") no-repeat right center;
    color: #fff;
    display: block;
    padding: 11px 13px 7px 20px; /*10px 13px 10px 20px*/
    text-transform: uppercase;
    margin-top: 15px;
}

.green-btn-last h3 a {color: #fff; font-size: 22px; line-height: 34px;}

.green-btn {
    background: #006857;
    margin-bottom: 15px;
    padding: 14px 20px 8px;}

.green-btn h3 a {color: #fff;}

.research-item {padding-bottom:10px; margin-bottom: 25px; border-bottom:1px solid #ececec;}
.research-item h3 {font-size: 16px;}
.research-item p {color:#fff;}
.group-link {color:#eb6d2e;}

.research-links a {color:#fff; display:block;}

.search-item h2 a {color:#eb6d2e;}
.blog-wrap, .twitter-wrap, .side-video {
    margin-bottom: 15px;
    padding: 0 20px;
}
.side-video iframe {
    height: 200px;
    width: 100%;
}

/* Top Level */

.side-menu {background:#CCCCCC; color:#006857; margin-bottom: 15px;}
.side-menu ul {margin:0; padding:0; height:auto;}
.side-menu ul > li {list-style: none; display:block; height:auto; text-transform: uppercase;  font-family: 'open_sansregular', arial, helvetica, sans-serif; position:relative;}
.side-menu ul > li > a{ color:#006857; padding:15px 0px 15px; display:block; font-size:20px;}
.side-menu ul > li:hover > a{text-decoration: underline;}

/* Second Level */
.side-menu ul > li > ul { display:none; position:absolute; bottom:0;}
.side-menu ul > li > ul  > li{ width: 100%; text-align:left; height:auto; padding: 4px 0;  background:#CCCCCC; display:block; }
.side-menu ul > li:hover > ul {display:block; position:absolute; z-index:105; top:58px;}
.side-menu ul > li:hover > ul > li {display:block;}
.side-menu ul > li > ul > li > a{ display:block; padding:6px 10px 8px; line-height:18px; color:#006857;}
.side-menu ul > li > ul > li:hover > a{text-decoration: underline;}

/*--------------------
EXPERTS SIDEBAR
-------------------*/
.side-events h2:first-child, .baker-tweets h2 {font-size: 30px;}
.side-events h2 a {color:#fff; }
.side-events h2 a:hover {text-decoration: underline;}
.side-events h3 a {font-size:30px;}
.side-events h4 a {color:#f59972;} 
.side-events p {color:#fff;}
.side-events p a {color: #f59972;}
.side-events ul {margin:0; padding:0;}
.side-events li {list-style:none;}
.side-events .readmore,
.side-events .readmore a{color:#006857;  margin: 8px 0px 25px; text-transform: uppercase;}

.side-events .event-date {font-family: 'open_sansbold';}
.side-evnt-item {margin-bottom:15px;}


/*--------------------
RESEARCH SIDEBAR
-------------------*/
.featured-expert {margin-bottom:20px; min-height:150px; }
.featured-expert h3 {color:#eb6d2e;}
.featured-expert h4 {color: #F59972;}
.featured-expert p {color:#fff;}
.featured-expert img {float:left; margin: 0 10px 10px 0; }
.featured-expert .side-view-more { margin-top:10px; margin-bottom:25px;}


/*--------------------
{{ STATIC_URL }} SIDEBAR CSS  - RESEARCH MODULE - search-sidebar.html
-------------------*/
.side-bar { margin-bottom: 10px; padding-top: 40px;}
.side-bar a { color: #f59972;}
#sidebar-research { margin-bottom: 10px; padding: 20px;}
#sidebar-research h2 {
    color: #fff;
    font-size: 30px;
}
.research_content, .research_sidebar {margin: 0px !important;}

.research-links {padding: 0px 20px 30px 20px;} /*ELD - changed 15px to 20px to align with buttons margins/padding*/
.research-links a  {color: #fff;}

.search-item {padding: 10px 10px 0 10px;} /*global item*/

.research_sidebar {background:#77787A; color:#fff; padding-left:0; padding-right:0; padding-bottom:0;}

.research_sidebar #expert-wrap {padding: 10px 20px 0px 20px;} /*ELD- chnaged to align with button margins/padding*/

.research_sidebar .side-events {padding:0 15px;}
#side-research-item {padding-bottom: 30px;}
#expert-wrap .section-header {color:#fff; border:none;}
#expert-wrap .readmore { background:#ccc; color:#006857; text-transform:uppercase; display:block; padding-left: 10px 15px 0px 15px; margin: 5px 0px 25px;}
#expert-wrap .readmore a {color:#006857;}

.exp-info img {float:left; margin-right:15px; margin-bottom:15px;}
.exp-info {}
.exp-info h2 {color:#eb6d2e; margin-top:0; font-size:24px;}
.exp-info p {color:#fff; font-size:13px;}

h3 > .section_header {padding: 0px auto;}

/*--------------------
MULTIMEDIA SIDEBAR
-------------------*/
#videos-sidebar {width: 30%; float: right;}
#sidebar-wrap  { background:#fff;}
.cat-list {padding: 0 15px;}
.cat-list h2 {color:#f59972;}
.sidebar-wrap .side-bar {padding-top:5px;}


/*-------------------
MODULE MASONRY
---------------------*/
.masonry { /* Masonry container */     
  -moz-column-count: 3;     
  -webkit-column-count: 3;     
  column-count: 3;     
  -moz-column-gap: 1em;    
  -webkit-column-gap: 1em;     
  column-gap: 1em; }

.masonry-item { 
  /* Masonry bricks or child elements */     
  background-color: transparent;     
  display: inline-block;        
  margin: 0 0 1em;     
  width: 100%; }


/*--------------------
STAFF MODULE CSS
-------------------*/
/*#interior-content .content .t { width: 100%; padding: 30px 0px 0px 0px;}ELD - content where staff text is held*/
/*#interior-content .content {padding-top: 30px;} padding for content only. avoids the sidebar*/
.member-info h4 a {color:#eb6d2e;}
.member-info p {color:#77787A;}
.staff-item-wrap{margin-bottom:30px; min-height:auto;}
.wrap-search-item .staff-item {padding:0;}
.staff-search-wrap-list .wrap-search-item {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 20px;
    margin-right: 40px;
    width: 200px;
    min-height: 150px;
}/* cp added .staff... 330-336*/


/*-------------------
NEWS MODULE
--------------------*/
.news-wrap .wrap-search-item {
    border-bottom: 1px solid #CCC;
    margin: 10px 10px 20px;
  }
.news-wrap .wrap-search-item .t-meta-data {padding: 10px 10px 5px; margin: 10px 0 0 0; font-size: 13px;}
.news-search-item {padding: 10px 10px 0 10px;}

/*--------------------
VIDEO MODULE CSS
-------------------*/
.video-wrap {
     margin-top:30px;/*cp add space above video */
     margin-bottom:20px; /* was 30px */
     height:400px; /*cp add height */
    
}
  
.video-wrap h3{
     color:#eb6d2e;
     font-size:20px;
     min-height:50px; /*cp add height */
  line-height: 1.3;
text-transform: uppercase; /*ELD - added replaced 'none' with 'uppercase' */
font-size: 1.1em;
font-family: "open_sansregular";
margin: .5em 0;
}

/*------------------
FORMS CSS
-------------------*/
form .form-field {
    margin-bottom: 15px;
}
form .form-field .label label {
    font-size: 16px;
    margin-bottom: 2px;
    color: #555;
  }
form input[type="submit"] {
    margin-top: 0;
    padding: 3px 4px;
    cursor: pointer;
}
.form-control {
  border-radius: 0px;
}

/* -----------------
T-META DATA
-------------------*/
.t-meta-data {margin: 0;} /* ELD - removes left margin caused by ul, ol styles. */
.t-meta-editor-bar {clear: both;} /*ELD - This prevents editor bar from overlapping into content */
.event-wrap .t-meta-data > li:first-child {
    /*display: none; */
}

/* SELECT NAV */ 
.selectnav {
display: none; 
width: 100%;
}
.tabs .menu-dropdown, .tabs .dropdown-menu {top:33px;}
div.dropdown-menu {min-width:325px;}

.t .forms-entries-entry, .t .forms-entries-entry a {
font-family: sans-serif;
text-transform: none;
font-size: 1em;
line-height: 1.4;
color: #555;
}

/* small screen */ 
@media screen and (max-width: 600px) {   
.js #nav-ul-3,
.js #nav-ul-4,
.js #nav-ul-6,
.js #nav-ul-8,
.js #nav-ul-11 { display: none; }  
.js .selectnav { display: block; }

#selectnav1 {font-family: 'open_sansregular'; border:1px solid #666; margin-bottom:30px;display:none;}

#selectnav1 option {
background:#fff;
padding:3px 10px;
color:#666; 

text-transform:uppercase;
 
}

#selectnav2{margin:0 0 1em 0;}
.template-nav{background: transparent !important;}

#selectnav2x,
#selectnav3,
#selectnav4{background:transparent; border:none; text-transform:uppercase; color:#666; 
font-family: 'bonvenocflight';}

#selectnav2x option,
#selectnav3 option,
#selectnav4 option{
background:#fff;
padding:5px 10px;
color:#999; 
font-family: 'bonvenocflight';
text-transform:uppercase;
}

.nav-placeholder {height: 40px;}

.rotator-text {padding: 10px;}
.rotator-text h2 {margin: 0px;}
.rotator-text h2 a {margin:0 20px 0 0; font-size: 18px;display:inline-block;line-height:1.4;}
#pager span{line-height:14px;}

#box-134, .cta-item img{display:none;}
.cta-item .cta-txt a{font-size:1em;line-height:1.2;}
.cta-item .cta-txt{position:relative;margin:0;padding:15px;left:0;}
.cta-item .cta-arrow{display:none;}

h2, h2 a {font-size:1.25em;}

select, input, textarea, button { border:solid #CCCCCC 1px; }

.addthis_sharing_toolbox {
    float: left;
    margin: 1em 1em 0 0;
}

#module-tabs {display:none;}
.mean-container .mean-bar {position:fixed;}


/*--------------------
STAFF
-------------------*/

.staff-search-wrap-list .wrap-search-item {
float: none;
margin-right: 0;
width: auto;
min-height: initial;
}

#studies .study-item {margin-bottom: 0;}
.study-item img{margin-right: 1em;}

.study-item h3, .study-item h3 a {text-transform:capitalize; font-family:sans-serif;font-size: 1.1em; letter-spacing:0;font-family:"open_sansregular", sans-serif;}

} 


/*--------------------
MOBILE STYLES 
-------------------*/

@media (min-width: 320px) and (max-width: 460px){
.content img, .research_content img, .event-wrap .info img {
  max-width: 320px;height: auto;
}
/*.event-wrap .event-info {margin: 0 !important;}
.event-wrap div.time-stamp {width: 100% !important;margin:inherit !important;}*/
.study-item img {padding:0;}.study-item img{margin-right: 1em;}

#search{clear:both;float:none;width:100%;padding: 0;}
#logo {margin-top:50px;}
.ballot li form{width:100%;}
.exp-txt {/*padding-left:15px;*/}
#nav-wrap {background: none transparent;}
.head-icons {float:none; margin-top:15px;width:auto;}
.head-icons a {margin-right:5px;}
#head-right form {float:none;}
.donate-btn {margin-top:15px;}
#social form input {/*width:100%;*/}
#social form input[type=text] {width:100%;}

.pub-txt h3 a {font-size:16px; display:block; line-height:auto;}

.scholar-img {width:100%; float:none; height:auto; margin-right:0;}
.ces-resources .resource {width:100%; display:block; margin-right:0;}

#studies .study-wrap {padding-bottom:10px; /*margin-bottom: 25px;*/}
.study-img img {margin-bottom:5px;}
.study-txt {padding:0;}
/*.study-txt p {font-size: 13px;}*/
.study-img {padding:0;}

.scholar-text {padding-right:15px;}
.ces-resources .resource {width:100%;}


.masonry { /* Masonry container */     
  -moz-column-count: 1;     
  -webkit-column-count: 1;     
  column-count: 1;     
  -moz-column-gap: 1em;    
  -webkit-column-gap: 1em;     
  column-gap: 1em; }

}


@media (min-width: 320px) and (max-width: 500px) {

.study-item img {padding:0;}.study-item img{margin-right: 1em;}
.pub-txt h3 a { display:block; line-height:1.4;}
.ces-resources .resource {width:100%;}
.study-txt {padding:0;}
.study-img {padding:0;}
.nav-placeholder {display:none;}

.masonry { /* Masonry container */     
  -moz-column-count: 2;     
  -webkit-column-count: 2;     
  column-count: 2;     
  -moz-column-gap: 1em;    
  -webkit-column-gap: 1em;     
  column-gap: 1em; }


}


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

.study-item img {padding:0;} .study-item img {margin-right:1em;}
.evnt-item {border:none;margin-bottom:1em;}
.abt-txt {padding:0;}
#publications .pub-item-wrap:nth-child(even) {margin: 0 0 1.5em 0; padding:0 10px 20px 0;}
#publications .pub-item-wrap:nth-child(odd) {margin: 0 0 1.5em 0; padding:0 0 0 10px;}

#logo {margin-top:50px;}
#navigation ul > li > a {font-size:14px;}
#navigation ul > li {margin-bottom:5px; margin-right:35px;}

.template-nav {margin-top:0px;}
.study-txt {padding:0;}
.study-img {padding:0;}

#program-research #research-text {padding-left: 0;}

/*LANDING PAGE*/
#program-rotator .pro-rotator-content {width: 100%; bottom: 10px;}
#program-rotator .pro-rotator-content h2 a { font-size: 20px;}
.featured .img-responsive{min-height:250px;max-width: none;padding-right:0;}
.study-img iframe {min-width: 100%; min-height:25rem;}
}

@media (min-width: 768px) and (max-width: 991px) {

.study-item img {padding:0;}.study-item img{margin-right: 1em;}
#publications .pub-item-wrap:nth-child(even) {margin: 0 15px 0 -15px}
#publications .pub-item-wrap:nth-child(odd) {margin: 0 15px 0 -15px}

#utility-nav ul > li > a {font-size:14px;}

#navigation ul > li > a {font-size:18px;}
#navigation ul > li {margin-bottom:5px; margin-right:35px;}

.template-nav {margin-top:0px;}
.template-nav ul > li > a {padding:0px 8px; font-size:16px;} /*ELD - changed from padding: 0px 10px to adjust Mexico Center*/
#asia-studies .template-nav ul > li > a {padding:0px 12px;}
#logo {position:relative; z-index:200;}

/*LANDING PAGE*/
#program-rotator .pro-rotator-content {width: 100%; bottom: -14px;}
#program-rotator .pro-rotator-content h2 a { font-size: 28px;}

.featured .img-responsive{min-height:250px;max-width: none;padding-right:0;}

.study-img iframe {min-width: 330px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#box-44 iframe{height: 198px}
.pub-item .pub-txt h3, .pub-item .pub-txt h3 a {color:#fff; text-decoration:none;font-size: 15px; line-height:1.2;}
#utility-nav ul > li > a {font-size:14px;}
#navigation ul > li > a {font-size:22px;}
#navigation ul > li {margin-bottom:5px; margin-right:55px;}
.template-nav {margin-top:0px;}
.template-nav ul > li > a{ padding:0px 18px; font-size:18px;} /*ELD - changed from padding: 0px 18px to adjust Mexico Center*/
#asia-studies .template-nav ul > li > a { padding:0px 24px; }
#logo {position:relative; z-index:200;}
.head-icons{min-width:35%;}

.study-img iframe {max-width: 175px;max-height: 175px;}

}


.liveStream {
  width: 500px;
  height: 312px;
}