



/* {{{ GENERAL STYLES */
body {
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	WIDTH: 100%;
	HEIGHT: 100%;
}
h1 {
	font-size: 130%;
	color: #669933;
	text-decoration: none;
	font-weight: bolder;
	font-style: normal;
	text-transform: capitalize;
	font-variant: small-caps;
	padding-bottom: 0px;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #cccccc;
	MARGIN-TOP: 0.3em;
}
h2,p.Heading {
	FONT-SIZE: 110%;
	FONT-WEIGHT: Bold;
	COLOR: Black;
	MARGIN-BOTTOM: 0px;
}
h3 {
	FONT-SIZE: 110%;
	MARGIN-BOTTOM: 0px;
}
h4 {
	FONT-SIZE: 100%;
	FONT-STYLE: Italic;
	FONT-WEIGHT: Bold;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 1em;
}
li,ul {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}
img {
	VERTICAL-ALIGN: bottom;
	BORDER: 0px;
} 
embed{vertical-align:bottom;}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
a {
	TEXT-DECORATION: None;
	COLOR: Navy;
}
a:visited {
	TEXT-DECORATION: None;
	COLOR: Navy;
}
a:hover {
	TEXT-DECORATION: Underline;
	COLOR: Blue;
}
p {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 6px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 5px;
}
html,div,table,form,td,tr {
	BORDER: 0px;
	MARGIN: 0px;
	PADDING: 0px;
}
table {
	BORDER-COLLAPSE: Collapse;
}
.center {
	TEXT-ALIGN: Center;
}
/* }}} */
.siteTitle {
	font-size: 1em;
	color: #669933;
	text-decoration: none;
	font-weight: bolder;
	font-style: normal;
	text-transform: capitalize;
	font-variant: small-caps;
	text-align: center;
}
.breadcrumb {
	font-size: 12px;
	font-weight: bolder;
}
.title {  font-size: 0.9em; font-weight: bold; color: #000000}
.searchField {
	FONT-SIZE: 11px !important; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif !important;
}
.searchLink {
	FONT-SIZE: 11px;
	FONT-STYLE: Italic;
	MARGIN: 0px;
	LINE-HEIGHT: 11px;
	TEXT-ALIGN: Right;
}


/* The header above the OOOPS survey */
.ooops-box {
	text-align: center;
	border: 1px solid #99CC66;
	padding: 4px;
	margin: 4px;
	WIDTH: 180px;
}
.ooops-box-home {
	text-align: center;
	border: 1px dotted black;
	padding: 4px;
	margin: 4px;
}
.ooops-header {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}

/* Styles used in the UNEP.Net-linked resource lists */

.itemTitle {
	font-size: 0.8em;
	font-weight: bold;
}	
.origin {
	font-size: 0.6em;
	color: #666666;
}
.alternates {
	font-size: 0.6em;
}
.PovMapFieldName {
	font-size: 0.8em;
	color: #666666;
}

/* Styles for the press release page */

.pressReleaseDate {
	font-size: 0.6em;
	text-decoration: none;
}
.pressReleaseHeadlineLink {
	font-size: 0.8em;
	font-weight: bold;
}
div.pressrelease img {
    FLOAT: Left;
    MARGIN: 0 1em 0.5em 0;
}


/* Styles for the data entry and editing pages */

.editInstructions { 
	font-size: xx-small;
	font-weight: bold;
	color: black;
}

.loginPrompt {
	font-size: xx-small;
	font-weight: bold;
	text-decoration: none;
	color: blue;
	margin-top: 1em;
	text-align: center;
	clear: both;
}

.editButton {
	font-size: xx-small;
	font-weight: bold;
	background-color: #FFD700;
	color: blue;
}
.editArea {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.poweredByUnepNet {
	font-family: Arial, Arial, sans-serif;
	font-size: xx-small;
	color: gray;
	margin-top: 1em;
}
.ThemeMenuCurrent {
	background-color: #F7F7C6;
}
a.ThemeMenuLink:hover {
	background-color: #F7F7C6;
}
.graphicsHeading {
	clear: right;
	font-weight: bolder;
	margin-top: 1em;
	border-top: solid 1px #E7E7E7;
}
.listTableCell {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-bottom: dotted 2px #E7E7E7;
}


/* Styles to be passed to the dataset editing form */

.field  {
	vertical-align : top;
	background-color: #CEE7D6;
	border-bottom: 4px solid white;
	padding: 4px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.fieldname {
	font-weight: bold;
	margin-right: 4em;
}
.required { /* field is a required field - this is applied as a supplement to fieldname */
	color: red;
}
.instructions {
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.sectionheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	border-top: 0.5em solid white;
	color: white; 
	background-color: #008000;
}
div.floatMap {
	FLOAT: Right;
	TEXT-ALIGN: Center;
	FONT-SIZE: 80%;
	FONT-STYLE: Italic;
	BORDER: 1px outset;
	MARGIN: 5px;
}
div.floatBox {
	FLOAT: Right;
	TEXT-ALIGN: Left;
	FONT-SIZE: 80%;
	FONT-WEIGHT: Bolder;
	BORDER: 1px outset;
	MARGIN: 5px;
	PADDING: 5px;
}

/* Styles for the navbar */
td.navBar {
	FONT-SIZE: 10px;
}
/* {{{ DATA TABLE STYLES */
	table.data {
		BORDER-COLLAPSE: Collapse;
		BORDER: 2px solid #808080;
	}
	thead.dataHead {
		FONT-SIZE: 90%;
		FONT-WEIGHT: Bold;
		BACKGROUND-COLOR: #BBFFBB;
	}
	td.dataHead {
		BORDER-BOTTOM: 2px solid #808080;
	}
	td.data, td.dataValue {
		BORDER: 1px solid #808080;
		FONT-SIZE: 70%;
	}
	td.dataValue {
		TEXT-ALIGN: Center;
	}
/* }}} */

/* {{{ AREA MAP STYLES */
div.areaMap {
	MARGIN: 0px;
	PADDING: 0px;
	TEXT-ALIGN: Center;
	FONT-SIZE: 11px;
}
select.areaMap {
	FONT-SIZE: 11px;
	FONT-WEIGHT: Bold;
}
/* }}} */

/* {{{ UNEPNET STYLES */
.unepnetThemeMenu {
	FONT-SIZE: 0.8em;
}
.unepnetAbstract {
	FONT-SIZE: 0.8em;
}
/* }}} */

/* {{{ PRESS RELEASES STYLES */
	.indentNormal {
		MARGIN-LEFT: 3em;
		MARGIN-BOTTOM: 1em;
	}
	img.HilightArchive {
		FLOAT: Left;
	}
/* }}} */

/* {{{ RESOURCES PAGE STYLES */
div.linkBlock {
	MARGIN-LEFT: 2em;
	MARGIN-BOTTOM: 1em;
}
div.boxHighlight {
	MARGIN: 1em;
	BORDER: 2px #a0a0a0 solid;
	BACKGROUND-COLOR: #eeeeee;
	PADDING: 5px;
}
/* }}} */

/* {{{ CASE STUDIES STUFF */
.mapwText {
	FONT-STYLE: Italic;
	FONT-SIZE: 90%;
	TEXT-ALIGN: Center;
	MARGIN-LEFT: 2em;
	MARGIN-RIGHT: 2em;
	MARGIN-TOP: 1em;
	MARGIN-BOTTOM: 1em;
}
/* }}} */

/* {{{ FOOTER STYLES */
	#footer {
		FONT-SIZE: 85%;
		BACKGROUND: White;
		POSITION: absolute;
		BOTTOM: 0;
		WIDTH: 100%;
		LEFT: 0;
		MARGIN: 0px;
		PADDING: 0px;
	}
	table.footer {
		MARGIN-TOP: 3em;
		BORDER-TOP: 2px Solid #cccccc;
		WIDTH: 100%;
		FONT-SIZE: 10px;
		COLOR: #505050;
	}
/* }}} */

/* {{{ BAR STYLES */
	#navBar {
		WIDTH: 200px;
		DISPLAY: Block;
		OVERFLOW: Hidden;
		FLOAT: Left;
		
		BACKGROUND: url("/images/navbar_bg.gif");
		
		BACKGROUND-REPEAT: no-repeat;
		BACKGROUND-POSITION: top left;
	}
	table.navBar {
		WIDTH: 200px;
		HEIGHT: 560px;
		OVERFLOW: Hidden;
	}
	td.navbarLinks {
		PADDING-LEFT: 20px;
		COLOR: #96CC4E;
		FONT-SIZE: 12px;
		VERTICAL-ALIGN: Top;
		FONT-WEIGHT: Bolder;
		LINE-HEIGHT: 24px;
		HEIGHT: 195px;
		OVERFLOW: Hidden;
	}
	a.navBar, a.navBar:link, a.navBar:visited {
		COLOR: #96CC4E;
		TEXT-DECORATION: None;
	}
	a.navBarThis, a.navBarThis:link, a.navBarThis:visited {
		COLOR: White;
		TEXT-DECORATION: None;
		CURSOR: Default;
	}

	a.navBar:hover {
		COLOR: White;
		TEXT-DECORATION: None;
	}
	#mainBar {
		MARGIN-LEFT: 210px;
		
		BACKGROUND: url("/images/search_bk.gif");
		
		BACKGROUND-REPEAT: No-Repeat;
		BACKGROUND-POSITION: right top;
		MARGIN-BOTTOM: 3em;
	}
	#toolBar {
	}
/* }}} */

/* {{{ FOOTER FIX */
	/* The following styles allow the footer to be at the very bottom of the page */
	#contents {
		position: Absolute;
		top: 0;
		left: 0;
	}
/* }}} */

/* {{{ FORM ELEMENTS */
	input.text {
		FONT-FAMILY: Lucida Console, Monospace, Courier;
		FONT-SIZE: 80%;
		BORDER: 2px Black Solid;
		BACKGROUND: #FFF url("/include/input-box-shadow.gif") top left no-repeat fixed;
	}
	input.submit {
		FONT-FAMILY: Arial, Helvetica, Sans-Serif;
		TEXT-ALIGN: Center;
		FONT-WEIGHT: Bold;
		BORDER: 1px outset;
	}
	textarea{
		FONT-FAMILY: Lucida Console, Monospace, Courier;
		FONT-SIZE: 80%;
		TEXT-ALIGN: Left;
		BORDER: 2px Black Solid;
		BACKGROUND: #FFF url("/include/input-box-shadow.gif") top left no-repeat fixed;
	}
	div.borderbox {
		BORDER: 2px outset;
		PADDING: 0 1em 1em 1em;
		MARGIN: 1em;
		FONT-SIZE: 90%;
	}
/* }}} */

.floatLeft {FLOAT: Left; MARGIN-RIGHT: 5px;}



