BODY {
	background-color: #FFFFFF;
	background: url(http://www.undp.org.ec/images/logoonu.jpg);
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;	
}


/* 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;
}


/* links on in content area */

.content A {
	text-decoration: underline;
}


/* 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 { /* all caps - default green */
	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;
}

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;
}

#logotype {
	position: absolute;
	top: 101px;
	left: 17px;
}

#pnudlogotype {
	position: absolute;
	top: 73px;
	left: 17px;
}

.homeheader {
	background-color: #5F85C3;
	background-image: url('images/banner1.jpg');
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 148px;
}

.header {
	background-color: #DAE3F1;
	background-image: url('images/banner1.jpg');
	height: 78px;
}

#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: transparent;
	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: transparent;
}

#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 */




/* THESE LINES ARE SPECIFIC TO THE INTRANET STYLE SHEET */

.banner {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	padding-right: 0px; 
	background-position: right top; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	background-repeat: no-repeat}

.banner h3 {
	color: #333333;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: strong;
	font-size: 16px;
	margin: 0px;
	padding: 13px 0px 0px 17px;
	border: none;
}

.banner h3 a, .banner h3 a:visited, .banner h3 a:hover {
	color: #333333;
	text-decoration: none;
}

.banner h1 {
	color: #336699;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin: 0px;
	/* intranet headers are not as deep as the country sites */
	padding: 4px 0px 0px 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;
}

.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 {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	border-bottom: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.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;
}

.sidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 27px;
	border: none;
}

.sidebar ul ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 16px;
	border: none;
}

.sidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar 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;
}

.content .component {
	margin-bottom: 24px;
}

.content .component ul {
	list-style-image: url('/images/cms/button/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 H3 {
	color: #666666;
	border: none;
}

.rightinset {
	position: relative;
	float: right;
	width: 398px;
	margin: 10px 0px 10px 15px;
	height: 479px;




}


/* WIDTH OVERRIDE */

.width-300 {
	width: 300px;
}


/* SPACING OVERRIDE */

.clear {
	clear: both;
}

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}



/* BG COLORS */

.bg-blue {
	background-color: #E3EBF2;
}



/* TEXT COLORS */

.text-red {
	color: #CC3333;
}


/* IMAGES */

img {
	border-color: #666666;

}

.image {
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-left {
	position: relative;
	float: left;
	margin: 3px 15px 15px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;
	width: 231px;
	height: 181px;



}

.image-right {
	position: relative;
	float: right;
	margin: 3px 0px 15px 15px;
	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('http://www.undp.org/images/cms/mime-icons/icon_doc.gif');
}
li.pdf {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pdf.gif');
}
li.exe {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_exe.gif');
}
li.css {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_css.gif');
}
li.folder {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_folder.gif');
}
li.htm {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_htm.gif');
}
li.pps {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pps.gif');
}
li.txt {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_txt.gif');
}
li.zip {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_zip.gif');
}
/* ADMIN EDIT BUTTONS */

/* yellow buttons for normal use */
a.adminbutton, a.adminbutton:visited, a.adminbutton-blue, a.adminbutton-blue:visited, a.adminbutton-green, a.adminbutton-green:visited, a.adminbutton-red, a.adminbutton-red:visited {
	background-color: #FFDB71;
	border: 1px solid #555555;
	margin: 2px 1px 2px 1px;
	padding: 0px 4px 0px 6px;
	color: #555555;
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
}

/* blue buttons for table use */
a.adminbutton-blue, a.adminbutton-blue:visited {
	background-color: #E9F0F6;
	border-color: #336699;
	color: #336699;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* green buttons for Save */
a.adminbutton-green, a.adminbutton-green:visited {
	background-color: #A0E5A0;
}

/* red buttons for Cancel and Delete */
a.adminbutton-red, a.adminbutton-red:visited {
	background-color: #F8B0B0;
}

a.adminbutton:hover, a.adminbutton-blue:hover, a.adminbutton-green:hover, a.adminbutton-red:hover {
	background-color: #FFCC00;
	text-decoration: none;
}

a.adminbutton-blue:hover {
	background-color: #4477AA;
	color: #FFFFFF;
	text-decoration: none;
}

a.adminbutton-green:hover {
	background-color: #009933;
	color: #FFFFFF;
	text-decoration: none;
}

a.adminbutton-red:hover {
	background-color: #FF3333;
	color: #FFFFFF;
	text-decoration: none;
}

.sidebar {
	BORDER-RIGHT: #bcb8b6 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 25px; MARGIN: 0px; BORDER-LEFT: #bcb8b6 1px solid; WIDTH: 18%; COLOR: #666666; PADDING-TOP: 0px; HEIGHT: 100%
}
.sidebar2 {
	BORDER-RIGHT: #bcb8b6 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 25px; MARGIN: 0px; BORDER-LEFT: #bcb8b6 1px solid; WIDTH: 18%; COLOR: #666666; PADDING-TOP: 0px; BORDER-BOTTOM: #bcb8b6 1px solid; HEIGHT: 100%; BACKGROUND-COLOR: #f9f9f9
}
.sidebar-footer {
	BORDER-RIGHT: #bcb8b6 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 25px; MARGIN: 0px; BORDER-LEFT: #bcb8b6 1px solid; WIDTH: 18%; COLOR: #666666; PADDING-TOP: 0px; HEIGHT: 100%
}
.sidebar-footer2 {
	BORDER-RIGHT: #bcb8b6 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 25px; MARGIN: 0px; WIDTH: 18%; COLOR: #666666; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #f9f9f9
}
.rightsidebar {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 25px; MARGIN: 0px; WIDTH: 20%; COLOR: #666666; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.rightsidebar-footer {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 25px; MARGIN: 0px; WIDTH: 20%; COLOR: #666666; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.sidebar-footer {
	BORDER-BOTTOM: #bcb8b6 1px solid
}
.sidebar H3 {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 4px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 11px; FONT-WEIGHT: normal; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #003399; PADDING-TOP: 4px; BORDER-BOTTOM: medium none; FONT-FAMILY: "Trebuchet MS", "Arial", sans-serif; BACKGROUND-COLOR: #e6e6e6
}
.sidebar2 H3 {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 4px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 11px; FONT-WEIGHT: normal; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #003399; PADDING-TOP: 4px; BORDER-BOTTOM: medium none; FONT-FAMILY: "Trebuchet MS", "Arial", sans-serif; BACKGROUND-COLOR: #e6e6e6
}
.rightsidebar H3 {
	FONT-SIZE: 14px
}
.sidebar P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 7px 7px 7px 13px; PADDING-TOP: 0px
}
.rightsidebar P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 7px 7px 7px 13px; PADDING-TOP: 0px
}
.sidebar-footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 7px 7px 7px 13px; PADDING-TOP: 0px
}
.sidebar UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; LIST-STYLE: none url(http://www.undp.org/images/intranet/button/bullet.gif) outside; BORDER-TOP: medium none; PADDING-LEFT: 27px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: medium none; PADDING-TOP: 7px; BORDER-BOTTOM: medium none
}
.rightsidebar UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; LIST-STYLE: none url(http://www.undp.org/images/intranet/button/bullet.gif) outside; BORDER-TOP: medium none; PADDING-LEFT: 27px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: medium none; PADDING-TOP: 7px; BORDER-BOTTOM: medium none
}
.sidebar UL UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; LIST-STYLE: none url(http://www.undp.org/images/intranet/button/bullet.gif) outside; BORDER-TOP: medium none; PADDING-LEFT: 16px; PADDING-BOTTOM: 10px; MARGIN: 6px 0px 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
.rightsidebar UL UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; LIST-STYLE: none url(http://www.undp.org/images/intranet/button/bullet.gif) outside; BORDER-TOP: medium none; PADDING-LEFT: 16px; PADDING-BOTTOM: 10px; MARGIN: 6px 0px 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
.sidebar UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-TOP: 0px
}
.rightsidebar UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-TOP: 0px
}
.sidebar UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 0px
}
.rightsidebar UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 0px
}
.content {
	PADDING-RIGHT: 30px; PADDING-LEFT: 17px; FONT-SIZE: 13px; PADDING-BOTTOM: 30px; MARGIN: 0px; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
.content-top {
	PADDING-RIGHT: 30px; PADDING-LEFT: 17px; FONT-SIZE: 13px; PADDING-BOTTOM: 30px; MARGIN: 0px; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
.content-left {
	PADDING-RIGHT: 30px; PADDING-LEFT: 17px; FONT-SIZE: 13px; PADDING-BOTTOM: 30px; MARGIN: 0px; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
.content-right {
	PADDING-RIGHT: 30px; PADDING-LEFT: 17px; FONT-SIZE: 13px; PADDING-BOTTOM: 30px; MARGIN: 0px; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
.content-top {
	PADDING-BOTTOM: 0px
}
.content-left {
	PADDING-RIGHT: 20px
}
.content-right {
	PADDING-LEFT: 0px
}
.footer {
	PADDING-RIGHT: 30px; PADDING-LEFT: 20px; FONT-SIZE: 10px; PADDING-BOTTOM: 30px; MARGIN: 0px; COLOR: #999999; PADDING-TOP: 0px
}

