/*
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(NTimages/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: 18%;
	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(NTimages/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(NTimages/bullet.gif);
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 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;
	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(NTimages/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 5px;
	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, .rightsidebar ul li.doc, 
li.pdf, .rightsidebar ul li.pdf, 
li.exe, .rightsidebar ul li.exe, 
li.css, .rightsidebar ul li.css,
li.folder, .rightsidebar ul li.folder,
li.htm, .rightsidebar ul li.htm,
li.pps, .rightsidebar ul li.pps,
li.css, .rightsidebar ul li.css,
li.txt, .rightsidebar ul li.txt,
li.zip, .rightsidebar ul li.zip {
	list-style-type:  none;
	list-style-position: outside;
	padding: 0px 0px 3px 7px;
	margin: 0px;
}
li.doc {
	list-style-image:url(NTimages/icon_doc.gif);
}
li.pdf {
	list-style-image:url(NTimages/icon_pdf.gif);
}
li.exe {
	list-style-image:url(NTimages/icon_exe.gif);
}
li.css {
	list-style-image:url(NTimages/icon_css.gif);
}
li.folder {
	list-style-image:url(NTimages/icon_folder.gif);
}
li.htm {
	list-style-image:url(NTimages/icon_htm.gif);
}
li.pps {
	list-style-image:url(NTimages/icon_pps.gif);
}
li.txt {
	list-style-image:url(NTimages/icon_txt.gif);
}
li.zip {
	list-style-image:url(NTimages/icon_zip.gif);
}