/* @charset "utf-8";
@import url('http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css');
@import url('mediaelementplayer.css'); */
@import url('jquery.jscrollpane.css');
@import url('swiper.min.css');
@import url('organisation.css');
@import url('gallery.css');
@import url('common.css');

body{ margin:0;font-size:0.8em;background:none #cbffef !important;}
p {  font-family: "Verdana", "Arial", "Helvetica";  color: #333333; text-align: justify; margin:0 0 10px;}
li {  font-family: "Verdana", "Arial", "Helvetica";  color: #333333;}
td {  font-family: "Verdana", "Arial", "Helvetica";  color: #333333;}
textarea {  text-align: justify; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 0.75em; color: #333333}
table.tb_style1 {border-color:#ACA899; border-style:solid; border-collapse:collapse; }
table.tb_style1 td {border-color:#ACA899; border-style:solid; border-collapse:collapse;}
table.tb_style1 th{ border-color: #ACA899; }
table.tb_style1 table td {border-color:#ACA899 !important; border:0;}

img{border:0;}
.photo_caption {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 0.88em; color: #625EB4; font-weight: normal}
.link {  color: #0370A8;font-family: "Verdana", "Arial", "Helvetica"; font-style: normal;  text-decoration: underline}
.path_arrow {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 0.85em; color: #FFFFFF; font-weight: normal}
.path_link {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 1em; color: #FFFFFF; text-decoration: underline; font-weight: normal}
.path_higlight {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 0.85em; color: #FFFFFF; font-weight: bold}

.search {  font-family: Arial; font-size: 0.75em; width:32px;}

h1.topic {  font-family: "Verdana", "Arial", "Helvetica" ; font-size: 1.15em; color: #0266AE; font-weight: bold; margin:0;}
.p_heading1 {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 1.05em; color: #317D99; font-weight: bold}
.p_heading2 {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 1.05em; color: #317D99; text-decoration: italic}
.bold_heading {  font-weight: bold; font-size: 1.05em;}
.table_heading1 {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 1em; font-weight: bold; color: #205767}
.table_txt { font-family: "Verdana", "Arial", "Helvetica"; font-size: 1em; font-weight: normal; color: #000000; line-height: 1em}

.footer {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 0.88em; color: #333333}

#skipnav {float: left; margin: 0; padding: 0;  width: 100%;}
#skipnav a {background: none repeat scroll 0 0 #AAAAAA; font-size: 100%; height: 1px; overflow: hidden; position: absolute; width: 1px;}
#skipnav a:focus, #skipnav a:active { color: #025296; display: inline; height: auto; left: 0; padding: 4px; top: 0; width: 230px; z-index: 1000;}
.accessbility{height:0px;width:1px; display:inline-block; visibility:hidden; overflow:hidden;margin:0}
.uline {text-decoration: underline;}
.noshow{display:none; visibility:hidden; overflow:hidden;margin: 0}
.Link {  color: #0370A8;font-family: "Verdana", "Arial", "Helvetica";font-style: normal;  text-decoration: underline}

/* font-size control */
.txt_ssize{
	font-size: 1em;
}

.txt_msize{
	font-size: 1.23em;
}

.txt_lsize{
	font-size: 1.45em;
}

.font_control{
	width:50px;
	line-height: 0;
}

.font_control a{
	color: #000;
	text-decoration: none;
	margin-left: 5px;
	font-family: Helvetica,"Myriad Pro",Arial,sans-serif;
}

.font_control a:hover{
	text-decoration: underline;
}

.font_control a.selected{
	color:#EE0000;
}

/* .font_control a.txt_s{
	font-size: 12px;
	line-height:12px;
}

.font_control a.txt_m{
	font-size: 16px;
	line-height:16px;
}

.font_control a.txt_l{
	font-size: 20px;
	line-height:20px;
} */

/*

 .txt_msize .font_control a.txt_s{
	font-size: 0.7em;
}

.txt_msize .font_control a.txt_m{
	font-size: 1em;
}

.txt_msize .font_control a.txt_l{
	font-size: 1.2em;
}

.txt_lsize .font_control a.txt_s{
	font-size: 0.6em;
}

.txt_lsize .font_control a.txt_m{
	font-size: 0.8em;
}

.txt_lsize .font_control a.txt_l{
	font-size: 1em;
} */
.child_funding ul li table td table tr td{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.child_funding ul li table td table tr:first-child td{
	border-top: 0;
}

img[usemap], map area{ outline: none;}

body.home .stage .caption, body.home div.whats_new div.box-content{
	font-size:0.725em;
}
.org-chart-box-2.card p{
	font-size: 0.88em;
}
.txt_lsize .org-chart-box-2.card p{
	font-size: 0.85em;
}
#desktopVersion{
	display:block;
	width:68px;
	font-size:9px;
	text-decoration:none;
	position:relative;
	padding-left:16px;
	color:#333;
	line-height:16px;	
}
#desktopVersion:hover{ color:#bd3131;}
#desktopVersion:before{
	content:'';
	position:absolute;
	left:0;
	bottom:1px;
	background:url('/images/icon-mobile.png') no-repeat 0 0;
	background-size:100% auto;
	width:16px;
	height:16px;
}
#desktopVersion:hover:before{
	background:url('/images/icon-mobile-hover.png') no-repeat 0 0;	
}

#otherLangBtn{
	position: relative;
}
#otherLangBtn .otherLangLayer{
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	width: 200px;
	z-index: 100;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(153,153,153,0.7);
	display: none;
}
#otherLangBtn:hover .otherLangLayer, #otherLangBtn:focus-within .otherLangLayer{
	display: block;
}
#otherLangBtn .otherLangLayer a{
	display: block;
	width: calc(100% - 40px);
	padding: 10px 20px;
	color: #333;
	text-decoration: none;
}
#otherLangBtn .otherLangLayer a:hover{
	color: #fff;
	background-color: #124B82;
}
#otherLangBtn .otherLangLayer a:not(:last-child){
	border-bottom: 1px solid #ccc;
}
.firefox #otherLang, .firefox #desktopVersion{
	letter-spacing: -1px;
}
#otherLang{
	display:block;
	width:80px;
	font-size:9px;
	text-decoration:none;
	position:relative;
	padding-left:18px;
	padding-right:15px;
	color:#333;
	line-height:16px;	
}
#otherLang:hover, #otherLangBtn:focus-within #otherLang, #otherLangBtn:hover #otherLang{ color:#bd3131;}
#otherLang:before{
	content:'';
	position:absolute;
	left:0;
	bottom:1px;
	background:url('/images/icon-lang.png') no-repeat 0 0;
	background-size:100% auto;
	width:16px;
	height:16px;
}
#otherLang:after{
	content:'';
	position:absolute;
	right:4px;
	bottom:1px;
	background:url('/images/icon-lang-arr.png') no-repeat 0 50%;
	background-size:100% auto;
	width:11px;
	height:16px;
}
#otherLang:hover:before, #otherLangBtn:focus-within #otherLang:before, #otherLangBtn:hover #otherLang:before{
	background:url('/images/icon-lang-hover.png') no-repeat 0 0;	
}
#otherLang:hover:after, #otherLangBtn:focus-within #otherLang:after, #otherLangBtn:hover #otherLang:after{
	background:url('/images/icon-lang-arr-close-hover.png') no-repeat 0 50%;
}

.containerWrap{
	max-width: 760px;
	margin: 0 auto;
	width: 100%;
}
#wrapper {
    width: 100%;
    /* overflow: hidden; */
    min-height: 100%;
	background-color: #fff;
}
#wrapperInner {
    width: 100%;
    position: relative;
}
#topZone{
	background: url(/en/images/bkgdtexture.gif) 0 0 repeat #FAFAEB;
	font-family: "Verdana", "Arial", "Helvetica";
}
#header{
	padding: 5px 0 5px 15px;
	line-height: 0;
}
#header > div{
	float: left;
}
#leftHeader{
	padding-top: 3px;
}
#header > #rightHeader{
	float: right;
}
#mobileHeader{
	display: none;
	background-color: #fff;
}
#shortcut>div.ctrl, #mSearchWrap{
	display: none;
}
#logoWrap {
    border-bottom: 4px solid #df922f;
    line-height: 0;
    padding: 16px 16px;
}
#logoWrap a{
	display: block;
}
#logoWrap img{
	max-width: 100%;
	width: 400px;
}
#shortcut{
	display: table;
	width: 100%;
	border-bottom: 2px solid #BB3333;
}
#shortcut>div{
	display: table-cell;
	vertical-align: bottom;
}
#shortcut>div.bgBtn a {
	display: block;
	text-align: left;
	text-indent: -9999px;
}
#shortcut>div#gov{
	width: 171px;
}
#shortcut>div#gov a{
	height: 20px;
	background: url(/en/images/mainbar1.gif) 0 0 no-repeat;
}
#shortcut>div#gov a:hover, #shortcut>div#gov a:focus{
	background-image: url(/en/images/mainbar1_f2.gif);
}
#shortcut>div#tcBtn{
	width: 51px;
	max-width: 51px;
}
#shortcut>div#tcBtn a{
	height: 20px;
	background: url(/en/images/mainbar3.gif) 0 0 no-repeat;
}
#shortcut>div#tcBtn a:hover, #shortcut>div#tcBtn a:focus{
	background-image: url(/en/images/mainbar3_f2.gif);
}
#shortcut>div#gbBtn{
	width: 50px;
	max-width: 50px;
}
#shortcut>div#gbBtn a{
	height: 20px;
	background: url(/en/images/mainbar4.gif) 0 0 no-repeat;
}
#shortcut>div#gbBtn a:hover, #shortcut>div#gbBtn a:focus{
	background-image: url(/en/images/mainbar4_f2.gif);
}
#shortcut>div.space{
	min-width: 25px;
	background: url('/en/images/mainbar5.gif') left bottom no-repeat;
}
#shortcut>div#dSearch>*{
	display: inline-block;
	float: left;
}
#shortcut>div#dSearch #dSearchLink{
	width: 54px;
	height: 20px;
	background: url(/en/images/mainbar6.gif) 0 0 no-repeat;
}
#shortcut>div#dSearch #dSearchLink:hover, #shortcut>div#dSearch #dSearchLink:focus{
	background-image: url(/en/images/mainbar6_f2.gif);
}
#shortcut>div#dSearch #dSearchBtn{
	width: 22px;
	height: 20px;
	background: url(/en/images/mainbar8.gif) 0 0 no-repeat;
}
#shortcut>div#dSearch #dSearchBtn:hover, #shortcut>div#dSearch #dSearchBtn:focus{
	background-image: url(/en/images/mainbar8_f2.gif);
}
#shortcut>div#sitemap{
	width: 65px;
}
#shortcut>div#sitemap a{
	height: 20px;
	background: url(/en/images/mainbar9.gif) 0 0 no-repeat;
}
#shortcut>div#sitemap a:hover, #shortcut>div#sitemap a:focus{
	background-image: url(/en/images/mainbar9_f2.gif);
}
#shortcut>div#contact{
	width: 29px;
}
#shortcut>div#contact a{
	height: 20px;
	background: url(/en/images/mainbar10.gif) 0 0 no-repeat;
}
#shortcut>div#contact a:hover, #shortcut>div#contact a:focus{
	background-image: url(/en/images/mainbar10_f2.gif);
}
#visualZone{
	line-height: 0;
}
#visualZone img{
	width: 100%;
}

/*** mobile menu ******/
#mMenuWrap{
	position: relative;
}
/*mobile menu*/
#mobileMenu{
	position:absolute;
	top:40px;
	z-index:2000;
	width:100%;
	display:none;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow:         0px 0px 10px 0px rgba(0,0,0,0.5);
	overflow:auto;	
	font-size: 0.923em;
}
#mmenuMain ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
}
#mmenuMain a{
	text-decoration: none;
	color: #555;
}
#mmenuMain{
	background-color:#0ac7db;	
	padding:15px;	
}
#mmenuMain > ul > li{ padding:10px 40px 10px 20px; background-color:#a4f7ff; margin-bottom:2px; position:relative;}
#mmenuMain > ul > li.selected, #mmenuMain > ul > li.active{ background-color:#fff;}
#mmenuMain > ul > li > a{ display:block; color:#15568e; font-size:1.250em;}
#mmenuMain > ul > li > a.btn{ width:30px; height:30px; position:absolute; right:5px ; top:5px; text-indent:-9999px;}
#mmenuMain > ul > li > a.btn:before{
	content:'';
	width:0;
	height:0;
	border:8px transparent solid;
	border-bottom-width:0;
	border-top-color:#15568e;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-4px;
	margin-left:-8px;	
}
#mmenuMain > ul > li.active > a.btn:before{ border-top-color:#c35409;}
#mmenuMain > ul > li.active.hasChild > a.btn:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#mmenuMain > ul > li.selected > a, #mmenuMain > ul > li.active > a{ color:#c35409;}
#mmenuBot{ padding:15px;}
#mmenuMain > ul > li.active > ul{ display:block;}
#mmenuMain > ul > li > ul{ display:none;}
#mmenuMain > ul > li > ul > li{
	padding:10px 0 0;
}
#mmenuMain > ul > li > ul{ margin-bottom:10px;}
#mmenuMain > ul > li > ul > li > a{
	display:block;
	padding-left:20px;
	position:relative;
}
#mmenuMain > ul > li > ul > li > a:before{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	background-color:#c35409;
	border-radius:50%;
	top:0.5em;
	left:5px;
}
.txt_ssize #mmenuMain > ul > li > ul > li > a:before{ top:.5em;}
/*mobile menu ends*/

#contentWrap {
    position: relative;
    width: 100%;
    display: flex;
	font-family: "Verdana", "Arial", "Helvetica";  color: #333333;
}
#contentWrap #leftNavWrap{
	width: 153px;
	position: relative;
	z-index: 100;
}

/********* leftMenu ******/
#leftNavWrap *{
	box-sizing: border-box;
}
#leftNavWrap{
	font-size: 0.8em
}
#leftNavWrap ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#leftMenu>li{
	background: url('../images/nav_over2.jpg') repeat-y 0 0;
	position: relative;
}
#leftMenu>li.hasChild{
	background-image: url('../images/nav_over2_has_child.jpg');
}
#leftMenu>li:hover, #leftMenu>li.selected{
	background-image: url(../images/nav_over3.jpg);
}
#leftMenu>li.hasChild:hover, #leftMenu>li.hasChild.selected{
	background-image: url('../images/nav_over3_has_child.jpg');
}
#leftMenu>li:hover>a, #leftMenu>li.selected>a{
	color: #020063;
}
#leftMenu>li{
	border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
#leftMenu a{
	color: #fff;
	display: block;
    padding: 10px 20px;
	text-decoration: none;
}
#leftMenu>li.hasChild:hover .subnav, #leftMenu>li.hasChild.active .subnav{
	display: block;
}
#leftMenu .subnav{
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 10;
	width: 195px;
	border-bottom: 1px solid #333;
	display: none;
}
#leftMenu .subnav a{
	display: block;
    padding: 10px 20px;
    background: url(../images/nav_over2.jpg) repeat-y 50% 50%;
    background-size: 100%;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
#leftMenu .subnav a:hover{
	background-image: url(../images/nav_over3.jpg);
	color: #020063;
}
#leftNavWrap a.banner_gallery{
	width: 138px;
}
#leftNavWrap div.social-media{
	line-height: 0;
}
body.home #stageSlider{
	position: relative;
}
#stageSlider .swiper-pagination{
	bottom: 1px;
    width: 100%;
}
#stageSlider .swiper-pagination-bullet{
	background-color: #c48ec8;
    width: 7px;
    height: 7px;
	opacity: 1;
	margin: 0 5px;
}
#stageSlider .swiper-pagination-bullet:hover, #stageSlider .swiper-pagination-bullet-active{
	background-color: #ccc;
}
#stageSlider .swiper-slide{
	line-height: 0;
}
body.home div.whats_new div.box-content div.newsItem{
	margin-top: 10px;
}
body.home div.whats_new div.box-content div.newsItem:first-child{
	margin-top: 0;
}
#contentArea{
	width: calc(100% - 153px);
	position: relative;
}
body.home .whats_new{
	margin-left: 0;
}
body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag{
	background-image: none!important;
	background: #1570C3;
	border-radius: 5px;
}
body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag:hover{
	background-color: #409E54;
}
body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag:before, body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag:after{
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../mobile/images/bg-dragger.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size: contain;
}
body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag:before{
	top: 5px;
}
body.home div.whats_new div.box-content .scroll-pane .jspVerticalBar .jspDrag:after{
	bottom: 5px;
}
#banner_list1, #banner_list2{
	width: 100%;
	max-width: 444px;
	margin-left: 50px;
	/* margin: 0 auto; */
	position: relative;
}
body.home .icon_list .prev_btn{
	left: -40px;
}
body.home .icon_list .next_btn{
	right: -40px;
}
#linksWrap{
	background: url('/en/images/botdot.jpg') 0 0 repeat-x;
	padding-top: 5px;
	margin-left: 5px;
	width: calc(100% - 5px);
	display: flex;
}
#linksWrap ul.footerNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: 700;
}
#linksWrap ul.footerNav li:first-child {
    padding-left: 0!important;
}
#linksWrap ul.footerNav li:first-child:before{
	display: none;
}
#linksWrap ul.footerNav li {
    padding: 0 8px;
}
#linksWrap ul.footerNav li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}
#linksWrap ul.footerNav li.sitemapBtn{
	display: none;
}
#linksWrap ul.footerNav li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    height: 13px;
    width: 1px;
    background-color: #000;
}
#linksWrap >div{
	flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
#linksWrap #rightLinks{
	text-align: right;
	padding-right: 5px;
	flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
#awardsWrap{
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.downloadBtn{
	max-width: 120px!important;
}

#contentarea a:active{
	color: #EE0000;
}