/* Original CSS as passed over Nov 2015 */ /* New CSS from November 2015 is appended at the end */ @import url(http://fonts.googleapis.com/css?family=Arimo:700,400); * { margin:0; padding:0} body {height:100%;} #box {width:950px ; margin:0 auto; height:auto } .clear { display: block; clear: both; } p {color:#666;font-family:'Arimo', sans-serif; font-weight:400; font-size:16px;} h1 { font-family: 'Fjalla One', sans-serif; color:#32415e; font-size:17px; text-transform: lowercase; } h2{line-height:1.3em;color:#666;font-family:'Arimo', sans-serif; font-weight:400; font-size:14px;} h3{line-height:1.3em;color:#17507a;font-family:'Arimo', sans-serif; font-weight:400; font-size:18px; font-weight:bold} h4{line-height:1.3em;color:#666;font-family:'Arimo', sans-serif; font-weight:400; font-size:14px; margin-top:-25px ; margin-left:35px} h4 a { color:#666} h4 a:hover{line-height:1.3em;color:#999;font-family:'Arimo', sans-serif; font-weight:400; font-size:14px;} h5{line-height:1.3em;color:#FFF;font-family:'Arimo', sans-serif; font-weight:400; font-size:17px; font-weight:bold} h6 { font-family: 'Fjalla One', sans-serif; color:#32415e; font-size:25px; text-transform:uppercase; } h7 { font-family:'Arimo', sans-serif; color:#32415e; font-size:15px; } h8{line-height:1.3em;color:#17507a;font-family:'Arimo', sans-serif; font-weight:400; font-size:16px; font-weight:bold} h9{line-height:1.3em;color:#17507a;font-family:'Fjalla One', sans-serif; font-weight:400; font-size:18px; /* font-weight:bold */} /*------------------------------------------------------------------------------------------------------------ HEADER ----*/ #header-top {width:930px ; margin:0 auto ; } #header {width:930px ; margin:0 auto ; } #line-bg { width:auto ; height:1px ; background:#c3c3c3 } #logo-oxford { float:right ; /* margin-right:37px */} #shadow-bg { width:auto ; height:23px ; background:url(img/shadow-bg.jpg) repeat-x ; margin-bottom:30px } /*------------------------------------------------------------------------------------------------------------ MENU ----*/ /* buttons */ .button{ text-decoration:none ; display:inline-block; background:#17507a /*url(../images/bg-body2.jpg)*/ 0 0 repeat; text-transform:uppercase; font:10px/15px Arial, Helvetica, sans-serif; color:#f1f1f1; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; padding:7px 15px 6px; cursor:pointer} .button:hover{ background:#c2c0bf; color:#fff; text-decoration:none;} .sf-menu, .sf-menu * {margin: 0; padding:0;list-style:none; text-decoration:none;} .sf-menu li {float:left; position:relative; padding-left:1px; text-transform:uppercase; font-family:'Arimo', sans-serif; color:#32415e; font-size:15px;} .sf-menu li:first-child{ background:none; padding-left:0;} .sf-menu li a {display:block;background:#fff; width:auto; padding:19px 14px 19px 14px; text-align:center; color:#4985b6; position:relative; overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .sf-menu li.last a{ width:85px;} .sf-menu li a em{ font-style:normal;color:#4985b6;} .sf-menu li.sfHover a,.sf-menu li.current a,.sf-menu li a:hover{text-decoration:none; background:#e5e4e2;} .sf-menu li.sfHover a em,.sf-menu li.current a em,.sf-menu li a:hover em{color:#4985b6;} .sf-menu ul {position:absolute;top:-999em;z-index:99;width:172px;display:none;background:none; background:#fff; padding:3px;} .sf-menu li li{padding:0; width:100%; font:10px/13px Arial, Helvetica, sans-serif;} .sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{color:#fff; background:#fff; width:auto; padding:10px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ background:#efeeee; color:#fff;} .sf-menu ul ul {position:absolute;top:-999em;z-index:99;width:172px;display:none;background:none; background:#053266; padding:3px;} .sf-menu li li li{padding:0; width:100%;} .sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{color:#fff; background:#4985b6; width:auto; padding:10px;} .sf-menu li li li a:hover,.sf-menu li li li.current a{background:#fff; color:#000;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px;top:53px; /* match top ul list item height */} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:179px; /* match ul width */top:0px;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:00px;} .main-menu {display: block; width: 100%;} ul.sf-menu {position: relative; display: inline-block; float: none; width: 98%; margin: 0 1%;} #menu { /* margin-left: 10px; */} /*------------------------------------------------------------------------------------------------------------ HOME ----*/ #banner-bg { background:url(img/home/banner-bg2.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:260px ;} #news-events { /* width:400px */ width: 28%; float:right;} #news-events ul { list-style:none} #news-events ul li {clear: left; text-decoration:none; margin-bottom: 20px; vertical-align: middle; } #news-events ul li a {display: inline-block; margin-top: 3px; text-decoration: none; } #news-events ul li a img {float: left; margin-right: 1em; margin-top: -3px;} #formulario1 { width:352px} #banner { /* width:500px; */ width: 650px; text-align:justify ; line-height:30px ; margin-left:30px} .blue-line {width:430px ; height:22px ; background:#17507a ; padding-top:2px ; padding-left:10px} .dots-home { width:100%; margin-bottom: 1em; overflow: hidden; height: 1em;} #circles-home { width:770px ; margin: 3em auto;} #circles-home ul { list-style:none} #circles-home ul li { text-decoration:none ; display:inline ; margin-right:20px} /*------------------------------------------------------------------------------------------------------------ ABOUT ----*/ #bg-about { background:url(img/about/bg-about.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-about-the-team { background:url(img/about/the-team/bg-about-the-team.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-about-the-school { background:url(img/about/the-school/bg-about-the-school.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #text-about { width:890px ; text-align:center ; line-height:30px ; margin:0 auto ;color:#666;font-family:'Arimo', sans-serif; font-weight:400; font-size:14px;} #books { width:600px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-left:100px} .grid01 { display: inline-block; vertical-align: top; /* width:190px ; float:left */; line-height:20px; margin: 0 5% 0 15%; width: 18%; padding: 4px;} .grid02 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} .grid03 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} .grid04 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} .grid01 h3, .grid02 h3, .grid03 h3, .grid04 h3 {text-align: center;} .grid01 .button-left, .grid02 .button-left, .grid03 .button-left, .grid04 .button-left {width: 55%; margin: 0 auto;} /* .grid05 { width:190px ; float:right ; line-height:20px ; margin-left:25px} .grid06 { width:190px ; float:right ; line-height:20px ; margin-right:35px} .grid07 { width:190px ; float:right ; line-height:20px ; margin-right:35px} .grid08 { width:190px ; float:right ; line-height:20px ; margin-right:35px} */ .grid05 { display: inline-block; vertical-align: top; /* width:190px ; float:left */; line-height:20px; margin: 0 5% 0 16%; width: 18%; padding: 4px;} .grid06 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} .grid07 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} .grid08 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 5% 0 0; width: 18%; padding: 4px;} #container { width:800px } /*------------------------------------------------------------------------------------------------------------ ABOUT - THE SCHOOL ----*/ #about-school-text { width:600px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-right:30px} #sub-menus-the-school ul {width:245px ; float:right ;} #sub-menus-the-school ul li { list-style:none ; margin-bottom:20px } #sub-menus-the-school a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-the-school a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px;} /*------------------------------------------------------------------------------------------------------------ ABOUT - THE TEAM ----*/ #menu-the-team {width: 100%; display: block; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px; margin: 0 auto; margin-bottom:20px ; margin-left:70px} #menu-the-team ul {display: inline-block; list-style:none;} #menu-the-team ul li { display:inline ; list-style:none ; margin-left:10px ; color:#999 ; text-transform: uppercase;} #menu-the-team ul li a { text-decoration:none ; color:#235e8a ;} #menu-the-team ul li a:hover { text-decoration:none ; color:#999 ;} #about-team-text { width:700px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:17px} #the-team-pic { margin-left:10px ; margin-top:40px} #sub-menus-the-team ul {width:246px ; float:right ;} #sub-menus-the-team ul li { list-style:none ; display:inline} #sub-menus-the-team-2 ul {float:right;} #sub-menus-the-team-2 ul li {list-style:none ; display:inline;} #dots-the-team { width: 100% ; height:1px ; background:#999 ; margin-top:20px ; margin-bottom:20px; overflow: hidden;} /*------------------------------------------------------------------------------------------------------------ faculty-associates ----*/ #about-faculty-associates-text-left { margin-left:75px ; width:400px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:14px; line-height:30px} #about-faculty-associates-text-left a { text-decoration:none ; width:400px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:14px; line-height:30px} #about-faculty-associates-text-left a:hover { text-decoration:none ; width:400px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#CCC ; font-size:14px; line-height:30px} #about-faculty-associates-text-right { width:375px ; text-align:justify ; float:right ; font-family:'Arimo', sans-serif; color:#666 ; font-size:14px; line-height:30px} #about-faculty-associates-text-right a { text-decoration:none ;float:right ; width:375px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:14px; line-height:30px} #about-faculty-associates-text-right a:hover { text-decoration:none ; float:right ; width:375px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#CCC ; font-size:14px; line-height:30px} #bg-about-sir-martin-smith { background:url(img/about/sr-martin-smith/bg-msmith.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #about-vacancies-text { width:890px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:20px} #bg-about-vacancies { background:url(img/about/vacancies/bg-vacancies.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ RESEARCH & PROGRAMMES ----*/ #bg-research-programmes { background:url(img/research-programes/bg-research-programes.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} .res-programmes {position: relative; display: block; clear: left; margin: 0 0 3em 0; padding: 2em 1em; /* border-bottom: 1px solid #666; */ background-color: #eee;} #research-programmes-text {text-align:center ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-bottom:20px; width: 60% ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:25px ; margin-left:55px ; margin-top:10px} #sub-menu-rp-01 ul {clear: left; float: right; width: 25%; padding-top: 10px;} #sub-menu-rp-01 ul li {list-style-image: url(/img/about/the-school/seta.png); margin-bottom: 10px } #sub-menu-rp-01 a { text-decoration:none ; color:#4985b6; font-family: 'Arimo', sans-serif; font-size:15px; font-weight: bold;} #sub-menu-rp-01 a:hover { text-decoration:none ; color:#235e8a; font-family: 'Arimo', sans-serif; font-size:15px;} .big-cloud01 img, .big-cloud02 img, .big-cloud03 img {float:left; margin-right: 12px;} .big-cloud01 h3, .big-cloud02 h3, .big-cloud03 h3 {padding: 0; padding-top: 4px; font-size: 24px;} #dots { width: 100% ; height:1px ; background:#999 ; margin-top:40px ; margin-bottom:40px; overflow: hidden;} /*------------------------------------------------------------------------------------------------------------ STRANDED ASSETS ----*/ #bg-stranded-assets { background:url(img/research-programes/stranded-assets/bg-sustainable-finance-programme.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /* #bg-stranded-assets { background:url(img/research-programes/stranded-assets/bg-stranded-assets-programme.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} 8? .grid09 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid10 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid11 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid12 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid13 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid14 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid15 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid16 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid17 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid18 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid19 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid20 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid21 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid22 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid23 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } #stranded-assets-text { width:600px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-right:30px} #water-text { width:250px ; float:left ; margin-left:70px ; text-align:justify ; font-family:'Arimo',sans-serif; font-size:11px; line-height:13px ; margin-right:30px} #stranded-assets-text a { text-decoration:none ; color:#235e8a ;} #stranded-assets-text a:hover { text-decoration:none ; color:#999 ;} #stranded-assets-text-publications { width:500px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-right: 30px} #stranded-assets-text a { font-family:'Arimo', sans-serif; color:#4985b6 ; font-size:16px; line-height:18px ;} #stranded-assets-text a:hover { font-family:'Arimo', sans-serif; color:#235e8a ; font-size:16px; line-height:18px ;} #stranded-assets-publications-img { position:absolute ; margin-left:-100px; } /*------------------------------------------------------------------------------------------------------------ CCLI ----*/ #bg-ccli { background:url(img/research-programes/ccli/bg-ccli.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ BDSP ----*/ #bg-bdsp { background:url(img/research-programes/bdsp/bg-bdsp.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ income protection gap ----*/ #bg-income-protection-gap { background:url(img/research-programes/income-protection-gap/bg-income-protection-gap.png) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ protected-area ----*/ #bg-protected-area { background:url(img/research-programes/protected-area/bg-protected-area.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ environmental-management ----*/ #bg-environmental-management { background:url(img/research-programes/environmental-management/bg-environmental-management.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #sub-menus-environmental-management ul {width:245px ; float:right ; margin-top:75px} #sub-menus-environmental-management ul li { list-style:none ; margin-bottom:20px } #sub-menus-environmental-management a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-environmental-management a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-title {margin-left:70px} #dots-environmental-management { width:800px ; height:1px ; background:#999 ; margin-top:20px ; margin-bottom:0px ; margin-left:70px; overflow: hidden;} #menu-environmental-management {width:910px ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px; margin-bottom:30px ; margin-left:70px } #menu-environmental-management ul { display:inline ; list-style:none} #menu-environmental-management ul li { display:inline ; list-style:none ; margin-left:5px ; color:#999 ;} #menu-environmental-management ul li a { text-decoration:none ; color:#235e8a ;} #menu-environmental-management ul li a:hover { text-decoration:none ; color:#999 ;} /*------------------------------------------------------------------------------------------------------------ SSEEVIEW ----*/ #bg-sseeview { background:url(img/sseeview/bg-sseeview1.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #sub-menus-sseeview {width: 245px; float: right;} #sub-menus-sseeview h2 {margin-top: 3em; text-transform: uppercase; font-weight: bold;} #sub-menus-sseeview ul {margin-top: 1.5em;} #sub-menus-sseeview ul li {list-style: none; margin-bottom: 1em} #sub-menus-sseeview a {text-decoration: none; color:#4985b6;} #sub-menus-sseeview a:hover { text-decoration:none ; color:#235e8a;} /* SSEEVIEW Carousel */ #carousel-sseeview { clear: both; margin: 1em auto; } #carousel-sseeview .carousel-indicators { bottom: 0; } #carousel-sseeview .carousel-caption { bottom: 0; right: 0; left: 0; padding: .5em .5em 2.2em .5em; text-align: center; } #carousel-sseeview .carousel-caption a { color: #fff; } #carousel-sseeview .carousel-caption p { margin-bottom: .2em; font-size: 1em; color: #fff; } #carousel-sseeview .item { background: rgba(0, 33, 71, .75); } #carousel-sseeview .carousel-caption { background: rgba(0, 33, 71, .75); } /* SSEEVIEW Infographic */ #sseeview-infographic { margin: 2em 0; padding: 0; border: 1px solid #F3F3F3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #sseeview-infographic ul { display: inline; margin: 2em 0; padding: 0; padding-left: .5%; } #sseeview-infographic ul li { display: inline-block; width: 24%; margin: 0; padding: 0; list-style: none; vertical-align: bottom; text-align: center; text-transform: uppercase; border: 0; } #sseeview-infographic ul li span.glyphicon { position: relative; float: right; margin-top: 27%; margin-left: .8em; margin-right: -.8em; color: #abc; } #sseeview-infographic ul li img { padding: 1em 0 .8em 1.2em; } #sseeview-infographic ul li:last-child img { padding-left: .4em; } #sseeview-infographic ul li.active { font-weight: bold; } #sseeview-infographic .tab-content { padding: 0; } #sseeview-infographic .featured-caption p { background: #F3F3F3; padding: .8em; margin-bottom: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; } /* SSEEVIEW Leadership */ #sseeview-leadership { margin: 2em 0; border: 1px solid #F3F3F3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #sseeview-leadership ul { display: inline; margin: 2em 0 2em .5em; padding: 0; } #sseeview-leadership ul li { display: inline-block; width: 32%; margin: 0; padding: 0; list-style: none; vertical-align: top; text-align: center; border: 0; text-transform: uppercase; } #sseeview-leadership ul li img { padding: 1em .5em .5em .5em; } #sseeview-leadership ul li.active { font-weight: bold; } #sseeview-leadership .featured-caption p { background: #F3F3F3; padding: .8em; margin-bottom: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; } ul#subscription { margin: 0; padding-bottom: 1em; } ul#subscription li { clear: left; list-style: none; padding-top: 1.5em; border: 0; } ul#subscription li img { float: left; padding-right: 1em; } #sseeviewform { display: inline-block; border: 1px solid #abc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #sseeviewform label { margin-top: 1em; } /*------------------------------------------------------------------------------------------------------------ sustainable-economics ----*/ #bg-sustainable-economics { background:url(img/research-programes/sustainable-economics/bg-economics-sustainability.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #sustainable-economics-text { width:450px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:20px ; margin-right:25px} #dots-sustainable-economics { width:630px ; height:1px ; background:#999 ; margin-top:20px ; margin-bottom:20px ; overflow: hidden;} #sustainable-economics-pic { width:159px} /*------------------------------------------------------------------------------------------------------------ sharing-resources-prosperity ----*/ #bg-sharing-resources-prosperity { background:url(img/research-programes/sharing-resources-prosperity/bg-sharing-resources-prosperity.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ long-term-investment----*/ #bg-long-term-investment { background:url(img/research-programes/sustainability-financial-markets-investment/bg-long-term-investment.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ pensions----*/ #bg-behaviour-finance { background:url(img/research-programes/sustainability-financial-markets-investment/bg-behaviour&finance.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ sustainable-finance ----*/ #bg-sustainable-finance { background:url(img/research-programes/sustainability-financial-markets-investment/bg-sustainable-finance.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} /*------------------------------------------------------------------------------------------------------------ forecast-risk-analysis ----*/ #bg-forecast-risk-analysis { background:url(img/research-programes/forecast-risk-analysis/bg-forecast-risk-analysis.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #navigation a { text-decoration:none ; font-size:14px} #navigation a:hover { text-decoration:none ; font-size:14px} /*------------------------------------------------------------------------------------------------------------ water-programme ----*/ #bg-water-programme { background:url(img/research-programes/water-programme/banner-bg-water.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} .grid09 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid10 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: 0 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid11 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid12 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid13 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid14 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid15 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid16 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid17 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid18 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid19 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid20 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 7.5% 0; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } .grid21 { display: inline-block; vertical-align: top; /* width:190px ; float:right */; line-height:20px; margin: -5% 0 0 7.5%; width: 30%; padding: 2px; font-family:'Arimo', sans-serif;color:#666 ; font-size:12px; line-height:13px } /*------------------------------------------------------------------------------------------------------------ EDUCATION ----*/ #bg-education { background:url(img/education/bg-education.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-education-sub { background:url(img/education/bg-education-sub.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #sub-menus-education ul {width:245px ; float:right ;} #sub-menus-education ul li { list-style:none ; margin-bottom:20px } #sub-menus-education a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-education a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-education-2 ul {width:245px ; float:right ; margin-top:80px} #sub-menus-education-2 ul li { list-style:none ; margin-bottom:20px } #sub-menus-education-2 a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-education-2 a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px;} #education-main-text { width:850px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-right:35px} #sub-banner { margin-left:-15px} .indent {margin-left:15px} /*------------------------------------------------------------------------------------------------------------ ENGAGEMENT ----*/ #bg-enterprise { background:url(img/enterprise/bg-enterprise.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-business-fellows-programme { background:url(img/enterprise/bg-business-fellows-programme.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #business-fellows-programme-videos-all { width:620px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:15px; line-height:18px} #business-fellows-programme-videos-left a { width:180px ; float:left ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-bottom:20px} #business-fellows-programme-videos-left a:hover { width:180px ; float:left ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-bottom:20px} #business-fellows-programme-videos-middle a { width:180px ; margin-left:10px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-bottom:20px} #business-fellows-programme-videos-middle a:hover { width:180px ; margin-left:10px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-bottom:20px} #business-fellows-programme-videos-right a { width:180px ; float:right ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-bottom:20px } #business-fellows-programme-videos-right a:hover { width:180px ; float:right ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-bottom:20px } /*------------------------------------------------------------------------------------------------------------ NEWS ----*/ #bg-news { background:url(img/news/bg-news.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #about-news-text { width:950px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:20px} #sub-menus-news ul {width:236px } #sub-menus-news ul li { list-style:none ; display:inline} /*------------------------------------------------------------------------------------------------------------ EVENTS ----*/ #bg-events { background:url(img/events/bg-events.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #sub-menus-events ul {width:500px ;} #sub-menus-events ul li { list-style:none ; display:inline ; padding-right:20px } #sub-menus-events a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:16px;} #sub-menus-events a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:16px;} #cloud-event { position:absolute ; margin-left:-60px} /*------------------------------------------------------------------------------------------------------------ LIBRARY ----*/ #bg-library { background:url(img/library/bg-library.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #menu-library {width:910px ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px; margin-bottom:10px ; margin-left:70px } #menu-library ul { display:inline ; list-style:none} #menu-library ul li { display:inline ; list-style:none ; margin-left:5px ; color:#999 ;} #menu-library ul li a { text-decoration:none ; color:#235e8a ;} #menu-library ul li a:hover { text-decoration:none ; color:#999 ;} #sub-menus-library ul {width:245px ; float:right ; margin-top:90px} #sub-menus-library ul li { list-style:none ; margin-bottom:20px } #sub-menus-library a { text-decoration:none ; color:#4985b6; font-family: 'Fjalla One', sans-serif; font-size:17px;} #sub-menus-library a:hover { text-decoration:none ; color:#235e8a; font-family: 'Fjalla One', sans-serif; font-size:17px;} #library-text { width:600px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:18px ; margin-right:30px} #library-text a { text-decoration:none ; color:#235e8a ;} #library-text a:hover { text-decoration:none ; color:#999 ;} #library-videos-all { width:620px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:15px; line-height:18px} #library-videos-left a { width:180px ; float:left ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-left:30px ; margin-bottom:20px} #library-videos-left a:hover { width:180px ; float:left ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-left:30px ; margin-bottom:20px} #library-videos-middle a { width:180px ; float:right ; padding-right:25px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-bottom:20px} #library-videos-middle a:hover { width:180px ; float:right ; padding-right:25px ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-bottom:20px} #library-videos-right a { width:180px ; float:right ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#4985b6 ; font-size:16px; line-height:18px ; margin-bottom:20px } #library-videos-right a:hover { width:180px ; float:right ; font-family:'Arimo', sans-serif; text-decoration:none ; color:#999 ; font-size:16px; line-height:18px ; margin-bottom:20px } #dots-library { width:750px ; height:1px ; background:#999 ; margin-top:20px ; margin-bottom:20px ; margin-left:25px; overflow: hidden;} #main-video { margin-left:30px ; margin-bottom:30px} /*------------------------------------------------------------------------------------------------------------ CONTACT ----*/ #bg-contact { background:url(img/contact/bg-contact.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #contact-text { width:400px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:20px} #contact-text-right { width:400px ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:20px ; float:right ; margin-top:10px} #sub-menus-contact ul {width:236px } #sub-menus-contact ul li { list-style:none ; display:inline} #tinybox { width:500px ; height:400px ; position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000} #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500} #tinycontent {background:#fff} /*------------------------------------------------------------------------------------------------------------ FOOTER ----*/ #bg-about-this-website { background:url(/img/footer/bg-about-this-website.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-privacy-cookies { background:url(/img/footer/bg-privacy-cookies.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-accessibility { background:url(/img/footer/bg-accessibility.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #bg-error { background:url(/img/error-banner.jpg) ; background-repeat:no-repeat ; background-position:center top ; height:124px ;} #about-footer { width:875px ; text-align:justify ; color:#666 ; font-family:'Arimo', sans-serif; font-size:14px; line-height:20px} #footer-all {height:225px ; background:url(/img/footer/bg-footer.jpg) repeat-x } #menu-footer {font-family: 'Fjalla One', sans-serif; color:#FFF; font-size:17px; text-transform:uppercase; margin-top:-90px } #menu-footer ul { list-style:none } #menu-footer ul li { display:inline ; text-decoration:none ;} #menu-footer a {font-family: 'Fjalla One', sans-serif; color:#FFF; font-size:17px; text-transform:uppercase; margin-top:-90px } #menu-footer ul a { list-style:none } #menu-footer ul li a { display:inline ; text-decoration:none ;} #menu-footer a:hover {font-family: 'Fjalla One', sans-serif; color:#999; font-size:17px; text-transform:uppercase; margin-top:-90px } #footer-content { width:930px ; height:225px ; margin:0 auto ;} #footer-logos { width:150px ; height:35px ; float:right ; margin-top:70px ; } #footer-logos ul { list-style:none} #footer-logos ul li {display:inline ; margin-right:5px} #footer-tel-text-01 { color:#FFF;font-family:'Arimo', sans-serif; font-size:14px; line-height:20px ; float:right ; margin:57px 13px 0 0} #footer-tel-text-01 ul { list-style:none} #footer-tel-text-01 ul li { text-decoration:none} #signature { width:930px ; color:#FFF;font-family:'Arimo', sans-serif; font-size:11px; margin-left:0px ; margin-top:40px;} #footer-search-bar { width:310px ; float:right ; margin-top:40px } #logo-geography { width:199px ; margin-top:15px } #logo-twitter { float:right ; margin-top:67px ; margin-right:10px} /* ------------------------------------------------ SEARCH BUTTON */ #search2{ position:relative; overflow:hidden; padding:27px 0 0 0;} #search2 input{font-family:Arial, Helvetica, sans-serif;color:#0f3049;font-size:1em;vertical-align:middle;font-weight:normal;padding:6px 8px 6px;margin:0;/* background: url(../images/bg-input.png) 0 0 repeat */;border:1px solid #e4e4e4;outline:none;width:178px; overflow:hidden; background:#FFF} #search2 a{ cursor:pointer ; display:block; float:left; background:#0f3049; font:11px/15px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#eaeaea; padding:7px 13px 10px 15px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} #search2 a:hover{ text-decoration:none; background:#efeeee; color:#212121;} .fleft{float:left } /* New Styles - Chris */ #test-header { margin: 0 auto; width: 80%; padding: 0.6em; font-family:'Arimo', sans-serif; font-size: 0.95em; color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert { padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert-info { padding: 1em; font-family:'Arimo', sans-serif; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } #list-errors {margin-left: 1em; font-size: 16px;} #list-errors li {margin-top: 0.5em;} #searchform {position:relative; overflow:hidden; padding:27px 0 0 0; border: none;} #searchform fieldset {border: none} #searchform input{font-family:Arial, Helvetica, sans-serif;color:#0f3049;font-size:1em;vertical-align:middle;font-weight:normal;padding:6px 8px 6px;margin:0;/* background: url(../img/bg-input.png) 0 0 repeat;*/ border:1px solid #e4e4e4;outline:none; width:66%; overflow:hidden; background:#FFF} #searchform button { cursor:pointer ; display:block; float:right; background:#0f3049; font:13px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#eaeaea; padding:7px 13px 10px 15px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; border: 1px #0f3049; width: 25%;} #searchform button:hover{ text-decoration:none; background:#efeeee; color:#212121; width: 25%;} #about-privacy p {margin-bottom: 1em;} #about-privacy ul {margin-left: 1em; font-family:'Arimo', sans-serif;} #about-privacy ul li {margin-bottom: 0.5em; font-size: 0.9em;} #about-privacy table {margin: 2em 0; font-family:'Arimo', sans-serif; text-align: left; vertical-align: top; font-size: 0.9em} #about-privacy th {padding: 2px 4px; border-bottom: 2px solid #eee;} #about-privacy td {padding: 2px 4px; border-bottom: 1px solid #eee; vertical-align: top;} #about-privacy h3 {margin: 2em 0 1em 0;} #about-privacy h4 {margin: 1.5em 0 0.5em 0; line-height:1.3em;color:#17507a;font-family:'Arimo', sans-serif; font-weight:400; font-size:16px; font-weight:bold;} #about-privacy h5 {color: #17507a; font-size:16px; font-weight:normal;} /** Google Analytics Notice **/ div#analytics-notice, div#analytics-notice .alert {margin-bottom: 0;} div#analytics-notice h3 {margin: 0 10px 0 0; padding: 0; line-height: 1em;} div#analytics-notice button {margin: 0 0 0 1em;} #analytics-controls {margin-bottom: 0;} #analytics-controls p {float: left; padding-top: 5px;} #analytics-controls ul {margin-top: 0px; list-style: none; display: inline-block;} #analytics-controls li {display: inline-block; margin: 0 20px 0 0;} #analytics-controls input, #analytics-controls label {display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; margin-right: 4px; } /** Carousel Styles **/ .carousel { position: relative; width: 600px; margin-left: -20px; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: none; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } #home-carousel .carousel-indicators {bottom: 0;} #home-carousel .carousel-caption {padding: 0.5em 0.5em 2.2em 0.5em; bottom: 0; right: 0; left: 0; text-align: left;} #home-carousel .carousel-caption a {color: #fff;} #home-carousel .carousel-caption p {color: #fff; margin-bottom: 0.2em;} #home-carousel .item {background: rgba(0, 33, 71, 0.75);} #home-carousel .carousel-caption {background: rgba(0, 33, 71, 0.75);} /* New CSS from November 2015 */ /* #menu-the-team ul li {text-transform: uppercase; padding: 0 1em 0 0; border-right: 2px solid #999;} #menu-the-team ul li:last-child {border-right: none;} */ /* New CSS April 2016 update */ h1#section-header { margin: 0; padding-top: .4em; font-size: 4em; text-transform: uppercase; text-align: center; } h2.page-header { font-family: 'Fjalla One', sans-serif; color: #32415e; font-size: 25px; text-transform:uppercase; } h3.page-header { margin-bottom: 1em; font-family: 'Fjalla One', sans-serif; color: #32415e; font-size: 25px; text-transform:uppercase; } div.about-team-text h3 { margin-bottom: 1em; } div#about-news-text h3 { display: inline; } .about-team-text { width:700px ; float:right ; text-align:justify ; font-family:'Arimo', sans-serif; color:#666 ; font-size:16px; line-height:17px} div.content p + h3 { margin-top: 2em; } div.content h5 { margin-top: 2em; line-height:1.25em; color: #000; font-family:'Arimo', sans-serif; font-size:16px; font-weight: bold; } div.content p { margin-top: 1em; line-height: 1.25em; } div.content > div.dots-home p { margin-top: 0; overflow: hidden; } div.content ul { margin: 1.5em 0em 1.5em 1em; padding-left: .5em; } div.content ul li { margin: .5em 0; } div.content div#the-team-pic { float: left; margin-left: -220px; } ul.publications-list li { margin: .5em 0; line-height: 1.25em; } ul.publications-list li.staffbook { display: inline-block; margin: .4em 0 .4em -1.2em; padding: 4px; list-style-type: none; width: 100%; } ul.publications-list li.staffbook img { position: relative; float: left; margin: 0 8px 0 0; border: 1px solid #ccc; } p.lead { font-weight: bold; } p { margin-top: 1em; line-height: 1.25em; } .people-grid { float: left; width: 45%; margin-right: 5%; height: 10em; text-align: left; } .people-grid p { font-size: 0.8em; } .people-grid p a { font-size: 10px; } .people-grid img { float: left; width: 90px; padding-right: 10px; padding-bottom: 2em; } .hidden { display: none !important; } /* New Front Page Styles - November 2016 */ #home-banner { margin: 0 0 1em 0; width: 100%; } div.research-focus { padding: .5em; border: 1px solid #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.research-focus > div { display: inline-block; vertical-align: top; width: 29%; /* min-height: 18em; */ margin: 1%; padding: .5em; text-align: center; } div.news-events-social > div { display: inline-block; vertical-align: top; width: 29%; min-height: 52em; margin: 1%; padding: .5em; border: 1px solid #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.research-focus h2, div.research-focus h3, div.news-events-social h2, div.news-events-social h3 { font-family:'Fjalla One', sans-serif; line-height:1.3em; color:#17507a; font-weight:400; font-size:18px; text-transform: uppercase; } div.research-focus a { text-decoration: none; } div.research-focus a:hover h3 { color: #000; } div.research-focus img { margin: 1em auto; } div.news-events-social p.date { font-size: .8em; } /* News: OXITEMS Article Styles */ #listarticles .oxitems_item_dl { margin: 0; padding: 0; color:#666; font-family:'Arimo', sans-serif; } #listarticles .oxitems_item_dt {} /* Article title */ #listarticles .oxitems_item_dd { margin: 0; padding: .5em; border-top: 1px solid #eee; } /* Article content */ /* #listarticles .oxitems_item_dd:nth-of-type(odd) { background-color: rgba(136, 123, 27, .1) } #listarticles .oxitems_item_dd:nth-of-type(even) { background-color: inherit; } */ #listarticles .oxitems_item_dd:hover, #listarticles .oxitems_item_dd:focus { background-color: #fbfbff; } #listarticles .oxitems_item_speciallink_a {} /* Hyperlink Title */ #listarticles .oxitems_item_speciallink_a:hover, #listarticles .oxitems_item_speciallink_a:focus, #listarticles .oxitems_item_speciallink_a:active {} /* Hyerplink Title */ #listarticles .oxitems_item_speciallink_span {} /* A span class on the title */ #listarticles .oxitems_item_summary_span { clear: right; display: block; padding: .25em .5em .5em 0; } /* Summary blurb */ #listarticles .oxitems_item_content_span {} #listarticles .oxitems_item_content_span a.btn-more, #listarticles .oxitems_item_content_span img { display: none; } /* Hides new highlight options */ #listarticles .date1 { position: relative; float: right; display: inline-block; margin-top: 0; padding-left: 1em; font-size: .9em; color: #999; } #listarticles .date2 { display: none; } #listarticles .blurb { display: none; } #listarticles .oxitems_item_content_span { margin: 0; } .section-home #listarticles .date1 { display: none; }