/* @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('jquery.bxslider.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, h2 {  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 table td {border-color:#ACA899 !important; border:0;}

img{border:0;}
.photo_caption {  font-family: "Verdana", "Arial", "Helvetica"; font-size: 0.88em; color: #6F6FB1; 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:124px;}

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}
.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;
}

.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:#ff0000;
}

/* .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:inline-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;
}
#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-hover.png') no-repeat 0 50%;
}

h1#contentArea{
	width: 100%;
}
#contentarea{
	padding-bottom: 150px;
	width: calc(100% - 153px);
    position: relative;
}
#footerZone{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

a.downloadBtn{
	max-width: 120px!important;
}

.containerWrap{
	width: 760px!important;
}