/* CSS Document */


body {
	margin: 0; padding:0; border: 0;
	font-size: 62.5%;
	background: #444;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 30px;
	 font: 10px/20px Arial, "Lucida Grande", "Lucida Sans Unicode";
}


div#topnav {
	clear:both;
	width: 955px;	
	margin: 0; padding:0 20px 0 0; border: 0;
	background: #fff url("/cofcca/images/top.gif") no-repeat top right;
}

div#topleft {
	width: 220px;
	height: 200px;
	margin: 0; padding:0; border: 0;	
	float: left;
}


/* Main Navigation
----------------------------------------------- */
#nav {
	clear:right;	
	position:relative;
	margin: 0 0 0 230px;
	height: 52px;
}
#nav div {
  position: relative;
  width: 720px;
  top: 30px;
  bottom: 0;
  left: 9px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}
#nav a {
	outline: none;
	cursor: pointer;
	padding: 2px 10px 8px 4px;
	text-decoration:none;
	color: #0099FF;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1.2em;
	font: 13px "Helvetica Neue", Helvetica, Arial;
	font-weight: lighter;
}
html>body #nav a, html>body #nav strong, html>body #nav em {
	height:1.2em;
}
#nav a:hover {
	color: #006699;
	border-bottom:5px solid #006699;
	padding-bottom: 5px;
}

/* End Main Navigation
----------------------------------------------- */



.bigpic { width: 220px; height: 200px; border: 0;  }


div#topright {
	width: 735px;	height: 65px;
	margin: 0; padding: 50px 0 0 0; border: 0;	
	float: right;
}

.logo {
	margin: 10px 0 0 0;
	padding-left: 15px;
}


div#breadcrump {
	width: 712px;	
	margin: 0 0 0 3px;
	padding: 9px 0 0 0;
	border: 0;	
	float: right;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1em;
}
#breadcrump a {
	color: #80CE00;
	color: #0099FF;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#breadcrump p a:hover { color: #444; border-bottom: 1px dotted #444; }



div#overlord { width: 975px; background: #fff url("/cofcca/images/bg-bottom.gif") no-repeat bottom right; }





/* left side */

div#containerleft {
	float: left;
	width: 970px;
	margin: 0; border: 0; padding: 0;
	background:url("/cofcca/images/left-fade.gif") repeat-y;
}


div#main {
	/*float: right;
	border: 0;*/
	margin: 0 20px 0 245px;
	padding: 18px 0 100px 0;
}



div#leftnav {
	float: left;
	width: 190px;
	margin: 0; border: 0; padding: 15px 15px 120px 15px;
	text-align: left;
	font: 12px "Helvetica Neue", Helvetica, Arial;
	font-weight: lighter;
}

#leftnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
#leftnav ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
}

#leftnav li.header {
	display: none;
	margin: 10px 0 -5px 0; color: #888; text-transform: uppercase; letter-spacing: 0.2em; border-top: 0; padding:12px 5px 12px 10px; font: 14px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#leftnav ul li a {
	outline: none;
	width: 175px;
	display: block;
	margin: 0;
	color: #ccc;
	padding: 8px 5px 8px 10px;
	text-decoration: none;
	font: 13px "Helvetica Neue", Helvetica, Arial;
	font-weight: lighter;
	border-bottom: 1px dotted #333;
}
#leftnav ul li a:hover {
	color: #fff;
	background: #444;
}

#leftnav .selected {
	font: 13px "Helvetica Neue", Helvetica, Arial;
	font-weight: lighter;
	text-align: left;
	margin: 0 0 0 0;
	padding: 8px 20px 8px 10px;
	color: #444;
	background: #77A8EF;
	background: #FFF;
	border-bottom: 1px solid #000;
}
#leftnav .selected:hover {
	color: #000;
	background: #84AF00;
	background: #00CCFF;
	background: #CCC;
}


#leftnav ul.child {
	list-style-type:none;
}
#leftnav ul.child li {
	margin-left:5px;
	margin-right:-15px;
	color:#fff;
	border:none;
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
}
#leftnav ul.child li a {
	background:url(/cofcca/images/arrow.jpg) no-repeat 0 11px;
	margin-left:5px;
	padding-left:20px;
}
#leftnav ul.child li a:hover {
	background:url(/cofcca/images/arrow.jpg) no-repeat 0 11px;
}



/* text styles */

#main {
	font: normal 14px "Helvetica Neue", Helvetica, Arial, sans;
	font-weight: lighter;
	color: #444;
	text-align: left;
	line-height: 1.7em;
}
#main strong {
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans;
}
#main p a { text-decoration: none; color: #80CE00; color: #0099FF; font-weight: bold; }
#main p a:hover {  color: #444; }

#main .highlight { border: 1px solid #ccc; padding: 10px 20px 10px 20px; background: #f8f8f8; }

#main .lighttext { color: #aaa; }

#main .description { font: normal 12px Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }

#main .quote { font: normal 1.8em "Times New Roman", Times, serif; color: #bbb; text-align: left; line-height: 1.2em; margin-top: 0; }

#main .stats { background: #c0c0c0; font: normal 1.0em Verdana, Arial, Helvetica, sans; color: #444; }

#main .landimg { border: 1px solid #ccc; }

#main .brown { font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }
#main .brown a { font-weight: bold; }


/* list item styles */

#main ul {	text-align: left; color: #444; margin: 20px 10px 20px 2px;	border: 0; padding: 0; }

#main ul li { line-height: 1.6em; margin: 0 0 10px 15px; }

#main ul li a { text-decoration: none; color: #80CE00; font-weight: bold; }
#main ul li a { text-decoration: none; font-weight: bold; }

#main ul li a:hover { color: #444; }

#main .li-large {	font: normal 2em "Times New Roman", Times, serif; color: #444; padding-left: 30px;	background:url("/cofcca/images/leaf-small.gif") no-repeat left top; }

#main .li-solo { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; padding-left: 30px; background:url("/cofcca/images/back.to.top.gif") no-repeat left top; }
#main .li-solo-box { text-align: left; font: /*10pt*/ 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; padding-left: 30px; background:url("/cofcca/images/back.to.top.gif") no-repeat left top; }

#main .li-noindent { list-style-type: none; font: normal 1.1em Verdana, Arial, Helvetica, sans; line-height: 1.6em; margin-bottom: 10px; padding-left: 0px; }

#main .li-indent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 30px; background:url("/cofcca/images/leaf-small.gif") no-repeat left top; }

#main .li-bigindent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 60px; background:url("/cofcca/images/leaf-small.gif") no-repeat left top; }

#main .ul-feasability {	 text-align: left; font: normal 1em Verdana, Arial, Helvetica, sans; color: #444; margin: 0 0 20px 0; border: 0; padding: 0; }

#main .li-feasability {	display: inline; text-align: left; padding: 0; margin-right: 0; color: #ccc; }




/* header styles */

#main h1 { font: normal 32px Georgia, "Times New Roman", Times, serif; color: #444; padding: 0; margin: 0; }
#main h2 { font: normal 2.4em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 15px 0 0 0; }
#main h2 .phone { background-color: red; }
#main h2 a { color: #80CE00; text-decoration: none; }
#main h2 a:hover { color: #444; }


#main h3 { font: normal 2em "Times New Roman", Times, serif; color: #777; padding: 0; margin: 15px 0 18px 0; line-height: 1.4em; }
#main h3 a { color: #80CE00; text-decoration: none; }
#main h3 a:hover { color: #444; }

#main h4 { font: normal 2em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 10px 0 12px 0; line-height: 1.4em; }
#main h5 { font: normal 3em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 0 0 15px 0; }
#main h5 a { color: #80CE00; text-decoration: none; }
#main h5 a:hover { color: #444; }
#main h6 { font: normal 1.7em "Times New Roman", Times, serif; font-weight:bold; color: #444; padding: 0; margin: 15px 0 0 0; line-height: 1.4em; }

/* right side styles */

div#containerright {
	width: 190px;
	margin: 0; border: 0; padding: 12px 0 50px 0;
	float: right;
}

.quickland { width: 180px; margin: 0; border: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd; }

.quicklandbottom { width: 180px; margin: 0; border: 0; padding: 10px 0 10px 0; border-bottom: 0; }

.quicklandimage { width: 130px; float: left; }

.quicklandtext { width: 170px;	padding-right: 0; float: right; }

.quicklandtext p {  font: normal 1.1em Arial, Helvetica, sans; color: #777; margin: 0 0 5px 0; }
.quicklandtext p a { text-decoration: none; text-transform: none;  color: #80CE00; font-weight: bold; }
.quicklandtext p a:hover { color: #444; }

.quicklandimage p  { margin: 0; padding: 0; border: 0; }
.quicklandimage p a { color: #80CE00; text-decoration: none; }
.quicklandimage p a:hover { color: #444; }

a .imagelink { border: 1px solid #ccc; }
a:hover .imagelink { border: 1px solid #80CE00; }

a .imagelinkleft { border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; float: left; }
a:hover .imagelinkleft { border: 1px solid #80CE00; }

a .imagelinkleftbrown { border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; float: left; }
a:hover .imagelinkleftbrown { border: 1px solid #CE9A00; }


/* clearing br */

.clear { clear: both; margin: 0; }

hr { border: 0; margin: 0; padding: 0; height: 1px; color: #ccc; background-color: #ccc; }






.landleft { width: 160px;  background: #fff; float: left; border: 1px solid #ddd; padding: 10px; }


.landright { width: 160px;  background: #fff; float: right; border: 1px solid #ddd; padding: 10px; }

input:focus { background: #eef; }
input.button { margin-top: 7px; }
input, select, textarea
{
	-moz-border-radius:2px;
	border:1px solid silver;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:9.5pt;
	width:240px;
}
input:focus, select:focus, textarea:focus
{
	background-color: #eff;
	border:1px solid black;
}

blockquote {
	font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.7em;
	font-style:italic;
	margin-left:0;
}

a.tooltip {
	cursor:help;
	border-bottom:1px dashed #9ACD00;
}
a.tooltip:hover {
	border-bottom:1px dashed red;
}

.single {
	width:515px;
}
#webview {
	display:none;
}

#main a[target="_blank"],
#main a[href ^="gopher://"] {
	background: url(http://www.cifor.org/trofcca/ui_/icons/external.png) center right no-repeat;
	padding-right: 13px !important;
}
#main a[href ^="https://"],
.link-https {
	background: url(http://www.cifor.org/trofcca/ui_/icons/lock_icon.gif) center right no-repeat;
	padding-right: 16px !important;
}
#main a[href ^="mailto:"],
.link-mailto {
	background: url(http://www.cifor.org/trofcca/ui_/icons/mail_icon.gif) center right no-repeat;
	padding-right: 18px !important;
}
#main a[href ^="news://"] {
	background: url(http://www.cifor.org/trofcca/ui_/icons/news_icon.png) center right no-repeat;
	padding-right: 18px !important;
}
#main a[href ^="ftp://"],
.link-ftp {
	background: url(http://www.cifor.org/trofcca/ui_/icons/file_icon.gif) center right no-repeat;
	padding-right: 18px !important;
}
#main a[href ^="irc://"],
.link-irc {
	background: url(http://www.cifor.org/trofcca/ui_/icons/discussionitem_icon.gif) center right no-repeat;
	padding-right: 18px !important;
}
#main a[href $=".ogm"], #main a[href $=".OGM"],
#main a[href $=".avi"], #main a[href $=".AVI"],
#main a[href $=".mpeg"], #main a[href $=".MPEG"],
#main a[href $=".mpg"], #main a[href $=".MPG"],
.link-video {
	background: url(http://www.cifor.org/trofcca/ui_/icons/video.png) center right no-repeat;
	padding-right: 13px !important;
}
#main a[href $=".pdf"], #main a[href $=".PDF"],
#main a[href *=".pdf#"], #main a[href *=".PDF#"],
#main a[href *=".pdf?"], #main a[href *=".PDF?"] {
	background: url(http://www.cifor.org/trofcca/ui_/icons/pdf_document.png) center right no-repeat;
	padding-right: 18px !important;
}	
#main a[href $=".doc"], #main a[href $=".DOC"], #main a[href *=".doc#"], #main a[href *=".DOC#"], #main a[href *=".doc?"], #main a[href *=".DOC?"],
#main a[href $=".docx"], #main a[href $=".DOCX"], #main a[href *=".docx#"], #main a[href *=".DOCX#"], #main a[href *=".docx?"], #main a[href *=".DOCX?"]
{
	background: url(http://www.cifor.org/trofcca/ui_/icons/word_document.png) center right no-repeat;
	padding-right: 18px !important;
}	
#main a[href $=".xls"], #main a[href $=".XLS"], #main a[href *=".xls#"], #main a[href *=".XLS#"], #main a[href *=".xls?"], #main a[href *=".XLS?"],
#main a[href $=".xlsx"], #main a[href $=".XLSX"], #main a[href *=".xlsx#"], #main a[href *=".XLSX#"], #main a[href *=".xlsx?"], #main a[href *=".XLSX?"]
{
	background: url(http://www.cifor.org/trofcca/ui_/icons/excel_document.png) center right no-repeat;
	padding-right: 18px !important;
}	
#main a[href $=".ppt"], #main a[href $=".PPT"], #main a[href *=".ppt#"], #main a[href *=".PPT#"], #main a[href *=".ppt?"], #main a[href *=".PPT?"],
#main a[href $=".pptx"], #main a[href $=".PPTX"], #main a[href *=".pptx#"], #main a[href *=".PPTX#"], #main a[href *=".pptx?"], #main a[href *=".PPTX?"],
#main a[href $=".pps"], #main a[href $=".PPS"], #main a[href *=".pps#"], #main a[href *=".PPS#"], #main a[href *=".pps?"], #main a[href *=".PPS?"]
{
	background: url(http://www.cifor.org/trofcca/ui_/icons/ppt_document.png) center right no-repeat;
	padding-right: 18px !important;
}	

/* normal links */
#main a[href *="_ref#"], #main a[href $=".htm"], #main a[href $=".html"] {
	padding: 0;
}

#main img {
	border: 1px solid #999999;
	padding: 3px;
}