@charset "utf-8";
/* CSS Document */
/* Top Level Conditions */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, 
body, cite, code, del, dfn, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, 
form, label, legend, caption, tbody, tfoot, thead, tr, th, td
 {color:#333;letter-spacing: -0.1px;}
body {font-size: 84%;}
p {line-height: 1.6;padding: 0 0 16px;}
a:link{text-decoration: none;color:#074a8b;}
a:active{color: #000; text-decoration: none }
a:visited{text-decoration: none; color:#074a8b;}
a:hover{color: #3b661a; text-decoration: none; border-bottom:1px dotted #3b661a;}
a.imageLink:hover {border-style:none;}
a.inlinelink {font-weight:bold;}
img {border:0 solid}

ul {list-style: square outside none;margin-bottom: 16px}
ul li {margin:0 0 5px 0;}
ul li ul {list-style: outside none circle;}
.layout-body  li {letter-spacing: 0.4px;}

h1, h2, h3, h4, h5, h6  {margin: 4px 0 1px; padding: 4px 0 1px;}
h1 {font-size:1.8em;}
h2 {font-weight:bold;color: #3b661a;}
h3 {font-weight: bold;font-size: 1.2em;margin-bottom: 0;padding-bottom: 0;}
.leftColumn h4 {border-left: 28px solid #3b661a;margin:12px 0 5px -30px;padding-left: 2px;}
h1.topOfPage {border-bottom:1px dashed #BEB9B9}

h4.section {background-color: #3b661a;color: #fff;line-height: 0.8em; margin-left: -5px;}

select {border:1px solid #BEB9B9;}
select:hover {color:#fff;background-color:#3b661a;}


/* Main Containers */
#othercontent { padding:20px 18px;margin:0px;background:#fff;min-height: 640px; }
.leftColumn {width:590px;margin:0 48px 50px 0;float:left}
.rightColumn {width:310px; float:right}
.rightColumn li {margin-bottom:12px}

.doubleColumn {float: left;margin-right: 4%; width: 48%;}
.lastColumn {margin-right:0}

.projectBox {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; float: left; font-size: 0.8em; margin: 8px 24px 6px 0; padding: 4px; width: 30%;}

.themeBox {border-bottom:1px dotted #BEB9B9; padding:0 0 16px 5px; margin-bottom:5px}
.themeBox h3, .infoBox h3 {font-weight:bold}
.themeBox select {width:80%; margin: 10px 20px;}
.lastBox {border-bottom:1px none #BEB9B9; margin-bottom:30px;}


/* EC Overides */
.layout {border-bottom-style:none;}
.layout-body {font-family: Calibri,Verdana,Arial,Helvetica,"DejaVu Sans",sans-serif;}
.layout-content {padding:0px; margin-left:0}
.layout-wrapper-reset {margin-right:0}
.title-en {background-image: url("../images/banner/ri-env.gif");}
.reset-list {font-size: 0.75em !important;}
li {margin-bottom: 3px;}

/* FOOTER styles */
#footer-content {background-color: #F3F3F3; clear: both; font-size: 0.8em; min-height: 320px; width: 100%; border-top:1px solid #BEB9B9;}
#footer-content-center {width:980px; margin: 30px auto;padding:0 30px;}
#footer-content-center-2 {width:980px; margin: 0 auto;padding:0 30px;}

.footer-list {list-style: none outside none;}
.footer-list li {float: left;font-size: 120%;width: 170px;font-weight:bold;text-align:center;}
.footer-list li ul {font-size: 70%;list-style: none outside none;margin-left: -30px;line-height: 2;}
.footer-list li ul li {font-weight:normal;}

#footer-main {background-color: #9A0000;clear: both;height: 45px; width: 100%; z-index: 50;}
#footer-main a img {padding-left: 14px;padding-top: 8px;}
#footer-main a{color:#fff;}


/*----------------------------------
---REVAMPING WEBSITE - 28/07/2015---
----------------------------------*/

#anim{width:948px; height:280px; float:left;margin-bottom:50px;}
#anim ul{padding:0; margin:0;}
#anim a.anim-more{position:absolute; bottom:6px; right:10px; z-index:500; padding:5px 10px; background-color:#074a8b; color:white; text-decoration:none; font-weight:bold;}
#anim a.anim-more:hover {border-style:none; background-color:#3b661a;}

.facebook_module {width:300px; float:left; padding-left:10px;}

hr{color:#dcdcdc; height:1px; border:0; background-color: #dcdcdc;}

.dataTable {border: 1px solid #CCCCCC; padding: 2px; width: 100%;}
.dataTable th {color:#fff; font-weight:bold; padding:4px 2px;}
.dataTable tr { height:48px}
.dataTable tr td{border-bottom:1px solid #fff; padding: 1px 6px 1px 12px;}
.dataTable tr:nth-child(2n+1) {background-color: #eee;}
/* .dataTable tr:first-child {background-color: #034ea2; height:36px;color:#fff}
.dataTable tr:first-child  h2 {color:#fff} */

.calendar_item{border-top:1px dashed #BEB9B9; padding-top:5px;}
.homepage_item {margin-bottom: 18px;padding: 0 8px;}

.xtended li {margin-bottom:20px}

ul.minmenu {background-color: #f3f3f3; border: 1px solid #beb9b9; display: inline-block; list-style: outside none none; margin-top: 14px; padding: 8px 12px; width: 578px;}
ul.minmenu li {float: left; margin-right: 24px;}

/* ----- Image Classes ----- */
.thumbnail {border-top: 1px solid #BEB9B9;border-bottom: 1px solid #BEB9B9;float: left;margin: 10px 15px 8px 0;padding: 6px;text-align: center;}
.thumbnail small {display:inline-block; margin-top:6px;}
.icon {float: left;margin: 5px 4px 0 0;}

img.pubcover {padding:2px; background-color:#fff; border:1px solid #BEB9B9;margin:0 14px;box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.5)}
img.pubcover_page {float:left; margin:5px 20px 0 0;width: 80px;}
img.pubcover_side {margin:10px 8px 0 0; width:64px;float:left;}
img.topicIntro {padding:2px; background-color:#fff; border:1px solid #BEB9B9;margin:2px 0;box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.5)}
.inlinePhoto {margin:20px 0}
.moreArrow {padding-bottom: 2px;vertical-align: middle;}
p.imgcaption {text-align: center;font-size:80%;padding-top: 0;}


/* ------ Text classes ------ */
.highlight_item p, .highlight_item h2, .highlight_item h3 {margin:0;padding:0;}
.highlight_item hr {margin: 8px auto;width: 80%;}

.textBanner01 {background-color: #F3F3F3; border: 1px solid #BEB9B9; border-radius: 5px 5px 5px 5px; padding: 5px 12px;}
.textBanner01 img {margin: 0 2px -2px 0;}
.textBanner01:hover {border: 1px solid #BEB9B9;background-color: #e2e2e2;}

.date {border: 1px solid #3b661a;margin: 0;padding: 1px 4px;border-top: 0 none}
.date01 {font-weight:bold; color:#3b661a}
.title {line-height: 1.2em;margin: 0 0 4px;padding: 0;}

.twitterBox {border:1px solid #3b661a; padding:5px 12px;font-size: 90%;}
.twitterBox  h2{background-color: #3b661a;color: #fff;padding: 0 0 0 4px;}
.facebookBox {margin-top: 10px; text-align: right;border: 1px solid #3b661a;padding: 5px 12px;display: inline-block;}

.promobanner {border: 1px solid #BEB9B9;bottom: 15px;float: right;position: relative;}

.noborder {border-style:none;}
p.spacer {line-height: 1;padding: 0;}

/* ------ Twitter and other 3rd party overwrites ------ */
.tweet_more, .tweet_about {text-decoration: none;font-family: Calibri,Verdana,Arial,Helvetica,"DejaVu Sans",sans-serif}
.smk-tweets a:hover, .smk-more a:hover, .smk-about a:hover {border: 0 none;} /*New Widget*/
.smk-done {padding: 5px 12px;}
.eventlistside {margin-bottom: 8px}


/*----------------------- RESPONSIVE CONDITIONS ------------------------------*/
@media all and (max-width:960px), print /* TABLET & PRINTER*/
{
.noMobile {display:none;}
.js .layout-wrapper {width: 96%;}
.leftColumn, .rightColumn, .homepage_item img, .thumbnail img {width:98%; margin: 2px;}
.thumbnail {width:50%}
ul li img, .pubcover_thumbnail {width:auto !important;}
#anim {width:100%;margin:0; height:100%} /* added height to avoid carousel overflow into text below */
#footer-content-center {margin: 5px auto;padding: 0;width: 98%;display: inline-block;}
#footer-content-center-2 {margin: 0 auto;padding: 0 10px;width: 95%;display: inline-block;}
.footer-list li ul {font-size: 80%;}
.bx-caption {position:relative !important}
.bx-pager {display: none;}
.bx-wrapper .bx-caption {width:100% !important;} /* added to help avoid carousel overflow */
.bx-caption span {font-size: 0.8em} /* added to help avoid carousel overflow */
}

@media all and (max-width:480px) /* Smaller screens */
{
body {font-size: 62.5%;}
img.pubcover_page {width: 64px;}
.doubleColumn {float: none;margin-right: 0; width: 100%;}
}

/*----------------------- MEDIA CONDITIONS ------------------------------ */
@media print {
.noprint{display:none}
feedback {display: none}
#topnavi {display:none;}
#bottom-navigation{display:none}
/*.doprint {font-size:12pt; width:90%;padding:1cm; left:1cm;	top:3cm	}*/
}

@media screen,projection {
#leftcontent {position: absolute;left:0px;top:104px;width:170px; max-height:none;}
.noprintmenu {min-height:800px}	
}
/* end of screen media settings */

/*----------------------- MS IE 10+ conditions ------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
a:hover{border-bottom:0 none;text-decoration:underline}
}