@media print {
   body {
      font-family: "arial narrow", arial, serif;
      font-size: none;
   }
   img, #banner, #topnav, #article_toc {
      display: none;
   }
   a {
      color: #000;
      text-decoration: none;
   }

}

@media screen {

/* ------------------------------------------------------------------------------- */
/* General settings                                                                */
/* ------------------------------------------------------------------------------- */
body 
{
    font-family: arial, sans-serif;
    padding: 0;
    margin: 10px;
    color: #626366;
    background-color: #ffffff;
    scrollbar-base-color:#004712;
    scrollbar-arrow-color:#fff;
    text-align:center;
}


ul, li {
   margin: 0;
   padding: 0;
}
li {
   list-style-type: none;
}
img {
   border: 0;
}
a {
   color: #709133;
   text-decoration: none;
}
a:hover {
   color: #004712;
   text-decoration: underline;
}
h1 {
   font-size: 320%;
   margin: 0;
   padding-top: 0.5em;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
	   color: #004712;
}


h4 {
   font-size: 120%;
   margin-bottom: 0;
}

input, select, textarea
	{
	background-color:#f5f9f5;
	color:#004712;
	border:1px solid #a5afa5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
	.emailafriend
	{
	width:150px;
	}
	
	
input[type="image"]
{
border:0;
}
/* ------------------------------------------------------------------------------- */
/* Admin bar                                                                       */
/* ------------------------------------------------------------------------------- */
div#adminbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    background-color: #004712;
    margin-bottom: 1em;
    color: #fff;
    font-size: 1.2em;
    text-align: left;
}
div#adminbar ul li {
    display: inline;
    list-style-type: none;
}
div#adminbar a {
    color: #a0ba2a;
    padding-left: 5px;
    padding-right: 5px;
}
div#adminbar a:hover {
    background-color: #a0ba2a;
    color: #004712;
}
div#adminbar div#adminissue {
    position: absolute;
    right: 20px;
}


/* ------------------------------------------------------------------------------- */
/* More from Maplecroft pane                                                       */
/* ------------------------------------------------------------------------------- */
div#panecontainer {
   position: relative;
  
}
div#pane {
   margin: 0;
   margin-left: 67px;
   width: 240px;
   background: url(../img/mmc.gif) repeat-y top left;
}
div#panetop {
   width: 240px;
   height: 10px;
   background: url(../img/mmt.gif) no-repeat top left;
}
div#panebottom {
   width: 240px;
   height: 12px;
   background: url(../img/mmb.gif) no-repeat bottom left;
}
div#panecontent {
   text-align: left;
   padding: 4px;
   margin: 0;
   margin-left: 5px;
   margin-right: 15px;
   color: #004712;
}

div#usernav {
   font-size:1.2em;
			margin:0px 5px 0px 0px;
}


form#searchform {
   margin: 0;
   margin-right: 5px;
   padding: 0;
   font-size: 1.2em;
   font-weight: normal;
   margin-bottom: 1em;
}

div#newsfeed {
   margin: 0;
   margin-right: 5px;
			font-size:1.2em;
			color:#004712;
}

div#newsfeed p
{
margin-bottom:3px;
font-weight:700;
}

div#newsfeed img#feedicon, div#newsfeed img#emailicon {
   vertical-align: top;
			margin-bottom:3px;
}


input.imagebutton
{
    border:0;
}

/* ------------------------------------------------------------------------------- */
/* Page container and header                                                       */
/* ------------------------------------------------------------------------------- */
div#container {
   background-color: #fff;
   background: url(../img/gradendline.png) repeat-y 0 0;
   width: 90%; /* 800px for fixed width, previously 80% then 90% */
   min-width: 500px;
   height: 100%;
   margin: auto;
   border: 1px solid #004712;
   [if lte IE6]
   width: expression( document.body.clientWidth < 501 ? "500px" : "90%" );
   [endif]
}

div#bar {
   background: url(../img/gradline.png) no-repeat 0 0;
   width: 100%;
   text-align: left;
}
div#logoandfont {
   position: relative;
   float: left;
   padding-left: 15px;
}
div#logobar {
   position: relative;
   z-index:1;
   margin-right: 5px;
   margin-left: 5px;
   padding-top: 5px;
}
img#mlogo {
   width: 208px;
   height: 49px;
}
div#header {
   clear: both;
   z-index: 0;
   position: relative;
   padding-left: 130px;
   width: 65%;
   margin-bottom: 0;
}
div#header h3 {
   color: #626366;
   font-size: 3.2em;
   font-weight: normal;
   margin: 0;
}
div#rhtop {
   position: relative;
   float: right;
   text-align: right;
   min-height:90px;
   height:90px;
}
div#rhtop img.real {
   margin-left: 5px;
   margin-right: 0;
   padding: 0;
}
div#header p#tagline {
   color: #004712;
   font-size: 1.4em;
   font-weight: bold;
   margin: 0;
   margin-bottom: 0.5em;
}
div#content {
   padding: 5px 10px 5px 15px;
}
div#content h2 {
   color: #004712;
   font-size: 1.5em;
   font-weight: bold;
}
div#content p {
   font-size: 1.2em;
   line-height: 1.4em;
   color: #626366;
}

div.searchpreview {
    margin: 0;
    padding: 0;
    margin-left: 3em;
    font-size: 1.2em;
}

.buttonstyle1 {
    color: #004712;
    border: 0;
    border-style: none;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 26px;
    background-image: url(../img/button1.gif);
    width: 34px;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    padding-bottom: 5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
	   cursor:pointer;
}

.buttonstyle2 {
    color: #004712;
    border: 0;
    border-style: none;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 26px;
    background-image: url(../img/button2.gif);
    width: 100px;
	   min-width:100px;
    margin: auto;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
	   cursor:pointer;
}
div.headlines_box
{
    margin-left:10px;
    margin-bottom:20px;
    width:auto;
}

div.title_container
{
    width:100%;
				font-size:1.2em;
				margin-bottom:3px;
				height:auto;
				float:left;
				clear:both;
}

div.title_country
{
    width:20%;
    float:left;
}

div.title_text
{
    float:left;
				width:80%;
}

/* ------------------------------------------------------------------------------- */
/* Main navigation                                                                 */
/* ------------------------------------------------------------------------------- */
#navcontent {
   position: relative;
   width: 70%; /* "auto" for fixed width, previously 65% then 70% */
   /* padding-right: 5px; use when width is auto */
   padding-left: 130px;
   margin-bottom: 30px;
}
#topnavdiv {
   position: absolute;
   width: 158px;
   left: -40px;
}
#topnav {
   width: 100%;
   padding-top: 0px;
   padding-bottom: 3px;
}
#topnav li {
   position: relative;
   cursor: pointer;
   width: 158px;
   margin-bottom: 5px;
   text-align: left;
}
#topnav li a {
				font-size: 1.4em;
 			color: #004712;
    font-weight: bold;

}
#topnav li a:hover {
   text-decoration: underline;
}


.tt {
   background: transparent url(../img/tta.gif) no-repeat top left;
   padding-top: 10px;
}
.mt {
   background: transparent url(../img/mta.gif) repeat top left;
   cursor: pointer;
   padding-right: 10px;
   padding-left:17px;
}
.bt {
   background: transparent url(../img/bta.gif) no-repeat top left;
   height: 12px;
   width: 158px;
}
.tto {
   background: transparent url(../img/tta.gif) no-repeat top left;
   padding-top: 10px;
}
.mto {
   background: transparent url(../img/mta.gif) repeat top left;
   cursor: pointer;
   padding-right: 10px;
}
.bto {
   background: transparent url(../img/bta.gif) no-repeat top left;
   height: 12px;
   width: 158px;
}
.tta {
   background: transparent url(../img/tta.gif) no-repeat top left;
   cursor: default;
   padding-top: 10px;
}
.mta {
   background: transparent url(../img/mta.gif) repeat top left;
   cursor: default;
   padding-right: 10px;
}
.bta {
   background: transparent url(../img/bta.gif) no-repeat top left;
   cursor: default;
   height: 12px;
   width: 158px;
}

/* ------------------------------------------------------------------------------- */
/* Content panel                                                                   */
/* ------------------------------------------------------------------------------- */
.panelt {
   background: transparent url(../img/palt-t.gif) repeat-x top center;
   position: relative;
}
.paneltl {
   background: transparent url(../img/palt-tl.gif) no-repeat top left;
   position: relative;
}
.paneltr {
   background: transparent url(../img/palt-tr.gif) no-repeat top right;
   position: relative;
}
.panelcl {
   background: transparent url(../img/panelcl.gif) repeat-y top left;
   position: relative;
}
.panelcr {
   background: transparent url(../img/panelcr.gif) repeat-y top right;
   position: relative;
}
.panelb {
   background: transparent url(../img/palt-b.gif) repeat-x bottom center;
   position: relative;
}
.panelbl {
   background: transparent url(../img/palt-bl.gif) no-repeat bottom left;
   position: relative;
}
.panelbr {
   background: transparent url(../img/palt-br.gif) no-repeat bottom right;
   position: relative;
}

/* ------------------------------------------------------------------------------- */
/* Footer                                                                          */
/* ------------------------------------------------------------------------------- */
#footer {
   background-color: #004712;
   padding: 0.5em;
   text-align: center;
}
#footer p {
   color: #fff;
   margin: 0;
   font-size: 1em;
   xfont-weight: bold;
}
#footer p a {
   color: #fff;
   text-decoration: none;
}
#footer p a:hover {
   text-decoration: underline;
}
div#footertag {
   width: 100%;
   text-align: right;
   margin-bottom: 5px;
   margin-top: 2em;;
}

/* Footer tagline - risk responsibilty reputation */
#r1 {
   color: #a0ba2a;
}
#r2 {
   color: #709133;
}
#r3 {
   color: #3f5f23;
}
.r {
  font-size: 1.8em;
  letter-spacing: 0.05em;
}


/* ------------------------------------------------------------------------------- */
/* Prev/Next panel                                                                 */
/* ------------------------------------------------------------------------------- */
div#icon_nav_search {
   height: auto;
   margin-top: 1em;
   margin-bottom: 1em;
   padding-left: 5px;
   padding-top: 5px;
   position: absolute;
   right: 10px;
   top: -7em;
   background-color: #fff;
}
div#icon_nav_nonews {
   height: auto;
   width: 130px;
   margin-top: 1em;
   margin-bottom: 0;
   padding-left: 5px;
   padding-top: 5px;
   position: absolute;
   right: 15px;
   top: 0;
   background-color: #fff;
}
div#icon_nav {
   height: auto;
   float: right;
   width: 130px;
   margin-top: 1em;
   margin-bottom: 0;
   padding: 0;
   background-color: #fff;
}
div#icon_nav_article {
   height: auto;
   width: 130px;
   margin-top: 1em;
   margin-bottom: 0;
   padding-left: 5px;
   padding-top: 5px;
   float:right;
   right: 15px;
   top: 0;
   background-color: #fff;

}
div#icon_nav ul li img {
   vertical-align: middle;
}
li.previous, li.next, li.print, li.rss {
   margin-right: 1em;
   margin-bottom: 5px;
   font-size: 1.2em;
}
li.previous img, li.next img, li.print img, li.rss img {
   vertical-align: middle;
}

/* ------------------------------------------------------------------------------- */
/* Searchbox                                                                       */
/* ------------------------------------------------------------------------------- */

/*Forms also use css from accounts.css */

input.searchbox
{
    vertical-align: middle; 
    color: #004712; 
    font-family: arial, helvetica, sans-serif; 
    width: 150px;
    margin:0px 5px 10px 0px;
}

input#searchbutton
{
    position:relative;
    right:0px;
    margin:5px 0px 0px 0px;
}

.emailafriend
{
width:150px;
}
/* ------------------------------------------------------------------------------- */
/* Contact Us                                                                       */
/* ------------------------------------------------------------------------------- */

input.contact, textarea.contact
{
width:200px;
}

/*-----------------------------------*/
/* News                              */
/*-----------------------------------*/
div#webnews {
   width: auto;
   margin-bottom: 1em;
}
div#webnews h3 {
   color: #626366;
   margin-bottom: .5em;
}
div#webnews ul {
   font-size: 1.2em;
   padding-left: 1.5em;
}
div#webnews ul, div#webnews ul li {
   list-style-type: disc;
}


.cattitle {
   color: #626366;
   padding: 2px;
   margin-bottom: 0.5em;
   font-size: 1.4em;
   font-weight: bold;
   margin-top:20px;

}



/*Coloured boxes for different sections */
	
.tagenviron {
    background-color: #004712;
    padding-left: 10px;
    margin-right: 5px;
    }
.tagcorpgov {
    background-color: #005276;
    padding-left: 10px;
    margin-right: 5px;
    }
.tagconfpol {
    background-color: #654361;
    padding-left: 10px;
    margin-right: 5px;
    }
.taginvest {
    background-color: #9d175c;
    padding-left: 10px;
    margin-right: 5px;
    }
.taglabourhr {
    background-color: #a30e19;
    padding-left: 10px;
    margin-right: 5px;
    }
.tagdevelop {
    background-color: #ec7206;
    padding-left: 10px;
    margin-right: 5px;
    }
.tagscieth {
    background-color: #e3ae00;
    padding-left: 10px;
    margin-right: 5px;
    }

.environ {
    background-color: #fff;
    color: #004712;
    }
.corpgov {
    background-color: #fff;
    color: #004712;
    }
.confpol {
    background-color: #fff;
    color: #004712;
    }
.invest {
    background-color: #fff;
    color: #004712;
    }
.labourhr {
    background-color: #fff;
    color: #004712;
    }
.develop {
    background-color: #fff;
    color: #004712;
    }
.scieth {
    background-color: #fff;
    color: #004712;
    }
	
}