html {
	width: 100%;
	margin: 0px;
	height: 100%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 9pt;
	text-align: left;
	background: #f5f5f5 url('../images/bgtop.jpg') repeat-x scroll center top!important;
}
body {
	width: 100%;
	margin: 0px;
	height:100%
}
.background {
	background: transparent url('../images/sky.gif') no-repeat scroll center top;
	vertical-align: top;
}
.toptd {
	height: 280px;
}
.logotd {
	width: 235px;
}
.logofield {
	background: transparent url('../images/logo_en.png') no-repeat scroll center center;
	height: 233px;
}
.logofieldfr {
	background: transparent url('../images/logo_fr.png') no-repeat scroll center center;
	height: 233px;
}
.emptyleftlogo {
	line-height: 1px;
	width: 9px;
	height: 37px;
}
.emptyrightlogo {
	line-height: 1px;
	width: 9px;
	height: 37px;
}
.emptybottomlogo {
	line-height: 1px;
	height: 11px;
	background:transparent url('../images/horbg.png') repeat-y scroll center center ;
	width:233px

}
.emptybottomlogo2 {
	line-height: 1px;
	height: 11px;
}
.logoslogan {
	background-color: /*#14457e*/#11335C;
	color: white;
	text-align: center;
	font-size: 7pt;
	padding-left: 28px;
	padding-right: 28px;
	font-family: Tahoma;
}
.menunewstd {
	height: 280px;
}
.emptytopmenu {
	line-height: 1px;
	height: 11px;
}
.menutd {
	height: 44px;
}
.bannernewstd {
	height: 176px;
}
.searchtd {
	vertical-align: middle;
	width: 175px;
	text-align: right;
	padding-bottom: 3px;
}
.searchtd input {
	border: 1px #25789d solid;
	width: 120px;
	color: #14457e;
	padding-left: 5px;
	font-size: 12px;
	padding-right: 5px;
	font-weight: bold;
	height: 18px;
}
.searchtd img {
	border: 0;
	vertical-align: middle;
}
.searchtd a {
	outline: none;
}
.mainmenu {
	vertical-align: middle;
	padding-bottom: 5px;
}
.news {
	width: 239px;
	vertical-align: middle;
}
.newscontainer {
	height: 161px;
	background: transparent url('../images/newsbg.png') no-repeat scroll center center;
}
.newstitle {
	height: 50px;
	vertical-align: middle;
	color: #4f4e4e;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 8px;
	font-family: Tahoma;
}
.newscontent {
	height: 111px;
}
.ctrlup {
	text-align: center;
	height: 32px;
}
.ctrldown {
	text-align: center;
	height: 32px;
}
.slider {
	height: 111px;
	width: 239px;
	margin: 0 auto;
	padding: 0;
}
.slider h2 {
	color: #000;
	font: normal 48px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 40px;
	line-height: 1.4em;
}
.slider div.img {
	float: left;
	padding: 0;
	margin: 10px auto;
}
.clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 14px;
}
p.clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 14px;
}
.where {
	height:35px
}
.whereami {
	height:35px;
	vertical-align:middle;
	text-align:left;
	color:#14457e;
}
.whereami ul {
	margin:0;
	padding:0
}
.whereami ul li {
display:inline;
list-style:none;
}
.whereami ul li a img {
	vertical-align:middle;
	padding-right:5px
}
.whereami a {
	color:#14457e!important;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}
.whereami ul li a.selected {
	color:#4f4e4e;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}

BreadCrumbStyle{
color:#4f4e4e!important;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
	
}


span .BreadCrumbStyle{
color:#4f4e4e!important;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
	
}

.BreadCrumbSeparator{
background-image:url('../images/arrow.gif');
	background-repeat:no-repeat;background-position:center;
	/*margin-left:1px;*/ padding-right:1px;padding-left:-2px;

/*width:9px;*/
}

.BreadCrumbCurrent {
	color:#14457e;
	font-size:8pt!important;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px
}

.languages {
	width:105px;
	text-align:right;
	vertical-align:middle
}
.languages img {
	border:0;
	margin-left:5px;
}
.languages a {
	outline:none
}
.leftbar {
	background:transparent url('../images/horbg.png') repeat-y scroll center center ;
	width:233px;
	vertical-align:top;
	height:100%;
	/*border-bottom: 1px solid #b0aeae!important;*/
}
.titlecontent {
	color:#4f4e4e;
	font-size:14px;
	font-weight:bold;
	text-align:left
}
.main_content {
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	vertical-align:top;
	color:#545151;
	font-size:11px;
	/*min-height:160px*/

}

.ArticleDate{
	font-family:Tahoma;
	font-size:8pt;
	font-style:italic;
	text-align:left;
}
.spacer {
	height:33px;
	background:transparent url('../images/spacer.png') no-repeat scroll center center ;
}
.moduletd {
	width:240px;
	vertical-align:top;
	height:auto
}
.moduletop {
	background:transparent url('../images/moduletop.png') no-repeat scroll center center ;
	height:47px;
	color:#4f4e4e;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px
}
.moduletop a{
	font-size:8pt!important;
font-weight:normal;

}
.modulemiddle {
	background:transparent url('../images/modulemiddle.png') repeat-y scroll center center ;
	color:#545151;
	font-size:11px;
	text-align:left;
	padding-top:5px;
	vertical-align:top;
	height:auto;
	padding-left:15px;
	padding-right:15px
}
.modulemiddle a {
	display:block;
	color:#25789d;
	text-align:left;
	font-size:10px
}
.modulemiddle h1 {
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	margin:0;
	padding:0;	
}
.modulemiddle img {
	float:left;
	border:0;
	padding-right:10px
}
.modulebottom {
	background:transparent url('../images/modulebottom.png') no-repeat scroll center center ;
	height:23px;
	line-height:1px;
}
.modulelefttitle {
	height: 37px;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-left: 12px;
	font-size: 13px;
	padding-right: 20px;
	background-color: #14457e;
}
.padder {
	padding-top:7px;
}
.emptytd {
	height:20px
}
.footer {
	text-align:center;
	height:100%
}
.footertd {
	background:transparent url('../images/footer.jpg') no-repeat scroll center center ;
	height:58px;
	color:#555454;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle
}
.footertd a {
	color:#25789d ;
	text-decoration:none
}
.footerend {
	background:transparent url('../images/bgfooter.jpg') repeat-x scroll center center ;
	height:38px
}

/*New testing*/

td.Projecttabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	float: left;
	color:#4f4e4e!important;
	
}

div.Projecttabs {

	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 !important;
	list-style-image: none;
	border-right: 1px #eeeeee solid;
	border-right-color: #E0E0E0;
}
/*First Tab in the list*/
div.ProjecttabsFirst {
	float: left;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0 !important;
	list-style-image: none;
	border-right: 1px #eeeeee solid;
	border-right-color: #E0E0E0;
		border-left: 1px #eeeeee solid;
	border-left-color: #E0E0E0;
}

div.ProjecttabsFirst a:visited  {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e!important;
	font-size:10pt;
	font-weight:bold;
	font-family:Tahoma;
}

div.ProjecttabsFirst a:link  {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e!important;
	font-size:10pt;
	font-weight:bold;
	font-family:Tahoma;
}

div.Projecttabs a:visited  {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e!important;
	font-size:10pt;
	font-weight:bold;
	font-family:Tahoma;
}

div.Projecttabs a:link  {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	color:#4f4e4e!important;
	font-size:10pt;
	font-weight:bold;
	font-family:Tahoma;
}

/* when mouse enters the tab move the background image */
div.ProjecttabsFirst a:hover {
	color:white!important;
	background-color:#14457e;
}
div.Projecttabs a:hover {
	color:white!important;
	background-color:#14457e;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.ProjecttabsFirst a.current:hover {
	cursor: default;
	color: white!important;
	background-color:#14457e;
	font-weight: bold;
}


div.ProjecttabsFirst a.current {
	cursor: default;
	color: white!important;
	background-color:#14457e;
	font-weight: bold;
}


div.Projecttabs a.current:hover {
	cursor: default;
	color: white!important;
	background-color:#14457e;
	font-weight: bold;
}


div.Projecttabs a.current {
	cursor: default;
	color: white!important;
	background-color:#14457e;
	font-weight: bold;
}


/*End new testing*/


/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}
.internaltitles {
	font-size: 12px;
	font-weight: bold;
	color: #711471;
	text-align: left;
}
.internalcontent {
	font: 12px;
	color: #58595b;
	text-align: left;
	padding-top: 10px;
}

span.cover-ar{
	display:none;
}

span.abst-ar{
	display:none;
}

span.council-ar{
	display:none;

}
span.council-en{
font-weight:bold;
}

span.council-fr{
display:none;
}

span.cover-fr{
	display:none;
}

span.abst-fr{
	display:none;
}

td.council
{
	vertical-align:top;
}

.publicationcover-image img{
	width:100px!important; margin:10px!important; margin-right:10px!important;

}

.publicationcover-image-big img{
	width:120px!important; margin:10px!important; margin-right:10px!important;

}

.publicationcover-image td{
		text-align:center!important;
		border:1px #B2D2DF solid!important; font-weight:bold!important;
margin:10px!important;
}

.publicationcover-image div{
		text-align:center!important;
margin:10px!important;
font-family:Tahoma;
	font-size:8pt;
	font-style:italic;
}


/*New Main Page Tabs*/

td.Maintabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	float: left;
	color: #716F6F;
}

div.Maintabs {
	float: left;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 5px !important;
	list-style-image: none;
	border: 1px #E0E0E0 solid;
	font-size:8pt;

}
/*First Tab in the list*/
div.MaintabsSecond  {
	border: 1px solid #E0E0E0;
	float: left;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0px !important;
	list-style-image: none;
	background-color: #4581AD;
	color: #FFFFFF!important;
	font-size: 8pt;
}

div.MaintabsFirst  {
	border: 1px solid #E0E0E0;
	float: left;
	text-indent: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0px !important;
	list-style-image: none;
	background-color: #4581AD;
	color: #FFFFFF!important;
	font-size: 8pt;
}

div.MaintabsFirst a:link{
		color: #FFFFFF!important;
		font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
	height: 28px;
	line-height: 28px;

}

.MaintabsVisited{
			color: #FFFFFF!important;
		font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
}

div.MaintabsSecond a:link  {
		color: #FFFFFF!important;
		font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
	height: 28px;
	line-height: 28px;

}

div.MaintabsSecond a:visited   {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
		color: #FFFFFF;

}

div.MaintabsFirst a:visited   {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor: pointer;
	outline: none;
	font-size: 8pt;
	font-weight: bold;
	font-family: Tahoma;
	color: #305876;
}

div.Maintabs a:visited   {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
		color: /*#716F6F*/#305876;

}

div.Maintabs a:link   {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor:pointer;
	outline: none;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;
		color: #716F6F;

}

/* when mouse enters the tab move the background image */
div.Maintabs a:hover {
	color:#14457e!important;
	background-color:transparent;
}

div.MaintabsFirst a:hover{
		color:#FFFFFF!important;
	background-color:transparent;

}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.MaintabsFirst a.current:hover {
	cursor: default;
	color: white!important;
	background-color:#14457e;
	font-weight: bold;
	font-size:8pt;
}

div.MaintabsFirst a.active {
	cursor: default;
	color: white!important;
	background-color:/*#14457e*/#14457e;
	font-weight: bold;
	font-size:8pt;
}

div.Maintabs a.current:hover {
	cursor: default;
	color: white!important;
	background-color:/*#14457e*/#14457e;
	font-weight: bold;
	font-size:8pt;
}

div.Maintabs a.active {
	cursor: default;
	color: white!important;
	background-color:/*#14457e*/#14457e;
	font-weight: bold;
	font-size:8pt;
}

td.mainTabsBelow{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E0E0E0;
}

div.MainPagePanel{
		border: 1px #E0E0E0 solid;

}

div.LeftBarText{
	color:#14457e;
	font-size:10pt;
	font-family:Verdana;
	vertical-align:top;
	width:180px;
}

.LeftBarText {
		text-align:center!important;
		border:1px #B2D2DF solid!important; font-weight:bold!important;
		vertical-align:top;
/*margin:10px!important;*/
padding:10px;
width:200px!important;
}

td.LeftBarText a:visited{
	font-family: Tahoma !important;
	font-size: 11px!important;
	font-weight: bold!important;
		color: #1C5394;

}


table.LeftBarText a{
	font-family: Tahoma !important;
	font-size: 11px!important;
	font-weight: bold!important;
		color: #1C5394;

}


.ContactUsLabels{
	color:#14457e;
	font-size:9pt!important;
	font-family:Tahoma;
	text-align:left!important;
	font-weight:bold;
}

.ContactUsText{
	border:1px #B2D2DF solid!important;
	text-align:left!important;

	}
	
.ContactUsTextTD{
	background-position: left!important;
	text-align:left!important;

}
	
.ContactUsButtons
{
	background-color:#14457e;
 color:#FFFFFF;
 	font-weight:bold;
	font-size:9pt!important;

}

.ContactUsButtons a:link
{
 color:#FFFFFF!important;
 	font-weight:bold;
	font-size:9pt!important;
}

.LeftMenuContainer div{
	width:214px;
}

ul.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 28px;
	float: left;

}
/* single tab */
ul.tabs li {
	float: left;
	text-indent: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px #eeeeee solid;
	margin: 0 !important;
	list-style-image: none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0px;
	position: relative;
	top: 1px;
	cursor: pointer;
	outline: none;
	color:#4f4e4e;
	font-size:8pt;
	font-weight:bold;
}
ul.tabs a:active {
	outline: none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:white!important;
	background-color:#1c5e7c;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li.current a {
	cursor: default;
	color: white!important;
	background-color:/*#1c5e7c*/#4581AD;
	font-weight: bold;
	border-right: 1px #eeeeee solid;

}
ul.tabs a.current:hover {
	cursor: default;
	color: white!important;
	background-color:/*#1c5e7c*/#4581AD;
	font-weight: bold;
	border-right: 1px #eeeeee solid;

}
ul.tabs a.current {
	cursor: default;
	color: white!important;
	background-color:/*#1c5e7c*/#4581AD;
	font-weight: bold;
	border-right: 1px #eeeeee solid;

}
/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}

<style type="text/css">
/* tab pane styling */
div.panes div {
	display: none;
	padding: 15px 0px 0px 0px;
	border-top: 0;
	height: auto;
	font-size: 10pt;
	text-align: left;
	color: #858589;
}
</style>

.SpescHeader {
		text-align:left!important;
		border:1px #B2D2DF solid!important; font-weight:bold!important;
		vertical-align:top;
margin:10px!important;
padding:10px;
width:500px!important;
}

.SpescHeader td{
		border:1px #B2D2DF solid!important; font-weight:bold!important;
		vertical-align:top;
width:500px!important;
	background-position:center!important;

}

.SpescHeader td a img{
	text-align: center!important;
	background-position:center!important;
}

/*End Main Page Tabs*/