/* ADD Style sheet developed by Moonshine Internet */

body {
	margin: 0;
	padding: 0;
}


/* styles matched with CMS editor */
* { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }

p {
	margin-top: .3em;
}
h1, h1 a { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 20px; 
line-height: 26px;
color: #336;
font-weight: normal;
margin-top: .5em;
}

h2 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px; 
margin-top: 1em;
color:#005EB9;
}

h3 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #666;
margin-top: .5em;
}

h4, h5 {
	margin: 0.8em 0 0.1em 0;
	
}

h6, #topnav h6	 {
display: none;
}
.highlight { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1f8ac9; 
	font-weight: bold;
	}

.clearboth { clear: both; }

#page1 h1, #page1 .page1, #page1 .page1 a {color: #336;}
#page2 h1, #page1 .page2, #page1 .page2 a {color: #06c;}
#page3 h1, #page1 .page3, #page1 .page3 a {color: #f06;}
#page4 h1, #page1 .page4, #page1 .page4 a {color: #939;}
#page5 h1, #page1 .page5, #page1 .page5 a {color: #f60;}
#page6 h1, #page1 .page6, #page1 .page6 a {color: #99f;}
#page7 h1, #page1 .page7, #page1 .page7 a {color: #0c6;}
#page8 h1, #page1 .page8, #page1 .page8 a {color: #007677;}


/* page layout */
#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8 { width: 775px; position: relative;}
#page1 {border-bottom: 4px solid #336;}

#page2 {border-bottom: 4px solid #06c;}
#page3 {border-bottom: 4px solid #f06;}
#page4 {border-bottom: 4px solid #939;}
#page5 {border-bottom: 4px solid #f60;}
#page6 {border-bottom: 4px solid #99f;}
#page7 {border-bottom: 4px solid #0c6;}
#page8 {border-bottom: 4px solid #007677;}

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8 { background-color: #BECBE0;}

/*#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8 { background: url(images/header_topright.jpg) no-repeat right;
background-color: #1f8ac9;}*/

#banner1a { background: url(images/header_topright2.jpg) no-repeat top right; background-color: #fff;}

#banner1 {border-bottom: 4px solid #336;}
#banner1a {border-bottom: 4px solid #336;}
#banner1b {border-bottom: 4px solid #336;}

#banner2 {border-bottom: 4px solid #06c;}
#banner3 {border-bottom: 4px solid #f06;}
#banner4 {border-bottom: 4px solid #939;}
#banner5 {border-bottom: 4px solid #f60;}
#banner6 {border-bottom: 4px solid #99f;}
#banner7 {border-bottom: 4px solid #0c6;}
#banner8 {border-bottom: 4px solid #007677;}

#topnav { margin: 0 0 10px 0; padding: none;}

#content, #country_study {margin-left:160px; }

#donate {
padding: 10px;
}


#footer { width: 765px;
	background: #fff;
	padding: 7px 10px 0 10px;
	line-height: 1.3em;
	}
#footer a {
	text-decoration: none;
	font-size: xx-small;
	color: #666;
}

#footer a:hover {
	text-decoration: underline;
}


/* top navigation */
ul#navigation {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	background: #fff;
	float: left;
	width: 100%}

ul#navigation li {
	display: inline;
}

ul#navigation .butt1 a, .butt2 a, .butt3 a, .butt4 a, .butt5 a, .butt6 a, .butt7 a, .butt8 a, .butt1s a, .butt2s a, .butt3s a, .butt4s a, .butt5s a, .butt6s a, .butt7s a, .butt8s a {
	display: block;
	float: left;
	padding: .3em 1em;
	text-decoration: none;
	color: #000;
	background: #fff;
}

ul#navigation .butt1 a, .butt2 a, .butt3 a, .butt4 a, .butt5 a, .butt6 a, .butt7 a, .butt8 a {
	border-bottom: 1px solid #fff;
	border-left: 4px solid #fff;
}


ul#navigation .butt1s a {
	border-bottom: 1px solid #336;
	border-left: 4px solid #336;
}

ul#navigation .butt2s a {
	border-bottom: 1px solid #06c;
	border-left: 4px solid #06c;
}
ul#navigation .butt3s a {
	border-bottom: 1px solid #f06;
	border-left: 4px solid #f06;
}
ul#navigation .butt4s a {
	border-bottom: 1px solid #939;
	border-left: 4px solid #939;
}
ul#navigation .butt5s a {
	border-bottom: 1px solid #f60;
	border-left: 4px solid #f60;
}
ul#navigation .butt6s a {
	border-bottom: 1px solid #99f;
	border-left: 4px solid #99f;
}
ul#navigation .butt7s a {
	border-bottom: 1px solid #0c6;
	border-left: 4px solid #0c6;
}
ul#navigation .butt8s a {
	border-bottom: 1px solid #007677;
	border-left: 4px solid #007677;
}
ul#navigation .butt1 a:hover {
	border-bottom: 1px solid #336;
	border-left: 4px solid #336;
}

ul#navigation .butt2 a:hover {
	border-bottom: 1px solid #06c;
	border-left: 4px solid #06c;
}

ul#navigation .butt3 a:hover {
	border-bottom: 1px solid #f06;
	border-left: 4px solid #f06;
}

ul#navigation .butt4 a:hover {
	border-bottom: 1px solid #939;
	border-left: 4px solid #939;
}

ul#navigation .butt5 a:hover {
	border-bottom: 1px solid #f60;
	border-left: 4px solid #f60;
}

ul#navigation .butt6 a:hover {
	border-bottom: 1px solid #99f;
	border-left: 4px solid #99f;
}

ul#navigation .butt7 a:hover {
	border-bottom: 1px solid #0c6;
	border-left: 4px solid #0c6;
}

ul#navigation .butt8 a:hover {
	border-bottom: 1px solid #007677;
	border-left: 4px solid #007677;
}



/* side strip */
#sidestrip { background: #fff; width: 140px; float: left; }


.searchbox {
	width: 90px;
	margin-left: 5px;
}

.searchbutton {
	width: 30px;
}


.menutitle, .menutitle2, .menutitle3, .menutitle4, .menutitle5, .menutitle6, .menutitle7, .menutitle8 {
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
.menutitle, .menutitle a {color: #036;}
.menutitle2, .menutitle2 a {color: #06c;}
.menutitle3, .menutitle3 a {color: #f06;}
.menutitle4, .menutitle4 a {color: #939;}
.menutitle5, .menutitle5 a {color: #f60;}
.menutitle6, .menutitle6 a {color: #99f;}
.menutitle7, .menutitle7 a {color: #0c6;}
.menutitle8, .menutitle8 a {color: #007677;}
.menutitle a, .menutitle2 a, .menutitle3 a, .menutitle4 a, .menutitle5 a, .menutitle6 a, .menutitle7 a, .menutitle8 a {
	text-decoration: none;
}
.menutitle a:hover {
	text-decoration: underline;
}

#addvocate p {
	margin-left: 15px;
}
#addvocate a {
	text-decoration: none;
	color:#005EB9;
	font-weight: bold;
}

#addvocate a:hover {
	color: red;

}


/* tool box */
#startbox { 
background: url(images/tool_cnr_top.gif) no-repeat top right;
padding-top: 7px;
	}
#finishbox {
background: url(images/tool_cnr_btm.gif) no-repeat bottom right;
padding-bottom: 7px;
}

ul#tools a{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 9px 5px 7px;
	width: 119px;
	border-right: 1px solid #336;
	border-left: 4px solid #fff;
}

ul#tools a:hover, ul#links a:hover {
border-left: 4px solid #1f8ac9;
color: #1f8ac9;
}

ul#links a{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0px 9px 0px 7px;
	width: 119px;
	border-left: 4px solid #fff;
}
/* tool/menu navigation */
ul#menu, ul#tools, ul#links, ul#menu .mbutt5s ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul#menu a{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 5px 5px 7px;
	width: 124px;
}

ul#menu .mbutt1 a, .mbutt2 a, .mbutt3 a, .mbutt4 a, .mbutt5 a, .mbutt6 a, .mbutt7 a, .mbutt8 a {
	border-bottom: 1px solid #fff;
	border-left: 4px solid #fff;
}

ul#menu .mbutt1 a:hover, .mbutt1s {
	border-bottom: 1px solid #336;
	border-left: 4px solid #336;
}

ul#menu .mbutt2 a:hover, .mbutt2s {
	border-bottom: 1px solid #06c;
	border-left: 4px solid #06c;
}

ul#menu .mbutt3 a:hover, .mbutt3s {
	border-bottom: 1px solid #f06;
	border-left: 4px solid #f06;
}

ul#menu .mbutt4 a:hover, .mbutt4s {
	border-bottom: 1px solid #939;
	border-left: 4px solid #939;
}
ul#menu .mbutt5 a:hover, .mbutt5s {
	border-bottom: 1px solid #f60;
	border-left: 4px solid #f60;
}

ul#menu .mbutt5 .sysub a, .mbutt5s .sybsub a{
	border-bottom: none;
	border-left: none;
	font-style: italic;
}

ul#menu .mbutt6 a:hover, .mbutt6s {
	border-bottom: 1px solid #99f;
	border-left: 4px solid #99f;
}

ul#menu .mbutt7 a:hover, .mbutt7s {
	border-bottom: 1px solid #0c6;
	border-left: 4px solid #0c6;
}

ul#menu .mbutt8 a:hover, .mbutt8s {
	border-bottom: 1px solid #007677;
	border-left: 4px solid #007677;
}

ul#menu h1 {
	font-size: 100%;
	padding: 0;
	margin: 0 0 10px 10px;
}


/* main content */
#pagetext {
	width: 360px;
	float: left;
	line-height: 1.5em;
}
#pagetext ul {
	z-index:1; 
	 }

#pagetext a, #textpagetext a, #pageimages_country a, #newspagetext a {
	text-decoration: none;
	color:#005EB9;
}

#pagetext a:hover, #textpagetext a:hover, #pageimages_country a:hover, #newspagetext a:hover {
	color:red;
}
	
#pageimages {
	float: right;
	margin-left: 20px;
	padding-top: 48px;
	width: 230px;
}

#pageimages em {
	
}
/* donate - extra styling on addstylesheet_donate.css */

/* footer */
#address {
	float: left;
	color: #666;
	font-size: xx-small;
	width: 600px;
}
#terms {
	width: 120px;
	float: right;
	text-align: right;
}

#terms a {
	text-decoration: none;
	font-size: xx-small;
}


/* case studies pages */


.case_studies_right {
	float:right;
	text-align:right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #005EB9;
	margin-bottom: 7px;
	}

.elementtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #005EB9;
	}

.case_studies_clear {
	clear:both;
	border-bottom: solid 1px #4DA8FF;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.caseimgleft {
	float:left;
	margin-right:5px;
	margin-top:10px;
	}

/* 'email a page', donate form & keep in touch form */

#pagetext label, #textpagetext label {
	float:left;
	width: 110px;
	text-align:left;
	padding-top:0.4em;
	padding-right:20px;
	}
	

#pagetext input.textfield, #textpagetext input.textfield  {
	width:200px;
	}
	
#pagetext input.submit, #textpagetext input.submit{
	width:200px;
	}
	
#pagetext input.checkbox, #textpagetext input.checkbox {
	float:left;
	}
	
.form_row {
	clear:both;
	margin-bottom:10px;
	}
	
.intouch {
	float:left;
	width:320px;
	margin-left:10px;
	padding-top:0.2em;
	}

/* misc */
.imgright {
	float:right;
	margin-right:10px;
	}
.imgleft {
	float:left;
	margin-right:10px;
	}
.donatebutton {
	width: 130px;
	background: #1f8ac9;
	padding: 5px 0;
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
}
.donatebutton a {

}

/* TEXTONLY stlye */

#textbanner, #textbanner2, #textbanner3, #textbanner4, #textbanner5, #textbanner6, #textbanner7, #textbanner8 {
	font-size: 30px;
	padding: 10px;
	color: #1f8ac9;
	font-weight: bold;
}
#textbanner {border-bottom: 4px solid #336;}
#textbanner2 {border-bottom: 4px solid #06c;}
#textbanner3 {border-bottom: 4px solid #f06;}
#textbanner4 {border-bottom: 4px solid #939;}
#textbanner5 {border-bottom: 4px solid #f60;}
#textbanner6 {border-bottom: 4px solid #99f;}
#textbanner7 {border-bottom: 4px solid #0c6;}
#textbanner8 {border-bottom: 4px solid #007677;}

#textbanner em, #textbanner2 em, #textbanner3 em, #textbanner4 em, #textbanner5 em, #textbanner6 em, #textbanner7 em, #textbanner8 em  {
	font-style: normal;
	color: #000;
	font-size: 20px;
	font-weight: normal;

}
#textstartbox { 
border-top: 1px solid #000;
	}
#textfinishbox {
border-bottom: 1px solid #000;
}

#textpagetext {
	width: 467px;
	float: left;
	line-height: 1.5em;
}

/* Sitemap stlye */
.sitemap {
	width: 230px;
	float: left;
}

#content .sitemap em a{
	font-size: 15px;
	color: #06c;
	font-style: normal;
	line-height: 1.5em;
}
#content .sitemap em a:hover {
	color: red;
}
/* World map names */
#country1, #country2, #country3, #country4, #country5, #country6, #country7, #country8, #country9, #country10, #country11, #country12 {
	z-index:1;
	border-bottom: 1px solid #444;
	text-align:right;
	font-size:14px;
	color:#939;
	font-weight:bold;
	position:absolute;
	visibility: hidden;
}

#instructions {
	width: 200px;
	position:absolute;
	top: 475px;
	left:550px;
	}


/*#intsructions {
	z-index:1;
	position:absolute;
	visibility: visible;
	font-size:11px;
	left:550px;
	top: 450px;
	width:200px;
	line-height:1.5em;
	}*/
	
#country1 {
	left:297px;
	top:227px;
	width:373px;
	height:16px;

	}
#country2 {
	left:209px;
	top:203px;
	width:461px;
	height:16px;
	}
#country3 {
	left:210px;
	top:231px;
	width:460px;
	height:16px;
	}
#country4 {
	left:195px;
	top:260px;
	width:475px;
	height:16px;
	}
#country5 {
	left:210px;
	top:257px;
	width:460px;
	height:16px;
	}
#country6 {
	left:303px;
	top:293px;
	width:367px;
	height:16px;
	}
#country7 {
	left:310px;
	top:335px;
	width:360px;
	height:16px;
	}
#country8 {
	left:290px;
	top:380px;
	width:380px;
	height:16px;
	}
#country9 {
	left:295px;
	top:402px;
	width:375px;
	height:16px;
	}
#country10 {
	left:439px;
	top:175px;
	width:231px;
	height:16px;
	}
#country11 {
	left:461px;
	top:175px;
	width:207px;
	height:16px;
	}
#country12 {
	left:501px;
	top:230px;
	width:167px;
	height:16px;
	}

/* Country pages */
#country_page {
	background: #e9f4f8;
	height: 233px;
	float: left;
	width: 615px;
}
#country_page img {
	margin-right: 20px;
	float: left;
}
#country_page h1 {
	color: #939;
}
#country_page p {
	line-height: 1.5em;
}#pageimages_country {
	float: right;
	margin-left: 20px;
	padding-top: 21px;
	width: 230px;
}
#pagetext_country {
	width: 360px;
	float: left;
	line-height: 1.5em;
	padding-top: 21px;
}

.clearright {
	clear: right;
}
.fontdefault {
	font-size: 11px;
}
.fontlarge {
	font-size: 13px;
}
.fontlarger {
	font-size: 19px;
	line-height: 1.5em;
}

.colour2 {
	border: solid 1px black;
	background: White;
	padding: 3px 10px;
}

.colour3 {
	border: solid 1px black;
	background: #ff8;
	padding: 3px 10px;
	line-height: 2em;
}


#bsl {
	float: right;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 158px;
	left: 733px;
	z-index: 100;
}



#content ul {
position: relative;
	left: -2em;
}

#content ol {
position: relative;
	left: -1.5em;
}





/* New news */
.newsThumb {
	float: right;
	padding: 2px;
	border: solid 1px #ccc;
}

#newspagetext {
	width: 613px;
	float: left;
	line-height: 1.5em;
}