body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #004801;
	font-size: 80%;
	margin : 5px 5px 5px 5px;
	background-color: #FFFFFF ! important;
}

#data td{
	background-color : #FCD339;
	border : none;
}


table{
	border : none;
}

#header {
	position:relative; width: 980px; height:105px; z-index:1; 
}

#container {
	position: relative;  top: 6px; width: 100%;
	
	
}

#left_menu {
	position: absolute;
	width: 190px;
	font-size: 90%;
	top: 10px;
	left: -4px;
	line-height :180%;
}

div.menu {
	margin: 3px 3px 3px;
}

#top-links{
	width: 600px; position: absolute; left: 142px; top: 105px; z-index: 10;  font-size: 75%; 
	text-align: right; font-weight: bold; height: 15px; 
}
.access_top_link {
	padding-right: 85px;
}

#crumb {
	position:relative;
	height:10px;
	z-index:2;
	left: 140px;
	top: -12px;
	color: #000000;
	font-weight : bold;
	width: 600px;
	
}

#content {
	position: relative;
	width: 580px;
	top: -5px;
	left: 190px;
	background-color: #FFF6F6;
	padding: 2px 5px 15px 5px;
}
#line {
	position: relative;
	top: -20px;
	z-index:2;
}

#head_image {
z-index:3;
}
#headtable {
	width: 100%;
	border: 0;
	vertical-align: top;
	z-index:3;
}
#toolbar {
	position:absolute; width:335px; height:60px; z-index:7; left: 240px; top: 10px;
	text-align: right;
}
#gallerynav{
	position:absolute; width:280px; height:20px; z-index:7; left: 285px; top: 0px;
	text-align: right;
}
#routenav{
	position:absolute; width:180px; height:60px; z-index:7; left: 400px; top: 10px;
	text-align: right;
}
.title {
		color: Black;
	font-size: 160%;
}

div.headgreen{
	background-color: #087B00;
	padding-left: 5px;
}
div.headblue {
	background-color: #3154A5;
	padding-left: 5px;
}
div.headtext {
	color: white;
	font-weight: bold;
	font-size: 100%;
}
#textblue {
	position: relative;
	width: 64%;
	left: 1%;
	top: 10px;
	text-align: left;
	color: #1F3463;
	z-index:2;
}

#textgreen {
	position: relative;
	width: 64%;
	left: 1%;
	top: 10px;
	text-align: left;
	z-index:2;
}
div.extlinks {
	margin: 3px 3px 15px;
}

#home {
	position: relative; height: 450px; width: 100%;  left: 1%; top: 10px;
	text-align: justify;
}

#images {
	position: absolute; width: 180px;  left: 400px; top: 10px;
	text-align: center;
}
#gallery{
	position: relative;
	width: 550px;
	top: 0px;
	left: 30px;
	background-color: #FFFAFA;
	padding: 0px 0px 0px 0px;
}
#images-home {
	position: absolute; width: 200px;  left: 430px; top: 10px;
}
#images-right {
	position: absolute;
	width: 180px;
	left: 811px;
	top: 5px;
	text-align: center;
}
h1 {
	color: Black;
	font-size: 140%;
}
h2 {
	color: Maroon;
	font-size: 120%
}
h3{
	color: Maroon;
	font-size: 110%
}
h6{
	color: Black;
	font-size: 70%
}

a:link {
	color: #B20000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #B20000;
	font-weight: bold;
	text-decoration: none;
}
a:focus,a:hover,a:active {
	color: Teal;
	font-weight: bold;
	text-decoration: underline;
}

li {
margin-bottom: 2%;
	
}

hr{
	height: 1px;
	width: 100%;
	background: Gray;
	color: Gray;
}


/*link colours for country profile and case studies buttons*/
	div#buttonblue a:link,div#buttonblue a:visited{
		color: #FFFFFF;
	}
	div#buttonblue a:hover,div#buttonblue:active{
	color: #FFFFCC;
}
div#buttongreen a:link,div#buttongreen a:visited{
		color: #FFFFFF;
	}
	div#buttongreen a:hover,div#buttongreen:active{
	color: #FFFFCC;
}
	
/*link colours for left hand menu*/
	div#left_menu a:link, div#left_menu a:visited{
	color: black;
	font-weight: bold;

}
	div#left_menu a:hover, div#left_menu a:active{
		color: Silver;
	font-weight: bold;

}

/*temporary style and layers for glossary rollovers*/
.glossary {
	background-color: #FCD339;
	border: thin solid Black;
	padding: 5px 5px 5px 5px;
}
/*classes for image captions*/
.image_caption {
	text-align: right;
	font-size: 80%;
	font-style: italic;
	
}
.image_caption_text {
	text-align: left;
	font-size: 80%;
	font-style: italic;
	padding-left: 0px;
	
}

/*accessibility styles*/

#access_header {
	position:relative; width: 970px; height:105px; z-index:1; display: none;
}

#access_menu {
	position: absolute; width: 110px; font-size: 90%; top: 0px; line-height :180%; display: none;
}
.access_menu_title {
	font-size: 120%;
	font-weight: bold;
}
div.access_menu {
	padding-bottom: 15px;
}

.accesskey {
	text-decoration: underline;
}

#access td {
	border:1px solid #cccccc; font-weight:bold;
}


.text_120 {
	font-size: 120%;
	text-align: center;
}
.text_140 {
	font-size: 140%;
	text-align: center;
}
.text_160 {
	font-size: 160%;
	text-align: center;
}
#headimage {
	margin-left: 5px;
}
#holder1 {
	position:absolute; width:161px; height:165px; z-index:6; left: 7px; top: 28em;
}
#holder2 {
	position:absolute; width:161px; height:158px; z-index:6; left: 177px; top: 28em;
}
#holder3 {
	position:absolute; width:161px; height:158px; z-index:6; left: 350px; top: 28em;
}
#text1 {
	position: absolute;
	width: 145px;
	height: 120px;
	z-index: 6;
	left: 9px;
	top: 40em;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#text2 {
	position:absolute; width:145px; height:120px; z-index:6; left: 180px; top: 40em;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#text3 {
	position:absolute; width:145px; height:120px; z-index:6; left: 351px; top: 40em;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#holder1x2 {
	position:absolute; width:161px; height:165px; z-index:6; left: 7px; top: 394px;
}
#holder2x2 {
	position:absolute; width:161px; height:158px; z-index:6; left: 177px; top: 394px;
}
#holder3x2 {
	position:absolute; width:161px; height:158px; z-index:6; left: 350px; top: 394px;
}
#text1x2 {
	position: absolute;
	width: 145px;
	height: 120px;
	z-index: 6;
	left: 9px;
	top: 564px;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#text2x2 {
	position:absolute; width:145px; height:120px; z-index:6; left: 180px; top: 564px;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#text3x2 {
	position:absolute; width:145px; height:120px; z-index:6; left: 351px; top: 564px;
	
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
.left_image{	margin : 0px;
	padding: 0px 4px 4px 0px;
	border: 0px;
	float:left;
}