/*
UNDP
worldwide style sheet for country offices
last modified: 20 January 2004
*/

/*
Palette:
	UNDP blue: #003399
	header highlight blue: #6699CC
	text gray: #333333
	text green: #669966
	link blue: #336699
	link red: #CC3333
	sidebar gray: #F9F9F9
	sidebar header gray: #E6E6E6
*/


/* GLOBAL TAGS */

BODY {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;	
}


/* LINKS */

A {
	color: #336699;
	text-decoration: none;
}

A:hover {
	color: #CC3333;
	text-decoration: underline;
}

A.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A img {
	border-color: #336699;
}

A:hover img {
	border-color: #CC3333;
}


/* HEADERS */

H1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height:130%;
	
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:100%;
}

H2 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height:130%;
	
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	
	border-bottom: 1px dotted #666666;
	clear: both;
}

H3 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height:130%;
	
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	
	border-bottom: 1px dotted #666666;
}

H5 { /* byline */
	color: #666666;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	
}

H6 { /* green all caps */
	color: #669966;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 130%;
	
	margin: 0px 0px -9px 0px;
	padding: 6px 0px 0px 0px;
	
}

H6 a {
	color: #669966;
	text-decoration: none;
}

H6 a:visited {
	color: #669966;
}

H6 a:hover {
	color: #CC3333;
	text-decoration: underline;
}


/* TYPOGRAPHY */

p {
	line-height: 130%;
}

.red {
	color: #CC3333;
}

.credit {
	color: #999999;
}

.smallcaps {
	font-variant: small-caps;
}

.nowrap {
	white-space: nowrap;
}

.norule {
	border-bottom: none;
}

LI + LI, LI + OL, LI + UL { /* line spacing between list bullets */
	margin-top: 5px;
}

.et {
	font-family: Arial, Helvetica, sans-serif;
}


/* HEADER */

#logo {
	position: absolute;
	top: 13px;
	right: 20px;
	background-color: #6699CC;
}

.header {
	background-color: #003399;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#nav {
	margin: 0px;
	padding: 0px;
}

#nav td {
	background-color: #003399;
	font-size: 11px;
	margin: 0px;
	padding: 3px 9px 3px 9px;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #333333;
	white-space: nowrap;
}

#nav td.on {
	background-color: #FFFFFF;
	border-bottom: none;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#nav td.first {
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
}

#nav td.last {
	color: #77AADD;
	width: 80%;
	padding-right: 95px;
	text-align: right;
}



/* HEADER LINKS */

#nav td a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav td a:visited {
	color: #FFFFFF;
}

#nav td a:hover {
	color: #99CCFF;
}

#nav td.on {
	background-color: #FFFFFF;
}

#nav td.on a {
	color: #002255;
}

#nav td.on a:visited {
	color: #002255;
}

#nav td.on a:hover {
	color: #002255;
}

#nav td.last a {
	color: #77AADD;
}

#nav td.last a:visited {
	color: #77AADD;
}

#nav td.last a:hover {
	color: #99CCFF;
}



/* BANNER */

.banner {
	background-color: #FFFFFF;
	background-image: url('files/images/bluefade.gif');
 	background-position: top right;
 	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.banner h3 {
	color: #333333;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 10px 0px 0px 17px;
	border: none;
}

.banner h3 a, .banner h3 a:visited, .banner h3 a:hover {
	color: #333333;
	text-decoration: none;
}

.banner h1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin: 0px;
	padding: 7px 0px 13px 17px;
	text-decoration: none;
}

.banner h1 a, .banner h1 a:visited, .banner h1 a:hover {
	color: #003399;
	text-decoration: none;
}

.banner h1.green, .banner h1.green a, .banner h1.green a:visited, .banner h1.green a:hover {
	color: #669966;
	text-decoration: none;
}

#flag {
	margin-right: 8px;
	vertical-align: middle;
}

.breadcrumb {
	background-color: transparent;
	color: #777777;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 3px 3px 4px 17px;
}

.shadow {
	border-top: 1px solid #BBBBBB;
	background-color: #DDDDDD;
	border-bottom: 1px solid #EEEEEE;
	height:1px;
	font-size: 1px;
	width: 100%;
}


/* SIDEBAR */

.sidebar, .sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 180px;
	height: 100%;
	font-size: 11px;
}

.rightsidebar, .rightsidebar-footer {
	color: #666666;
	background-color: #FFFFFF;
	border-right: 0px;
	margin: 0px;
	padding: 0px 10px 25px 0px;
	width: 20%;
	height: 100%;
	font-size: 12px;
}

.sidebar-footer {
	border-bottom: 1px solid #BCB8B6;
}

.sidebar H3 {
	color: #003399;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 4px 5px 11px;
	
	border: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.rightsidebar H3 {
	font-size: 14px;
}

.sidebar p, .rightsidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul, .rightsidebar ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('files/images/bullet.gif');
	margin: 0px 5px 0px 0px;
	padding: 7px 0px 0px 27px;
	border: none;
	font-size: 11px;
}

.sidebar ul ul, .rightsidebar ul ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('files/images/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 5px 16px;
	border: none;
}

.sidebar ul li, .rightsidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar ul ul li, .rightsidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}


/* CONTENT */

.content {
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 13px;
	text-align: justify;
	line-height: 130%;
}

.article {
	width: 85%;
	max-width: 660px;
}


/* COMPONENTS */

.sidebar .component {
	border: none;
	border-top: 1px solid #BCB8B6;
	margin-bottom: 20px;
}

.rightsidebar .component {
	border: none;
	margin-bottom: 20px;
}

.content .component {
	margin-bottom: 24px;
}

.content .component ul {
	list-style-image: url('files/images/bullet.gif');
}

.full {
	clear: both;
}

.lefthalf {
	position: relative;
	float: left;
	width: 47%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righthalf {
	position: relative;
	float: right;
	width: 48%;
	margin: 0px 0px 0px 0px;
}

.leftthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.centerthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
}

.rightthird {
	float: left;
	width: 30%;
	margin: 0px;
}

.lefttwothirds {
	float: left;
	width: 65%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righttwothirds {
	float: left;
	width: 65%;
	margin: 0px;
}

.boxed {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px 15px;
}

.boxed_green {
	background-color: #669966;
	border: 1px solid #000000;
	padding: 10px 15px;
}

.boxed H3 {
	color: #666666;
	border: none;
}

.boxed_green H3 {
	color: #000000;
	border: none;
}

.clear {
	clear: both;
}

.nestedtable TD {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.boxes img {
	margin: 5px 5px 0px 10px;
	border: 1px solid #666666;
}


/* IMAGES */

.image {
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-left {
	position: relative;
	float: left;
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-right {
	position: relative;
	float: right;
	margin: 10px 0px 20px 20px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image img, .image-left img, .image-right img {
	margin-bottom: 3px;
	border: 1px solid #333333;
}


/* FOOTER */

.footer {
	color: #999999;
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 10px;
}


/* RULES */

.rule {
	border-top: 1px dotted #999999;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin-top: 5px 0px;
	padding: 0px;
}


/* SPECIAL HEADERS */

.first H1, .first H2, .first H3, .first H4, .first H5, .first H6 {
	margin-top: 0px;
}

H1.first, H2.first, H3.first, H4.first, H5.first, H6.first {
	margin-top: 0px;
}


/* FILE TYPE LISTS */
li.doc, li.dot, li.xls, li.xlt, li.ppt, li.mdb, 
li.htm, li.txt, li.pdf, li.zip, li.exe, li.file
{
	list-style-type:  none;
	list-style-position: outside;
	padding: 0px 0px 3px 7px;
	margin: 0px;
}
li.doc {
	list-style-image: url('files/images/doc.gif');
}
li.dot {
	list-style-image: url('files/images/dot.gif');
}
li.xls {
	list-style-image: url('files/images/xls.gif');
}
li.xlt {
	list-style-image: url('files/images/xlt.gif');
}
li.ppt {
	list-style-image: url('files/images/ppt.gif');
}
li.mdb {
	list-style-image: url('files/images/mdb.gif');
}
li.htm {
	list-style-image: url('files/images/htm.gif');
}
li.txt {
	list-style-image: url('files/images/txt.gif');
}
li.pdf {
	list-style-image: url('files/images/pdf.gif');
}
li.zip {
	list-style-image: url('files/images/zip.gif');
}
li.exe {
	list-style-image: url('files/images/exe.gif');
}
li.file {
	list-style-image: url('files/images/file.gif');
}