html{
	height: 100%;
}
body{
	margin:0;
	padding: 0;
	background:#013f75;
	height: 100%;
	min-width: 988px;
	position: relative;
	color: #363636;
	font-family: "proxima-nova", Arial, san-serif;
}
img{
	display: block;
	border: 0;
}
img.pull-left {
    float: left;
    margin: 6px 12px 12px 0;
}

img.pull-right {
    float: right;
    margin: 6px 0 12px 12px;
}
a{
	color: #f58220;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
    /*color: #a80532;*/
}
#page-wrapper{
	/*max-width:1554px;*/
	width: 100%;
	/*background: url(/assets/img/bg-page.png) repeat-y 50% 0;*/
	min-height: 100%;
	margin: 0 auto 0;
}
#page{
	min-width: 988px;
    width: 100%;
	/*max-width: 1500px;*/
	margin: 0 auto;
}
.visible-phone
{
    display: none;
}
@media screen and (max-width: 1500px) {
	#page {
		padding: 0;
	}
}
.wrapper-center{
	width:988px;
	margin: 0 auto 0;
}
#header{
	width:100%;
	min-width: 988px;
	position: fixed;
	top: 0;
	left:0;
	z-index: 2000;
	overflow: hidden;
	height: 119px;
    background: #004684;
}
div.header-wrapper{
	min-width: 988px;
	max-width: 1500px;
	overflow: hidden;
	height: 119px;
	margin: 0 auto;
}
#header #logo{
	width:237px;
	float: left;
	margin: 0;
	border-top:6px solid #a80532;
}
#header #logo a{
	display: block;
	width: 233px;
	height: 53px;
	margin: 32px 0 0 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/assets/img/logo.png) no-repeat;
}
#header div.block{
	float:right;
	margin: 13px 0 0 0;
}

#header .hidden-dev
{
    display: none;
}

.dev #header .hidden-dev
{
    display: block;
}


#header div.social ul{
	float:left;
	margin:3px 0 0 5px;
	padding:0;
	list-style: none;
}
#header div.social ul li{
	float:left;
	padding: 0 6px;
}

#header div.social a{
	width:24px;
	height:23px;
	overflow:hidden;
	display: block;
	text-indent: -9999px;
	background: url(/assets/img/bg-social-header.png) no-repeat;
}
#header div.social a.facebook{
	background-position:0 0;
}
#header div.social a.facebook:hover{
	background-position:0 -23px;
}
#header div.social a.twitter{
	background-position:-28px 0;
}
#header div.social a.twitter:hover{
	background-position:-28px -23px;
}
#header div.social a.vimeo{
	background-position:-58px 0;
}
#header div.social a.vimeo:hover{
	background-position:-58px -23px;
}

#header div.social a.linkedin{
	background-position:-86px 0;
}
#header div.social a.linkedin:hover{
	background-position:-86px -23px;
}


#header .search,
mobile-menu-wrapper .search{
	margin-right:1px;
	background: #105694;
	position: relative;
}
#header .search label,
#mobile-menu-wrapper .search label{
	position: absolute;
	top: 0;
	left: 28px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}

#mobile-menu-wrapper .search label
{
    top: 24px;
    left: 38px;
}
#header .search .form-item
{
	float: right;
}
#mobile-menu-wrapper .search .form-item {
	float: none;
    width: 100%;
}
#header .search input.form-text,
#mobile-menu-wrapper .search input.form-text{
	width: 203px;
	height: 28px;
	padding: 0;
	font-family: "proxima-nova", Arial, san-serif;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	float: right;
	background: none;
	border: 0;
}
#mobile-menu-wrapper .search input.form-text
{
    /*width: 85%;*/
    width: auto;
    margin-left: 93px;
    float: none;
    font-size: 16px;
}

#header .search input.form-submit,
#mobile-menu-wrapper .search input.form-submit{
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url(/assets/img/bg-form-icons.png) no-repeat;
	border :0;
	font-size: 12px;
	text-indent: -9999px;
	float: right;
}

#mobile-menu-wrapper .search input.form-submit
{
    float: none;
    position: absolute;
    top: 22px;
    left: 10px;
}

#mobile-menu-wrapper .search
{
    padding: 22px 15px;
    overflow: hidden;
    background: #105694;
}

#header div.block ul.menu{
	margin:0;
	list-style: none;
	padding: 0 1px 0 0;
	float: left;
}
#header div.block ul.menu li{
	float: left;
	padding: 0 4px 0 0;
}
#header div.block ul.menu a{
	font-size: 12px;
	line-height: 28px;
	float: left;
	background: #013f75;
	color: #568fc1;
	text-transform: uppercase;
	font-style: italic;
	text-decoration: none;
	padding: 0 14px;
}
#header div.block ul.menu a:active,
#header div.block ul.menu a:hover,
#header div.block ul.menu a.active{
	background: #252525;
	color: #fff;
}
#main-menu{
	margin: 10px 0 0;
	padding: 0;
	clear: right;
	float: right;
	list-style: none;
}
#main-menu li{
	float:left;
	padding-left: 2px;
}
#main-menu li a{
	float:left;
	font-size: 18px;
	line-height: 24px;
	color: #eabd33;
	text-decoration: none;
	padding: 22px 15px;
}
#main-menu li a.active,
#main-menu li a:hover,
#main-menu li a:active{
	padding-bottom:16px;
	color: #fff;
	border-bottom: 6px solid #a80532;
}
#intro{
	margin: 0 auto;
	width: 100%;
	position: relative;
	min-width: 988px;
}
#intro.centered
{
    max-width: 1500px;
}
#intro img{
	display: block;
}
#slider,
#slider-swipe,
#slider-swipe > div{
	width: 100%;
	height: 430px;
	overflow: hidden;
	min-width: 988px;
}
#intro div.images{
	position: absolute;
	height: 430px;
	overflow: hidden;
	max-width: 1500px;
	width: 100%;
	min-width: 988px;
	margin: 0;
	left:0;
	top: 0;
}
#intro div.images img{
	display: block;
	margin: 0;
	position: absolute;
	left: 50%;
	margin-left: -750px;
}
#intro div.images div.item,
#intro div.images div.slider{
	width: 100%;
}
#intro div.wrapper-center{
	position: relative;
	z-index: 200;
}
#intro div.text{
	width: 423px;
	padding: 23px 40px 0 21px;
	margin: 81px 0 0;
	height: 249px;
	background: #fff;
	float: left;
}
#intro div.nav{
	float: left;
	margin: 82px 0 0 21px;
}

#intro.swipeable .nav-wrapper
{
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
}

#intro.swipeable div.nav{
	float: none;
	margin: 0 auto;
    width: 998px;
}

#intro.swipeable .cycle-slideshow
{
    position: relative;
    z-index: 100;
}
#intro div.nav a.prev,
#intro div.nav a.next,
#intro .cycle-prev,
#intro .cycle-next{
	width: 32px;
	height: 32px;
	background: url(/assets/img/btn-sliders-visual.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 19px;
	display: block;
}

#intro.swipeable div.nav .cycle-prev,
#intro.swipeable div.nav .cycle-next
{
    margin: 0 0 19px 504px;
}

#intro div.nav a.next,
#intro .cycle-next{
	background-position: 0 -32px;
}
#intro div.text .tag{
	background: #252424;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	padding: 0 9px;
	margin: 0 0 20px;
	text-transform: uppercase;
	line-height: 21px;
}
#intro div.text h2{
	font-size:36px;
	line-height: 36px;
	color: #a80532;
	margin: 0 0 16px;
	font-weight: 300;
}
#intro div.text h2 strong{
	font-weight: 600;
}
#intro div.text p{
	font-size: 18px;
	line-height: 21px;
	color: #555;
	margin: 0 0 17px;
}
#intro div.text a.button{
	display:inline-block;
	font-size: 14px;
	line-height: 18px;
	color: #105694;
	padding-left:19px;
    margin: 0;
	font-weight: 600;
	text-decoration: none;
	background: url(/assets/img/btn-link.png) no-repeat 0 0;
}
#main{
	width:100%;
	min-width:988px;
	padding: 119px 0 0;
	overflow: hidden;
}
#mission{
	width:100%;
	min-width:988px;
	background: #105694;
	overflow: hidden;
}
#mission div.block{
	margin: 33px 0 51px;
	border-left:1px solid #222121;
	padding: 0 0 0 34px;
}

#mission div.scroll
{
    background: url(/assets/img/btn-scroll-down.png) center bottom no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto 51px auto;
    cursor: pointer;
}

#mission p{
	font-size:21px;
	line-height: 36px;
	color: #fff;
	margin: 0;
	font-weight: 300;
}
#mission p a{
	color: #eabd33;
	text-decoration: none;
}
#mission p a:hover{
	text-decoration: underline;
}
#mission p strong{
	font-weight: 700;
}
#sign-up{
	width: 100%;
	min-width: 988px;
	overflow: hidden;
	background: #013f75;
}
#sign-up div.block{
	width: 100%;
	height: 64px;
	overflow: hidden;
	position: relative;
}
#sign-up div.message{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	padding: 16px 0;
	height: 32px;
	background: #013f75;
	font-size: 14px;
	line-height: auto;
	color: #3c90d8;
	text-transform: uppercase;
	display: none;
}
#sign-up div.message p,
#sign-up div.message h2{
	display: inline;
	margin: 0;
	font-weight: 400;
	float: none;
	font-size: 16px;
	line-height: 32px;
}
#sign-up div.message h2{
	color: #fff;
}
#sign-up div.form h2{
	font-size: 16px;
	line-height: 32px;
	margin: 16px 0 0;
	font-weight: normal;
	color: #3c90d8;
	text-transform: uppercase;
	float: left;
}
#sign-up div.form form{
	float:right;
	margin: 18px 0 0;
}
#sign-up div.form  label{
	position: absolute;
	top: 0;
	left: 35px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}
#sign-up div.form div.form-item{
	float:left;
	width:258px;
	padding: 0 0 0 35px;
	height: 28px;
	position: relative;
	background: #105694 url(/assets/img/bg-form-icons.png) no-repeat 3px -28px;
}
#sign-up div.form input.form-text{
	display: block;
	padding: 0;
	border: 0;
	width:258px;
	height: 28px;
	color: #fff;
	background: none;
}
#sign-up div.form input.form-submit{
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url(/assets/img/bg-form-icons.png) no-repeat 0 -56px;
	border :0;
	text-indent: -9999px;
	float: right;
}
#main-content{
	width: 100%;
	min-width: 988px;
	overflow: hidden;
	padding-bottom: 59px;
}
#main-content.home
{
    background: url(/assets/img/bg-main-content-home.png) top center no-repeat #004684;
}
#main div.publications-urban h2,
#main div.press-block h2,
#main .publications h2,
#main .initiatives h2,
#main .events h2{
	font-size: 12px;
	line-height: 21px;
	background: #252424;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 9px;
}
#main div.block .title{
	width:100%;
	overflow: hidden;
	margin-bottom: 19px;
}
#main div.block a.prev,
#main div.block a.next{
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 0 0 9px;
	background: url(/assets/img/btn-sliders.png) no-repeat;
}
#main div.block a.next{
	background-position: -16px 0;
}
#main .events{
	margin: 49px 0 0;
}
#main .events .slider-item{
	width: 232px;
	margin: 0 20px 0 0;
}
#main .events .event{
	width:190px;
	padding: 0 21px;
	overflow: hidden;
	white-space: normal;
	height:232px;
}

#main .events .event
{
    height: 292px;
}

#main .events-listing .event{
	background: #fff;
}
#main .events-listing .event .bar{
	width: 8px;
	min-height: 150px;
	/*float: left;*/
    position: absolute;
    left: 0;
    top: 0;
}
#main .events-listing .event.lecture .date{
	color: #2b2c2c;
}
#main .events-listing .event.lecture .bar,
#main .events .event.lecture{
	background: #2b2c2c;
}

#main .events-listing .event.book-talk .date,
#main .events-listing .event.film .date{
	color: #4b4c4c;
}

#main .events-listing .event.book-talk .bar,
#main .events .event.book-talk,
#main .events-listing .event.film .bar,
#main .events .event.film{
	background: #4b4c4c;
}

#main .events-listing .event.conferences .date{
	color: #97052e;
}
#main .events-listing .event.conferences .bar,
#main .events .event.conferences{
	background: #97052e;
}
#main .events-listing .event.webinars .date{
	color: #186ab2;
}
#main .events-listing .event.webinars .bar,
#main .events .event.webinars{
	background: #186ab2;
}
#main .events-listing .event.general .date{
	color: #023867;
}
#main .events-listing .event.general .bar,
#main .events .event.general,
#main .events .event.panel{
	background: #023867;
}
#main .events-listing .event.anniversary .date{
	color: #e39603;
}
#main .events-listing .event.anniversary .bar,
#main .events .event.anniversary{
	background: #e39603;
}
#main .event .date{
	font-size: 48px;
	line-height: 48px;
	margin: 20px 0 0;
	font-weight: 100;
	color: #eabd33;
}

#main .event .category
{
    display: block;
    font-size: 12px;
	line-height: 18px;
	color: #9e9c9c;
	text-transform: uppercase;
	margin: 20px 0 0;
    height: 38px;
}


#main .event .time{
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	/*margin: 46px 0 0;*/
    margin: 34px 0 0;
}

#main .events-listing .event .time
{
	color: #a1a1a1;
}

#main .event h3{
	font-size: 18px;
	line-height: 18px;
	color: #eabd33;
	font-weight: normal;
	margin: 5px 0 0;
}
#main div.press-item h3 a,
#main .publication h3 a,
#main .initiative h3 a{
	color: #eabd33;
	text-decoration:none;
}

#main .event h3 a{
	/*color: #eabd33;*/
	text-decoration:none;
}

#main .slider-item .event h3 a{
	color: #eabd33;
	text-decoration:none;
}

#main .event.anniversary h3 a{
	color: #636363;
	text-decoration:none;
}

#main div.press-item h3 a:hover,
#main .publication h3 a:hover,
#main .initiative h3 a:hover,
#main .event h3 a:hover
{
    text-decoration: underline;
    /*color: #a80532;*/
}
#main a.all{
	display:inline-block;
	background: url(/assets/img/btn-link.png) no-repeat 0 -18px;
	line-height: 18px;
	font-size: 14px;
	color: #eabd33;
	margin: 13px 0 0;
	padding-left: 22px;
	text-decoration: none;
}
#main a.all:hover
{
    text-decoration: underline;
}
#main div.publications,
#main div.initiatives{
	width: 232px;
	float: left;
	margin: 48px 0 0;
}
#main div.publications{
	margin-left: 20px;
}
#main div.initiatives div.slider{
	width:100%;
	height: 485px;
	overflow: hidden;
	background: url(/assets/img/bg-initiatives.jpg) no-repeat;
}
#main div.initiatives div.slider.no-bg{
	background: none !important;
}
#main .initiative{
	padding: 188px 21px 0;
	height: 297px;
	width: 190px;
	position: relative;
	background: #053259;
}
#main .initiative .image{
	position: absolute;
	top: 0;
	left: -50px;
	z-index: 1;
	opacity:.15;
	overflow: hidden;
}
#main .initiative .image img{
	height: 485px;
}
#main .publication .tag,
#main .initiative div.tag{
	position: absolute;
	z-index: 5;
	color: #898989;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	left: 21px;
	top: 22px;
	right: 21px;
	font-weight: 600;
}

#main .initiative div.text{
	position: relative;
	z-index: 5;
}

.dev #main .publication .tag
{
    display: none;
}

#main .initiative div.tag span:nth-child(n+2){
	display: none;
}

#main .publication h3,
#main .initiative h3{
	font-size: 18px;
	line-height: 18px;
	color: #eabd33;
	margin: 0 0 18px;
	font-weight: normal;
}
#main .publication h3 a,
#main .initiative h3 a{
	color: #eabd33;
}
#main .publication p,
#main .initiative p{
	font-size: 14px;
	line-height: 15px;
	color: #fff;
	margin: 0 0 11px;
}
#main div.publications div.slider{
	width:100%;
	height: 485px;
	overflow: hidden;
	background: #053259;
}
#main .publication{
	padding: 0 24px 0;
	height: 485px;
	width: 184px;
	position: relative;
}
#main .publication div.image{
	width: 232px;
	margin: 0 -24px 16px;
	height: 202px;
	overflow: hidden;
}

#main .publication div.image
{
    width: 185px;
    margin: 20px 0;
    height: auto;
}

.publication div.image img
{
    width: 100%;
}


#main .publication p.author{
	color: #898989;
}

.dev #main .publication p.author + p
{
    display: none;
}

#main div.press-block{
	width: 482px;
	float: left;
	margin: 48px 0 0 20px;
}
#main div.latest-press{
	margin: -20px -18px 0 0;
}
#main div.press-item{
	width: 232px;
	margin: 20px 18px 0 0;
	height: 137px;
	float: left;
	position: relative;
	background: #053259;
}
#main div.press-item div.date{
	position: absolute;
	bottom: 17px;
	padding: 0 22px;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #898989;
	font-weight: 600;
}
#main div.press-item h3{
	font-size: 18px;
	line-height: 18px;
	color: #eabd33;
	margin: 0;
	padding: 0 22px;
	font-weight: normal;
	position: absolute;
	left: 0px;
	bottom: 47px;
}
#main-content div.twitter{
	width: 484px;
	margin: 49px 0 0;
	float: right;
}
#main div.tweet{
	padding: 0 0 0 84px;
	background: url(/assets/img/bg-tweet.png) no-repeat 0 0;
}
#main div.tweet p{
	margin:0;
	font-size:24px;
	line-height: 30px;
	color: #fff;
	font-weight: 300;
}
#main div.tweet a{
	color: #fff;
	text-decoration: none;
}
#main div.tweet a:hover{
	text-decoration: underline;
}
#footer{
	margin: 0;
	width: 100%;
	min-width: 988px;
    padding-top: 50px;
	padding-bottom: 60px;
	overflow: hidden;
    background-color: #004684;
}
#footer div.footer-top,
#footer div.footer-bottom{
	width:100%;
	overflow:hidden;
}
#footer .copyright{
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-weight: 600;
}
#footer div.menu{
	float: right;
}
#footer ul.menu{
	float: left;
	margin: 0 -40px 0 0;
	padding: 0;
	list-style: none;
}
#footer ul.menu li{
	float: left;
	font-size: 14px;
	line-height: 21px;
	background: url(/assets/img/bg-footer-menu.png) no-repeat 0 50%;
	padding: 0 40px 0 4px;
}
#footer ul.menu li a{
	color: #eabd33;
	text-decoration: none;
}
#footer ul.menu li a:hover{
	text-decoration: underline;
}
#footer .copyright p{
	margin:0;
}
#footer div.contact{
	float: left;
	width: 232px;
	margin: 19px 0 0;
}
#footer div.contact p{
	margin:0;
	font-size:14px;
	line-height: 21px;
	color: #fff;
}
#footer a.logo{
	display:block;
	width:162px;
	height: 36px;
	background: url(/assets/img/logo-footer.png) no-repeat;
	text-indent: -9999px;
	margin: 28px 0 0;
	overflow: hidden;
}
#footer div.power{
	float:right;
	margin: 35px 0 0;
	padding: 11px;
	background: #053259;
}
#footer div.power img{
	display:block;
}
#footer div.social{
	background: #085191;
	margin: 35px 20px 0 0;
	padding: 32px 16px 32px 20px;
	float: right;
}
#footer div.social h2{
	float:left;
	color:#fff;
	margin: 0;
	padding-right: 10px;
	font-size: 14px;
	line-height: 32px;
	font-weight: 600;
}
#footer div.social ul{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
}
#footer div.social ul li{
	float:left;
	padding: 0 6px;
}


#footer div.social ul li.dev-hide{
    display: none;
}

.dev #footer div.social ul li.dev-hide{
    display: block;
}

#footer div.social a{
	width:32px;
	height:32px;
	overflow:hidden;
	display: block;
	text-indent: -9999px;
	background: url(/assets/img/bg-social.png) no-repeat;
}
#footer div.social a.facebook{
	background-position:0 0;
}
#footer div.social a.facebook:hover{
	background-position:0 -32px;
}
#footer div.social a.twitter{
	background-position:-43px 0;
}
#footer div.social a.twitter:hover{
	background-position:-43px -32px;
}
#footer div.social a.vimeo{
	background-position:-87px 0;
}
#footer div.social a.vimeo:hover{
	background-position:-87px -32px;
}

#footer div.social a.linkedin{
	background-position:-130px 0;
}
#footer div.social a.linkedin:hover{
	background-position:-130px -31px;
}

#intro div.image{
	width: 100%;
	min-width: 988px;
	overflow: hidden;
	position: absolute;
	left:0;
	top:0;
	opacity:.3;
}

#intro div.image img:nth-child(n+2){
	display: none;
}

#intro div.text-block{
	width: 100%;
	min-width: 988px;
	overflow: hidden;
	background: #a80532;
	min-height: 220px;
}
#intro.general div.text-block{
	background: #105694;
}
#intro.general.instruction div.text-block{
	background: #a80532;
}
#intro div.image img{
	display: block;
	margin: 0;
	position: relative;
	left: 50%;
	margin-left: -750px;
}
#intro div.navigation{
	float: left;
	width: 200px;
	margin: 84px 0 0;
	padding-bottom: 23px;
}
#intro div.navigation ul{
	margin:0 0 30px;
	padding:0;
	list-style:none;
	border-top: 1px solid #940622;
}
/*#intro.general div.navigation ul{
	border-top: 1px solid #004684;
}*/
#intro div.navigation ul li{
	font-size:14px;
	line-height: 35px;
	border-bottom: 1px solid #940622;
	font-weight: 600;
}
#intro.instruction div.navigation ul
{
    border-top: 1px solid #940622 !important;
}
#intro.instruction div.navigation ul li{
	font-size:14px;
	line-height: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #940622 !important;
}
#intro.general div.navigation ul{
	border-top: 1px solid #004684;
}
#intro.general div.navigation ul li{
	border-bottom: 1px solid #004684;
}
#intro div.navigation ul li a{
	color: #fff;
}
#intro div.text-block div.content{
	float: right;
	padding: 86px 0 23px 52px;
	width: 736px;
}
#intro div.text-block div.content.past.event{
	background: url(/assets/img/icn-sash.png) 100% 0 no-repeat;
}
#intro span#sash{
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	background: url(/assets/img/icn-sash.png) 100% 0 no-repeat;
}
#intro div.text-block div.date{
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	margin: 0 0 36px;
	color: #eabd33;
}
#intro div.text-block .twenty-first-century-book-series div.date{
    display: none;
}
#intro div.text-block div.author{
	font-size: 14px;
	line-height: 18px;
	color: #710120;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 34px;
}
#intro div.text-block div.meta{
	font-size: 14px;
	line-height: 18px;
	color: #a1a1a1;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	overflow: hidden;
	margin: 0 0 34px -8px;
}
#intro div.text-block div.meta div.time{
	float: left;
	color: #fff;
	padding: 0 12px;
	margin: 0 0 0 -4px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
}
#intro div.text-block div.meta div.location{
	float: left;
	padding: 0 12px;
	margin: 0 0 0 -4px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
}
#intro.general div.text-block div.author{
	color: #013f75;
}
#intro div.text-block div.author strong{
	font-weight: 600;
	color: #ccc;
}
#intro div.text-block h1{
	font-size:36px;
	line-height:36px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 34px;
}
#intro div.intro-text h1{
	font-size: 48px;
	line-height: 36px;
	margin: 76px 0 0;
	font-weight: normal;
}
#intro.general.instruction div.text-block h1{
	/*float: right;*/
	font-size: 36px;
}
#intro div.intro-text p{
	margin: 25px 0 0;
	font-size: 21px;
	line-height: 36px;
	color: #fff;
}
#content .border img{
	border: 8px solid #e1e1e1;
	width: 100%;
	box-sizing: border-box;
}
#content div.image{
	margin: 6px 0 20px;
}
#content div.image.Left
{
    float: left;
    margin: 6px 20px 20px 0;
}
#content div.image.Right
{
    float: right;
    margin: 6px 0 20px 20px;
}

#content div.image p.caption {
	color: #858383;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5em;
	margin-top: 10px;
}

.white{
	background:#fff;
}
#sidebar{
	float:left;
	width: 204px;
	margin: 86px 0 0;
}
#sidebar-right{
	margin: 86px 0 0;
}
div.sidebar a.view{
	background:#a1a1a1 url(/assets/img/btn-view.png) no-repeat 20px 50%;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 25px 0 40px;
	font-weight: 600;
	text-decoration: none;
}
div.sidebar a.view:hover
{
    background-color: #c3c1c1;
}
div.sidebar a.view:active
{
    background-color: #898989;
}

div.sidebar div.block{
	width: 100%;
	overflow: hidden;
	margin-bottom: 80px;
}
div.sidebar div.block p{
	font-size: 14px;
	line-height: 18px;
	color: #636363;
	margin: 0 0 5px
}
div.sidebar div.block h2{
	font-size:12px;
	line-height: 18px;
	color: #111;
	padding: 3px 0;
	font-weight: 700;
	margin: 0 0 5px;
	text-transform: uppercase;
}
div.sidebar div.block h3{
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	margin: 0;
}
div.sidebar div.events-block h3{
	display: inline;
}
div.sidebar div.block div.listing{
	width: 100%;
	overflow: hidden;
}
div.sidebar div.block div.text{
	padding: 9px 0;
}
div.sidebar div.block div.listing div.item{
	width: 100%;
	overflow: hidden;
	padding: 9px 0;
	border-bottom: 1px solid #ebebeb;
	font-size: 14px;
	line-height: 18px;
}
div.sidebar div.block div.date{
	font-size: 24px;
	line-height: 24px;
	color: #898989;
	font-weight: 300;
	margin:0 0 6px;
}
div.sidebar div.block div.time{
	display:inline;
	color: #959595;
	font-weight: 600;
}
div.sidebar div.block.people h3{
	display: inline-block;
	line-height: 36px;
}
div.sidebar div.block div.photo{
	float:left;
	margin: 0 10px 0 0;
	border:3px solid #ebebeb;
}
#content{
	float:right;
	width:736px;
	margin: 80px 0 0;
	padding-bottom: 99px;
}
#content div.body{
	font-size: 18px;
	line-height: 30px;
	color: #363636;
}
#content div.body p{
	margin: 0 0 20px;
}

#content div.body img {
		max-width: 100%;
		height: auto;
	}

#content div.body a.button{
	background:#a1a1a1 url(/assets/img/btn-intro.png) no-repeat 20px 50%;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	margin: 38px 0 0;
	padding: 0 25px 0 40px;
	font-weight: 600;
	text-decoration: none;
}
#content div.body a.button:hover
{
    background-color: #454545;
}
#content div.body a.button:active
{
    background-color: #000;
}
#content div.body a.button-back{
	background:#a1a1a1 url(/assets/img/btn-view.png) no-repeat 20px 50%;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	margin: 38px 0 0;
	padding: 0 25px 0 40px;
	font-weight: 600;
	text-decoration: none;
}
#content div.body a.button-back:hover
{
    background-color: #454545;
}
#content div.body a.button-back:active
{
    background-color: #000;
}
#twitter{
	width: 100%;
	min-width: 988px;
	overflow: hidden;
	background: #105694;
}
#twitter div.tweet{
	background-image:url(/assets/img/bg-tweet-inner.png);
	min-height: 44px;
}
#twitter div.block{
	padding: 66px 0;
}
#sort{
	width:100%;
	min-width: 988px;
	background: #fff;
	overflow: hidden;
	padding: 56px 0;
}
#sort .wrapper-center{
    position: relative;
}
#sort div.filters{
	width:100%;
	overflow:hidden;
	font-size: 18px;
	line-height: 27px;
	color: #7d7d7d;
}
#sort .filters .sort-order a
{
    margin: 0;
}

/*#sort .filters .sort-order
{
    display: inline-block;
    position: relative;
    overflow: hidden;
}*/
#sort div.filters span.label{
	float: left;
}
#sort div.filters div.sorting{
	padding-left: 85px;
	margin: -10px 0 0;
	vertical-align: top;
}
#sort div.sub-filters{
	margin: 13px  0 0;
	padding: 13px 0 0;
	border-top:1px solid #e1e1e1;
	display: none;
}
#sort div.sub-filters a,
#sort div.filters a,
#sort .clear{
	display:inline-block;
	font-size: 18px;
	line-height: 27px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	background: #a1a1a1;
	padding: 0 8px;
}
#sort div.filters a{
	margin: 10px 0 0;
}
#sort .clear
{
    position: absolute;
    top: 0px;
    right: -55px;
    background: #013f75;
}

#sort .clear-new {
	/*position: absolute;
	top: 72px;
	right: 0;
	background: #013f75 !important;*/
    float: right;
    background: #838282 !important;
}
#sort div.filters a.selectBox{
	box-shadow: none;
	border: 0;
	height: 27px;
	vertical-align: inherit;
	border-radius: 0;
}
#sort div.filters a.selectBox:hover{
	background: #a1a1a1;
}
#sort div.filters a.selectBox span.selectBox-label{
	padding: 0;
}
#sort div.filters a.selectBox span.selectBox-arrow{
	height: 27px;
}
#sort div.sub-filters a:hover,
#sort div.sub-filters a:active,
#sort div.sub-filters a.active,
#sort div.filters a:hover,
#sort div.filters a:active,
#sort div.filters a.active{
	background: #a80532;
}
#sort div.filters a.lecture:hover,
#sort div.filters a.lecture:active,
#sort div.filters a.lecture.active{
	background: #2b2c2c;
}
#sort div.filters a.book-talk:hover,
#sort div.filters a.book-talk:active,
#sort div.filters a.book-talk.active,
#sort div.filters a.film:hover,
#sort div.filters a.film:active,
#sort div.filters a.film.active{
	background: #707070;
}
#sort div.filters a.conferences:hover,
#sort div.filters a.conferences:active,
#sort div.filters a.conferences.active{
	background: #97052e;
}
#sort div.filters a.webinars:hover,
#sort div.filters a.webinars:active,
#sort div.filters a.webinars.active{
	background: #186ab2;
}
#sort div.filters a.general:hover,
#sort div.filters a.general:active,
#sort div.filters a.general.active{
	background: #105694;
}
#sort div.filters a.anniversary:hover,
#sort div.filters a.anniversary:active,
#sort div.filters a.anniversary.active{
	background: #e39603;
}
#people-filter{
	margin: 0;
	padding: 0;
}
#description{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 54px 0 0;
	padding-bottom: 46px;
}
#description h2{
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 4px;
	margin: 0;
	border-bottom: 1px solid #1a5991;
}
#description h2.animate{
	border-bottom-color:#004684;
}
#description div.content{
	width: 736px;
	display: none;
}
#description p{
	font-size:18px;
	line-height: 30px;
	color: #fff;
	margin: 0;
}
#description a.open{
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	right: 0;
	top: 10px;
	position: absolute;
	background: url(/assets/img/btn-description.png) no-repeat;
}
#description a.close{
	background-position:0 -9px;
}
#main ul.tabs{
	margin:0 0 38px -7px;
	padding:0;
	list-style:none;
	width: 100%;
	overflow: hidden;
}
#main ul.tabs li{
	float:left;
	padding: 0 12px 0 12px;
	margin-left: -5px;
	background: url(/assets/img/bg-tabs.png) no-repeat 0 50%;
}
#main ul.tabs li a{
	float:left;
	line-height: 21px;
	font-size: 12px;
	padding: 0 8px;
	color: #fff;
	text-transform: uppercase;
	background: #105694;
	text-decoration: none;
	font-weight: 700;
}
#main ul.tabs li a:hover,
#main ul.tabs li a:active,
#main ul.tabs li.active a{
	background: #252424;
}
#main #publications,
#main #projects{
	width: 1008px;
	margin: 0 -10px;
}
#main div.project{
	width: 440px;
	padding: 70px 22px 0;
	float: left;
	height: 215px;
	margin: 0 10px 20px;
	position: relative;
	background: #053259;
}
#main div.project div.tag{
	color: #898989;
	font-size: 12px;
	font-weight: 600;
	left: 22px;
	line-height: 18px;
	position: absolute;
	text-transform: uppercase;
	top: 22px;
}
#main div.project div.tag span:nth-child(n+2){
	display: none;
}
#main div.project div.image{
	width: 484px;
	height: 285px;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

#main div.project div.image img{
	opacity: 0.15;
}

#main div.project h3{
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px;
	font-weight: normal;
    color: #eabd33;
	position: relative;
	z-index: 5;
}
#main div.project h3 a
{
    color: #eabd33;
}
#main div.project p{
	font-size: 14px;
	line-height: 15px;
	color: #fff;
	margin: 0 0 11px;
}
#main #publications div.publication{
	padding: 26px 21px 0;
	width: 190px;
	background: #053259;
	height: 250px;
	float: left;
	margin: 0 10px 20px;
}
#main #publications .publication h3{
	margin-bottom: 13px;
}
#main #publications .publication p{
	margin: 0 0 8px;
}
#main #publications .publication p.author{
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
#main div.instructions{
	width: 1008px;
	overflow: hidden;
	margin: 0 -10px 0;
}

#main .wrapper-center div.instructions:first-child
{
    margin-top: 74px;
}

#main div.instructions div.instruction{
	width: 272px;
	float: left;
	padding: 0 22px 20px;
	margin: 20px 10px 0;
	background: #053259;
	position: relative;
}
#main div.instructions div.instruction div.image{
	width: 316px;
	margin: 0 -22px 25px;
}
#main div.instructions div.instruction:hover .image img{
	opacity: 1;
}
#main div.instructions div.instruction div.image img{
	opacity: 0.25;
}
#main div.instructions div.instruction div.tag{
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	position: absolute;
	top: 22px;
	left: 22px;
	color: #fff;
	font-weight: 600;
}
#main div.instructions div.instruction h3 a{
	color: #eabd33;
}
#main div.instructions div.instruction h3{
	font-size:18px;
	line-height:18px;
	color: #eabd33;
	font-weight: 400;
	margin: 0 0 11px;
}
#main div.instructions div.instruction p{
	font-size: 14px;
	line-height: 15px;
	color: #fff;
	margin: 0 0 10px;
}
div.sidebar ul.menu{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #ccc;
}
div.sidebar ul.menu ul{
	margin:9px 0 -8px;
	padding:0;
	width: 100%;
	display: none;
	overflow: hidden;
	list-style:none;
	border-top:1px solid #ccc;
}
div.sidebar ul.menu  > li{
	font-size: 14px;
	line-height: 18px;
	padding: 9px 0 8px;
	border-bottom:1px solid #ccc;
}
div.sidebar ul.menu ul > li{
	font-size: 14px;
	line-height: 18px;
	padding: 9px 0 8px 18px;
	margin: -1px 0 0;
	border-top:1px solid #f4f4f4;
}

div.sidebar ul.menu li.parent-active > ul,
div.sidebar ul.menu li.active > ul{
	display: block;
}
div.sidebar ul.menu > li > a{
	color: #363636;
	font-weight: 600;
}
/*
div.sidebar ul.menu li.active a,
div.sidebar ul.menu li a.active{
	padding-left: 18px;
}
*/
div.sidebar ul.menu li.active > a,
div.sidebar ul.menu li a.active{
	color: #a80532;
	/* background: url(/assets/img/bg-submenu-active.png) no-repeat 0 50%; */
}
/*#intro.instruction div.navigation ul.menu li.active
{
    padding: 10px 0 10px 18px;
}*/

#intro ul.menu li.active a,
#intro ul.menu li a.active{
	color: #eabd33;
    padding-left: 18px;
    /*margin-left: -18px;*/
	background: url(/assets/img/bg-submenu-active-fff.png) no-repeat 0 50%;
}
#intro ul.menu li a:hover
{
    color: #fae6ab;
}
div.sidebar ul.menu ul li a{
	color:#636363;
}
.two-sidebar #content{
	float: right;
	width: 484px;
	padding-right: 47px;
}
#sidebar-right{
	float: right;
	width: 205px;
}
#content div.body h2{
	font-size:18px;
	line-height:30px;
	color:#a80532;
	margin: 0 0 18px;
}
#content div.body div.member{
	width:100%;
	overflow:hidden;
	padding-bottom: 32px;
}
#content div.body div.head h3,
#content div.body div.member h3{
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	margin: 0;
	color: #363636;
}
#content div.member p{
	margin-bottom: 0;
}
#content ul.links{
	width:100%;
	overflow:hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#content ul.links li{
	float: left;
	padding: 0 8px 0 0;
}
#content ul.links a{
	float:left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/assets/img/bg-social-member.png) no-repeat;
}
#content ul.links a.email{
	background-position: 0 0;
}
#content ul.links a.website{
	background-position: -25px 0;
	width: 17px;
}
#content ul.links a.twitter{
	background-position: -49px 0;
	width: 20px;
}
#content ul.links a.linkedin{
	background-position: -76px 0;
}
#content div.body div.head{
	width: 100%;
	overflow: hidden;
	margin: 33px 0 18px;
}
#content div.body div.head h2{
	margin: 0;
}
#content div.photo{
	display: inline-block;
	border: 6px solid #ebebeb;
	margin:  0 0 8px;
}
#intro div.intro-text{
	width: 100%;
	overflow: hidden;
}
#intro div.info{
	float: right;
	width:203px;
	margin: 50px 0 0;
}
#intro div.info h2{
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 20px;
}
#intro div.info p{
	margin:0;
	font-size: 14px;
	line-height: 18px;
	color: #ccc;
}
#intro div.info p a{
	color:#f58220;
}
.grey{
	background:#ebebeb;
}
#main div.columns{
	width:1008px;
	margin: 72px -10px 0;
	padding-bottom: 50px;
	overflow: hidden;
}
#main div.column{
	width: 316px;
	float: left;
	margin: 0 10px;
}
#main div.column h2{
	font-size: 12px;
	line-height: 21px;
	background: #252424;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 20px;
	padding: 0 9px;
}
#main div.press{
	width:100%;
	height: 136px;
	margin-bottom: 20px;
	background: #e1e1e1;
	position:relative;
}
#main div.press h3{
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	margin: 0;
	padding-right: 22px;
	color: #a80532;
	position: absolute;
	left: 20px;
	bottom: 47px;
}
#main div.press h3 a{
	color: #a80532;
}
#main div.press div.date{
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #707070;
	font-weight: 600;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#content div.body strong{
	font-weight: 600;
}
#content div.body hr{
	height:1px;
	color:#e1e1e1;
	overflow: hidden;
	bottom: 0;
	margin:  0 0 20px;
}
#content div.info h2{
	font-size:14px;
	line-height: 21px;
	color: #363636;
	margin: 0 0 18px;
}
#content div.info p{
	font-size:14px;
	line-height: 21px;
	color: #636363;
}
#main div.publications-container{
	width: 1008px;
	margin:  63px -10px 0;
	overflow: hidden;
}
#main div.publication-item{
	float: left;
	position: relative;
	width: 232px;
	height: 200px;
	padding: 50px 0 0;
	background: #053259;
	margin:  20px 10px 0;
}
#main div.publication-item.urban{
	width: 484px;
}
#main div.publication-item div.image{
	width: 100%;
	position: absolute;
	left:0;
	z-index: 1;
	top:0;
}
#main div.publication-item img{
	opacity: 0.3;
}
#main div.publication-item div.tag{
	position: absolute;
	color: #898989;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	left: 20px;
	top: 20px;
	z-index: 2;
	font-weight: 600;
}
#main div.publication-item div.text{
	position: absolute;
	left: 0;
	width: 182px;
	bottom: 26px;
	z-index: 2;
	padding: 0 30px 0 20px;
}
#main div.publication-item.urban div.text{
	padding: 15px 20px;
	width: 248px;
	bottom: 30px;

}
#main div.publication-item.urban:hover img{
	opacity: 1;
}
#main div.publication-item.urban:hover div.text{
	background: #fff;
}
#main div.publication-item.urban:hover h3,
#main div.publication-item.urban:hover h3 a{
	color: #a80532;
}
#main div.publication-item.urban:hover div.meta{
	color: #363636;
}
#main div.publication-item h3{
	font-size: 18px;
	line-height: 18px;
	color: #eabd33;
	margin: 0 0 10px;
	font-weight: normal;
}
#main div.publication-item h3 a{
	color:#eabd33;
}
#main div.publication-item div.meta{
	color:#fff;
	font-size: 14px;
	line-height: 15px;
}
#main div.publications-urban div.publication-item{
	width: 100%;
	height: 294px;
	padding: 0;
	margin: 0;
}
#main div.publications-urban div.publication-item img{
	opacity: 1;
}
#main div.publications-urban div.publication-item div.text{
	width: 400px;
	padding: 25px 20px;
	left: 1px;
	bottom: 36px;
	background: #fff;
}
#main div.publications-urban div.publication-item h3{
	color:#a80532;
	font-size: 24px;
	line-height: 24px;
}
#main div.publications-urban div.publication-item h3 a{
	color:#a80532;
}
#main div.publications-urban div.publication-item div.meta{
	color:#363636;
	font-size: 14px;
	line-height: 15px;
}
#main div.publications-urban{
	margin: 70px 0 0;
	width: 100%;
	overflow: hidden;
}
#main div.column div.publication-item{
	margin: 0 0 20px 0;
	width: 316px;
	height: 165px;
	padding: 0;
}
#main div.column div.publication-item div.text{
	width: 266px;
	bottom: 20px;
}

#main div.publications-urban .main
{
    width: 652px;
    float: left;
}

#main div.publications-urban aside {
    width: 316px;
    float: right;
}

#main div.publications-urban aside h2
{
    margin-bottom: 19px;
}

#main div.publications-urban aside .column
{
    width: 276px;
    height: 254px;
    padding: 20px;
    background: url(/assets/img/bg-aside-col.png) 0 0 no-repeat;
    margin: 0;
}

#main div.publications-urban aside .column p
{
    color: #fff;
    margin: 0;
}

#main div.publications-urban aside .register,
#main .register
{
    /*background:#e39603 url(/assets/img/btn-register.png) no-repeat 118px 50%;*/
    background-position: 118px 50%;
    margin-top: 24px;
}

.listing #content{
	width: 652px;
}
.listing #sidebar{
	width: 232px;
}
#main #content div.press{
	min-height: 53px;
	height: auto;
	width: auto;
	margin:  0 0 6px;
	padding: 23px 20px 16px;
}
#main #content div.press h3{
	position: static;
	margin:  0 0 10px;
}
#main div.press div.meta{
	font-size: 12px;
	color: #a1a1a1;
	font-weight: 600;
	overflow: hidden;
	line-height: 18px;
	margin:0 0 0 -8px;
	text-transform: uppercase;
}
#main div.press div.meta div.date{
	position: relative;
	left: 0;
	top: 0;
	float: left;
	margin: 0 0 0 -4px;
	padding: 0 12px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
}
#main div.press div.meta div.author{
	float: left;
	margin: 0 0 0 -4px;
	padding: 0 12px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
}
#main div.press div.meta div.author strong{
	color: #707070;
	font-weight: 600;
}
#main div.pager{
	width:100%;
	overflow:hidden;
}
#main div.pager ul{
	margin:22px 0 0 -8px;
	padding:0;
	list-style: none;
}
#main div.pager ul li{
	float:left;
	font-size: 14px;
	line-height: 18px;
	color: #f58220;
	padding: 0 13px;
	margin: 0 0 0 -4px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
	font-weight: 600;
}
#main div.pager ul li a{
	color: #a1a1a1;
	font-weight: normal;
}
#main div.pager ul li.next,
#main div.pager ul li.previous{
	/*background: #fff;*/
    background: none;
	position: relative;
	z-index: 1;
	margin-right: -8px;
}
#main div.pager ul li.previous + li
{
    background: none;
}
#main div.pager ul li.next{
	margin-right: 0;
	margin-left: -10px;
}
#main div.pager ul li.next a,
#main div.pager ul li.previous a{
	width: 16px;
	text-indent:-9999px;
	height: 16px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	margin: 1px 0 0;
	background: url(/assets/img/btn-pager.png) no-repeat;
}
#main div.pager ul li.next a{
	background-position: -16px 0;
}
div.sidebar div.filter h2{
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
	font-weight: 400;
	color: #7d7d7d;
}
div.sidebar div.filter div.form-item{
	margin: 0 0 22px;
}
div.sidebar div.filter a{
	font-size: 14px;
	line-height: 27px;
	border: 0;
	border-radius: 0;
	height: 27px;
	color: #363636;
	font-weight: 600;
	background: #d7d7d7;
}
div.sidebar div.filter select{
	width:100%;
}
div.sidebar div.filter div.search-item{
	position: relative;
	width: 200px;
	overflow: hidden;
	padding: 0 0 0 32px;
	background: #ebebeb url(/assets/img/bg-search-sidebar.png) no-repeat 8px 50%;
	margin: 0 0 22px;
}
div.sidebar div.filter div.search-item label{
	position:absolute;
	top: 0;
	left: 34px;
	font-size: 14px;
	line-height: 27px;
	color: #363636;
}
div.sidebar div.filter .selectBox-dropdown .selectBox-label{
	padding: 0 0 0 9px;
}
div.sidebar div.filter .selectBox-dropdown .selectBox-arrow{
	background-position: 0 50%;
	background-image: url(/assets/img/selectbox-arrow-gray.png);
}
div.sidebar div.filter input.form-text{
	height: 27px;
	border: 0;
	padding: 0;
	float: left;
	color: #363636;
	font-family: "proxima-nova", Arial, san-serif;
	font-size: 14px;
	line-height: 27px;
	background: none;
	width: 177px;
}
div.sidebar div.filter input.form-submit{
	width: 16px;
	height: 16px;
	float: right;
	padding: 0;
	border: 0;
	margin: 4px 7px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url(/assets/img/btn-pager.png) no-repeat -16px 0;
}
#intro a.button{
	background:#252525 url(/assets/img/btn-intro.png) no-repeat 20px 50%;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	margin: 38px 0 0;
	padding: 0 25px 0 40px;
	font-weight: 600;
	text-decoration: none;
}
#intro a.button:hover
{
    background-color: #454545;
}
#intro a.button:active
{
    background-color: #000;
}
#main ul.events-view{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}
#main ul.events-view li{
	float: left;
}
#main ul.events-view li a{
	float:left;
	font-size:12px;
	line-height:21px;
	color: #a0a0a0;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background: #e1e1e1;
	padding: 0 9px;
}
#main ul.events-view li a:hover,
#main ul.events-view li a:active,
#main ul.events-view li a.active{
	color:#252525;
	background: #fff;
}
#main div.events-head{
	width:100%;
	overflow:hidden;
	margin: 80px 0 0;
}

#main div.events-head div.month{
	float: left;
	width: 400px;
}
#main div.events-head div.month h2{
	float: left;
	margin: 0;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	width:224px;
	font-weight: 300;
	color: #a80532;
}


#main div.events-head div.sub-head{
	float: left;
	width: auto;
}
#main div.events-head div.sub-head h2{
	float: left;
	margin: 0;
	font-size: 36px;
	line-height: 36px;
	text-align: left;
	width:auto;
	font-weight: 300;
	color: #a80532;
    padding-right: 18px;
    border-right: 1px solid #d7d7d7;
}

#main div.events-head div.month a.next,
#main div.events-head div.month a.prev{
	width:24px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	float: left;
	margin: 6px 0 0;
	background: url(/assets/img/btn-month.png) no-repeat;
}
#main div.events-head div.month a.next{
	background-position: -24px 0;
}
#main div.events-head div.select{
	float:right;
	margin: 7px 0 0;
}
#main div.events-head div.select a{
	font-size: 14px;
	line-height: 27px;
	font-weight: 600;
	color: #363636;
}
.selectBox-options li
{
    font-size: 14px;
    line-height: 16px;
}
#main div.events-head select{
	width:176px;
}
#main div.events-head .selectBox-dropdown .selectBox-arrow{
	background-position: 0 50%;
	background-image: url(/assets/img/selectbox-arrow-gray.png);
}
#main div.events-listing{
	width: 100%;
	overflow: hidden;
	margin: 75px 0 0;
}
#main div.events-listing div.event{
	width:100%;
	overflow:hidden;
	margin:0 0 4px;
    position: relative;
}
#main div.events-listing div.date{
	width:150px;
	float: left;
	margin: 0;
	padding: 22px 0 0 28px;
}
#main div.events-listing div.text{
	float: left;
	position: relative;
	width:663px;
	padding: 23px 147px 28px 0;
}
#main div.events-listing h3{
	margin-top: 6px;
}
#main div.event div.meta{
	margin:0 0 0 -8px;
	width: 100%;
	letter-spacing: 1px;
	overflow: hidden;
}
#main div.event div.meta div.time{
	margin:0 0 0 -4px;
	float: left;
	padding: 0 12px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
}
#main div.event div.meta div.location{
	float:left;
	color: #a1a1a1;
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	margin:0 0 0 -4px;
	padding: 0 12px;
	background: url(/assets/img/bg-meta-press.png) no-repeat 0 50%;
	text-transform: uppercase;
}
#main div.events-listing .anniversary h3 a,
#main div.events-listing h3 a{
	color: #636363
}
#main div.event.anniversary div.meta div.location{
	color: #e1e1e1;
}
#main div.event  a.register{
	position: absolute;
	right: 38px;
	top: 25px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 0 0 0 20px;
	background: url(/assets/img/btn-register.png) no-repeat 0 50%;
}
#main div.event  a.register.watch_video{
	top: 10px;
}

#main a.past-event{
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #a80532;
	margin: 46px 0 0;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: inline-block;
	background: url(/assets/img/btn-register.png) no-repeat 0 50%;
}
#main a.past-event:hover
{
    color: #a80532;
    text-decoration: underline;
}

#main a.date-toggle{
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #a80532;
	margin: -20px 0 0 0;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: inline-block;
	background: url(/assets/img/btn-register.png) no-repeat 0 50%;
    float: right;
}
#main a.date-toggle:hover
{
    color: #a80532;
    text-decoration: underline;
}

#main .sub-head a.date-toggle
{
    float: none;
    margin: 14px 0 0 16px;
    color: #8d8c8c;
}



#main div.events-listing div.event  a.register{
	color: #a80532;
}

#main div.events-calendar{
	width: 100%;
	overflow: hidden;
	margin: 38px 0 0;
}
#main div.events-calendar table{
	width:1002px;
	margin: 0 0 0 -7px;
}
#main div.events-calendar table th,
#main div.events-calendar table td{
	padding:0;
	width: 112px;
	padding: 0 12px;
}
#main div.events-calendar table th{
	font-size: 12px;
	line-height: 16px;
	color: #898989;
	font-weight: 700;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#main div.events-calendar table td{
	background: #fff;
	height: 161px;
	vertical-align: top;
}
#main div.events-calendar table td.other-month{
	background: #f2f2f2;
}
#main div.events-calendar table div.number{
	font-size: 24px;
	line-height: 24px;
	color: #a80532;
	font-weight: 400;
	margin: 6px 0 0;
}
#main div.events-calendar table div.day-content{
	margin: 8px 0 0;
}
#main div.events-calendar h3{
	margin:0 0 23px;
	font-size:12px;
	line-height: 15px;
	font-weight: 700;
}
#main div.events-calendar .lecture h3 a{
	color: #363636;
}
#main div.events-calendar .film h3 a{
	color: #898989;
}
#main div.events-calendar .conferences h3 a{
	color: #d70842;
}
#main div.events-calendar .webinars h3 a{
	color: #186ab2;
}
#main div.events-calendar .general h3 a{
	color: #105694;
}
#main div.events-calendar .anniversary h3 a{
	color: #e39603;
}
#content p a{
	color:#e39603;
	text-decoration: underline;
}
#content p a:hover{
	text-decoration: none;
    color: #a80532;
}
#content div.event-post h4{
	font-size: 12px;
	line-height: 30px;
	margin: 0 0 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #a80532;
	font-weight: 700;
}

a.register,
a.buy{
	font-size: 14px;
	line-height: 40px;
	font-weight: 600;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 0 36px 0 20px;
	background: #e39603 url(/assets/img/btn-register.png) no-repeat 118px 50%;
}
a.buy{
    background-position: 80% 50%;
}
a.buy.book{
    background-position: 80% 50%;
	width: 140px;
	text-align: center;
}
a.register:hover,
a.buy:hover
{
    background-color: #facd61;
}
a.register:active,
a.buy:active
{
    background-color: #e6a302;
}
#content div.video.border{
	display: inline-block;
	border: 8px solid #e1e1e1;
}
#content div.video iframe{
	display:block;
}
#intro div.past{
	width:118px;
	height:118px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index: 10;
	background: url(/assets/img/ico-past.png) no-repeat 0 0;
}
#sort div.alphabet{
	width: 915px;
	margin: 0 -12px 0 0;
	overflow: hidden;
}

#sort div.filters div.sorting {
	vertical-align: bottom;
}
#sort div.filters div.sorting a.sort{
    vertical-align: top;
}

#sort div.alphabet a{
	width: 26px;
	padding: 0;
	float: left;
	margin-right: 9px;
	text-align: center;
}
#sort select.type{
	width: 260px; /* 176px */
}
#sort select.interest{
	width: 272px;
}
#sort select.school{
	width: 594px; /* 477px */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sort select.interest{
		width: 270px;
	}
}
#sort div.search-item{
	width: 869px;
	margin: 10px 0 0;
	background: #ebebeb url("/assets/img/bg-search-sidebar.png") no-repeat 8px 50%;
	padding: 0 0 0 32px;
	position: relative;
	overflow: hidden;
}
#sort div.search-item label {
	color: #363636;
	font-size: 18px;
	left: 34px;
	font-weight: 600;
	line-height: 27px;
	position: absolute;
	top: 0;
}
#sort div.search-item input.form-text{
	height: 27px;
	border: 0;
	padding: 0;
	float: left;
	color: #363636;
	font-family: "proxima-nova", Arial, san-serif;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	background: none;
	width: 844px;
}
#sort div.search-item input.form-submit{
	width: 16px;
	height: 16px;
	float: right;
	padding: 0;
	border: 0;
	margin: 4px 7px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url(/assets/img/btn-pager.png) no-repeat -16px 0;
}
#main div.people-listing{
	width: 1008px;
	margin: 87px -10px 30px;
	overflow: hidden;
}
#main div.people{
	float: left;
	width: 232px;
	cursor: pointer;
	min-height: 250px;
	margin: -12px 10px 32px;
	position: relative;
    opacity: 1;
    z-index: 100;
}

#main div.people.no-results{
	width: 100% !important;
}

#main div.people div.image{
	width:100%;
	height: 250px;
	overflow: hidden;
    position: relative;
    z-index: 10;
    background: #023664;
}
#main div.people div.tag{
	position: absolute;
	left:10px;
	top: 22px;
	text-transform: uppercase;
	color: #ebebeb;
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
    opacity: 1;
    z-index: 100;
}
#main div.people div.name{
	position: absolute;
	left: 0;
	top: 200px;
	background: #252525;
    z-index: 100;
}
#main div.people h3{
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	padding:6px 10px 6px 10px;
	font-weight: normal;
	color: #eabd33;
}
#main div.people div.description{
	display: none;
}
#main div.people h3 a{
	color: #eabd33;
	text-decoration: none;
}
#main div.people img{
	opacity: 0.5;
}



#main #sidebar div.people h3{
	font-size: 14px;
	line-height: 14px;
    padding: 10px 10px 7px 12px;
}
#main #sidebar div.people h3 a
{
    color: #f58220;
}
#main #sidebar div.people img{
	opacity: 1;
	width: 30px;
}
#main #sidebar div.people.active img,
#main #sidebar div.people:hover img{
	opacity: 1;
	display: block;
}

#main div.people.active{
	background: url(/assets/img/bg-arrow.png) no-repeat 16px 100%;
	padding-bottom: 22px;
	margin-bottom: 10px;
}
#main div.people.active div.name{
	height: 50px;
	width: 100%;
	background: #fff;
}
#main div.people.active div.name h3{
	color: #a80532;
    padding-top: 12px;
}
#main div.people.active img,
#main div.people:hover img{
	opacity: 1;
	display: none;
}
#main div.people img.normal{
	display:none;
}
#main div.people.active img.normal,
#main div.people:hover img.normal{
	display:block;
}
#people-holder{
	width: 988px;
	background: #fff;
	float: left;
	padding: 0;
	overflow: hidden;
	display: none;
	margin: 0 10px 32px;
    position: relative;
}
#people-holder div.inner{
	padding: 0 20px;
	margin: 20px 0 20px;
	overflow: hidden;
	background: url(/assets/img/bg-people-holder.png) repeat-y 243px 0;
}
#people-holder div.about{
	width: 210px;
	padding: 0 10px 0 3px;
	float: left;
}
#people-holder div.about p{
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	margin: 0 0 10px;
}
#people-holder div.category{
	width: 241px;
	padding: 0 0 0 11px;
	float: left;
}
#people-holder div.bio{
	padding: 0 0 0 11px;
	width: 462px;
	float: left;
}
#people-holder ul.links{
	width:100%;
	overflow:hidden;
	list-style: none;
	margin: 0;
	padding: 22px 0 0;
}
#people-holder ul.links li{
	float: left;
	padding: 0 15px 0 0;
}
#people-holder ul.links a{
	float:left;
	width:28px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/assets/img/bg-social-people.png) no-repeat;
}
#people-holder a{
	color: #df9403;
	text-decoration: underline;
}
#people-holder a:hover{
	text-decoration: none;
}
#people-holder div.category ul{
	margin: 0 0 32px;
	padding: 0;
	font-size: 16px;
	line-height: 21px;
	list-style: none;
}
#people-holder div.category ul li{
	padding: 0 0 10px;
}
#people-holderul.links a.email{
	background-position: 0 0;
}
#people-holder ul.links a.website{
	background-position: -42px 0;
	width: 29px;
}
#people-holder div.bio p{
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 21px;
}
#people-holder h2{
	font-size: 12px;
	line-height: 21px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 9px;
	color: #a80532;
}
#people-holder ul.links a.twitter{
	background-position: -84px 0;
	width: 35px;
}
#people-holder ul.links a.linkedin{
	background-position: -135px 0;
	width:20px;
}
#people-holder .close-holder
{
    position: absolute;
    top: 16px;
    right: 20px;
    font-weight: 700;
    color: #a80532;
    text-decoration: none;
}
#main div.load-more{
	text-align: center;
}
#main a.load{
	font-size:18px;
	line-height: 18px;
	color: #eabd33;
	margin: 0 auto;
	padding-bottom: 30px;
	text-decoration: none;
	display: inline-block;
	background: url(/assets/img/btn-load-more.png) no-repeat 50% 100%;
}
#main div.column h2.no-background {
	background: none !important;
}
/* search results */

.listing.search-results #content
{
    float: none;
    width: 998px;
}

p.callout
{
    font-size:24px;
    font-weight:100;
    color:#eabd33;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:25px 0;
}

/* RECAP BLOCK */
.recap {
  background: #F9F9F9;
  border-left: solid #ddd 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.recap h2 {
    margin-bottom: 0px;
}

a.anchor{display: block; position: relative; top: -119px; visibility: hidden;}

.video_embed {
  padding: 20px;
  margin-bottom: 20px;
}

.publication-item.urbanlink-newsletters {
	background: url(/assets/img/bg-aside-col.png) 0 0 no-repeat !important;
}

.publication-item.urbanlink-newsletters p{
	color: #fff;
	margin: 0;
}

.publication-item.urbanlink-newsletters p{
	color: #fff;
	margin: 0;
}

.publication-item.urbanlink-newsletters .view-past-editions{
	font-size: 14px;
	line-height: 40px;
	font-weight: 600;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 0 36px 0 20px;
	background: #e39603 url(/assets/img/btn-register.png) no-repeat 118px 50%;
	background-position: 145px 50%;
	margin-top: 24px;
}

#content div.image {
	display: inline-block;
}

#content div.image .caption {
	display: block;
	padding: 17px 16px;
	background: #f7f7f7;
}

#content div.image .caption p {
	margin-bottom: 0;
	color: #636363;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
}

/* publications landing update: 2017/05/03 */

/* publications urban block */
#main div.publications-urban .main {
  overflow: hidden;
}
#main div.publications-urban aside .column {
  background: url("/assets/img/bg-penn-shield-20-o.png") 0 0 no-repeat #00315a;
}
#main div.publications-urban aside .column h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #eabd33;
  font-weight: normal;
  clear: both;
}
#main div.publications-urban aside .column p {
  padding-bottom: 32px;
}
#main div.publications-urban footer {
  overflow: hidden;
  clear: both;
  padding: 18px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#013f75+0,003b6f+100 */
  background: #013f75;
  /* Old browsers */
  background: -moz-linear-gradient(left, #013f75 0%, #003b6f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #013f75 0%, #003b6f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #013f75 0%, #003b6f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013f75', endColorstr='#003b6f', GradientType=1);
  /* IE6-9 */
}
#main div.publications-urban footer .register {
  margin: 0;
  background-position: 95% 50%;
}
#main div.publications-urban div.publication-item div.image {
  height: 100%;
  right: 0;
  bottom: 0;
}
#main div.publications-urban div.publication-item div.image img {
  width: 484px;
}
@media (min-width: 768px) {
  #main div.publications-urban .main {
    width: 484px;
  }
  #main div.publications-urban aside {
    width: 484px;
  }
  #main div.publications-urban aside .column {
    width: 444px;
    display: table;
  }
  #main div.publications-urban aside .column > div {
    display: table-cell;
    vertical-align: bottom;
  }
  #main div.publications-urban footer .register {
    float: right;
  }
  #main div.publications-urban div.publication-item div.text {
    width: 444px;
    bottom: 0;
  }
}

/* publications landing update: 2017/06/13 */
#main div.publications-urban .main {
  overflow: hidden;
}
#main div.publications-urban aside .column {
  background: url("/assets/img/bg-penn-shield-20-o.png") 0 0 no-repeat #00315a;
}
#main div.publications-urban aside .column h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #eabd33;
  font-weight: normal;
  clear: both;
}
#main div.publications-urban aside .column p {
  padding-bottom: 32px;
}
#main div.publications-urban footer {
  overflow: hidden;
  clear: both;
  padding: 18px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#013f75+0,003b6f+100 */
  background: #013f75;
  /* Old browsers */
  background: -moz-linear-gradient(left, #013f75 0%, #003b6f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #013f75 0%, #003b6f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #013f75 0%, #003b6f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013f75', endColorstr='#003b6f', GradientType=1);
  /* IE6-9 */
}
#main div.publications-urban footer .register {
  margin: 0;
  background-position: 95% 50%;
}
#main div.publications-urban div.publication-item div.image {
  height: 100%;
  right: 0;
  bottom: 0;
}
#main div.publications-urban div.publication-item div.image img {
  width: 484px;
}
#main div.publications-urban-link {
  margin: 70px 0 0;
  width: 100%;
  overflow: hidden;
}
#main div.publications-urban-link .main {
  width: 100%;
  overflow: hidden;
}
#main div.publications-urban-link .urban-link-wrapper {
  background-color: #003e73;
  padding: 20px 15px;
  overflow: hidden;
}
#main div.publications-urban-link .urban-link-wrapper .caption {
  width: 100%;
  color: #fff;
  position: relative;
}
#main div.publications-urban-link .urban-link-wrapper .slider {
  width: 100%;
  position: relative;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item {
  overflow: hidden;
  height: 353px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.text {
  background-color: #fff;
  padding: 25px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  bottom: 0;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.text h3 {
  font-size: 20px;
  line-height: 22px;
  color: #a80532;
  white-space: normal;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.text h3 a {
  color: #a80532;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.text .meta {
  color: #363636;
  font-size: 14px;
  line-height: 15px;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.image {
  height: 100%;
  right: 0;
  bottom: 0;
}
#main div.publications-urban-link .urban-link-wrapper div.publication-item div.image img {
  opacity: 1;
  max-width: 420px;
  max-height: 100%;
}
#main div.publications-urban-research {
  background-color: #003665;
  overflow: hidden;
  padding: 30px 0 42px;
}
#main div.publications-urban-research .caption p {
  margin: 0;
  padding: 0 15px;
  border-left: 1px solid #004684;
}
#main div.publications-urban-link h2,
#main div.publications-urban-research h2 {
  font-size: 12px;
  line-height: 21px;
  background: #252424;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  margin: 0 4px 0 0;
  padding: 0 9px;
}
#main div.publications-urban-link .register,
#main div.publications-urban-research .register {
  background-position: 95% 50%;
  margin: 0;
}
#main div.publications-urban-link .caption,
#main div.publications-urban-research .caption {
  color: #fff;
}
#main div.urban-link-wrapper-outer {
  background-color: #004684;
  overflow: hidden;
}
@media (min-width: 768px) {
  #main div.publications-urban .main {
    width: 484px;
  }
  #main div.publications-urban aside {
    width: 484px;
  }
  #main div.publications-urban aside .column {
    width: 444px;
    display: table;
  }
  #main div.publications-urban aside .column > div {
    display: table-cell;
    vertical-align: bottom;
  }
  #main div.publications-urban footer .register {
    float: right;
  }
  #main div.publications-urban div.publication-item div.text {
    width: 444px;
    bottom: 0;
  }
  #main div.publications-urban-link .urban-link-wrapper .caption {
    width: 33.33333333%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    right: 66.66666667%;
  }
  #main div.publications-urban-link .urban-link-wrapper .slider {
    width: 66.66666667%;
    float: left;
    left: 33.33333333%;
  }
  #main div.publications-urban-link div.publication-item {
    width: 298px;
  }
  #main div.publications-urban-research .caption {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  #main div.publications-urban-research .caption p {
    padding: 0 15px;
    border-left: 1px solid #004684;
  }
  #main div.publications-urban-research aside {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
    padding: 0 10px;
  }
  #main div.urban-link-wrapper-outer .wrapper-center {
    width: 1008px;
  }
  #main div.urban-link-wrapper-outer .wrapper-center .title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  #main div.publications-urban-link .urban-link-wrapper div.publication-item {
    height: auto;
    padding: 0;
    width: auto;
  }
  #main div.publications-urban-link .urban-link-wrapper div.publication-item div.text {
    position: relative;
    left: auto;
    bottom: auto;
  }
  #main div.publications-urban-link .urban-link-wrapper div.publication-item div.image {
    display: none;
  }
  #main div.publications-urban-research .caption {
    padding: 0 15px 15px;
  }
  #main div.publications-urban-research aside {
    padding: 0 15px;
  }
}