<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
   <head>
     <title>Davao eco-fair highlights vital conservation of bats</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if IE]>
   <script type="text/javascript" src="/misc/jquery.js"></script>
   <script type="text/javascript" src="/misc/drupal.js"></script>
   <script type="text/javascript"  
src="/modules/nice_menus-6.x-1.0/nice_menus/nice_menus.js"></script>
   <![endif]-->
         <meta name='robots' content='noindex, nofollow' />
     <base  
href='http://mb.com.ph/articles/204169/davao-ecofair-highlights-vital-conservation-bats'  
/>
     <link rel='shortcut icon' href='/sites/default/files/mb_favicon.png'  
type='image/x-icon' />
     <style type='text/css' media='all'>/* $Id: content.css,v 1.11 2007/12/27  
17:26:40 yched Exp $ */

/* Node display */
.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
   font-weight:bold;
}
.field .field-label-inline,
.field .field-label-inline-first {
   display:inline;
}
.field .field-label-inline {
   visibility:hidden;
}

.node-form .content-multiple-table td.content-multiple-drag {
   width:30px;
   padding-right:0;
}
.node-form .content-multiple-table td.content-multiple-drag  
a.tabledrag-handle{
   padding-right:.5em;
}

.node-form .content-add-more .form-submit{
   margin:0;
}

.node-form .number {
   display:inline;
   width:auto;
}

/* 'Manage fields' overview */
table.content-field-overview, table.content-field-overview fieldset table {
   width:100%;
}
table.content-field-overview td {
   width:14%;
}
.content-field-overview-empty {
   text-align:center;
}


.container-inline-date {
   width:auto;
   clear:both;
}
.container-inline-date .form-item {
   float:left;
   padding:0;
   margin:0;
}
.container-inline-date .form-item,
.container-inline-date .form-item input {
   width:auto;
}
.container-inline-date .description {
   clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
   margin-right:5px;}

.container-inline-date {
   display: inline-block;
  }

.container-inline-date .date-spacer {
   margin-left:-5px;
}
.views-right-60 .container-inline-date div {
   padding:0;
   margin:0;
}

.container-inline-date .date-timezone .form-item {
   float:none;
   width:auto;
   clear:both;
   }

/* Fixes for date popup css so it will behave in Drupal */
#calendar_div, #calendar_div td, #calendar_div th {
   margin:0;
   padding:0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
   width: 185px;
   border-collapse: separate;
   margin: 0;
}
.calendar td {
   padding: 0;
}

/* formatting for from/to dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}
span.date-display-separator {
}

.date-repeat-input {
   float:left;
   width:auto;
   margin-right:5px;
}
.date-repeat-input select {
   min-width:7em;
}
.date-repeat fieldset {
   clear:both;
   float:none;
}

/* TODO Removed if this gets added to Views */
.views-exposed-date-filter {
   float:left !important;
   margin-right:2px !important;
   padding:0 !important;
}/* Main Style Sheet for jQuery UI date picker */
#calendar_div, .calendar_inline {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 0;
        margin: 0;
        background: #ddd;
        width: 185px;
}
#calendar_div {
        display: none;
        border: 1px solid #777;
        z-index: 9999; /*must have*/
}
.calendar_inline {
        float: left;
        display: block;
        border: 0;
}
.calendar_rtl {
        direction: rtl;
}
.calendar_dialog {
        padding: 5px !important;
        border: 4px ridge #ddd !important;
}
button.calendar_trigger {
        width: 25px;
}
img.calendar_trigger {
        margin: 2px;
        vertical-align: middle;
}
.calendar_prompt {
        float: left;
        padding: 2px;
        background: #ddd;
        color: #000;
}
* html .calendar_prompt {
        width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
        clear: both;
        float: left;
        width: 100%;
        color: #fff;
}
.calendar_control {
        background: #57A;
        padding: 2px 0px;
}
.calendar_links {
        background: #FFF;
        padding: 2px 0px;
}
.calendar_control, .calendar_links {

        font-size: 80%;
        letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
        padding: 2px 5px;
        color: #888;
}
.calendar_clear, .calendar_prev {
        float: left;
        width: 34%;
}
.calendar_rtl .calendar_clear, .calendar_rtl .calendar_prev {
        float: right;
        text-align: right;
}
.calendar_current {
        float: left;
        width: 30%;
        text-align: center;
}
.calendar_close, .calendar_next {
        float: right;
        width: 34%;
        text-align: right;
}
.calendar_rtl .calendar_close, .calendar_rtl .calendar_next {
        float: left;
        text-align: left;
}
.calendar_header {
        padding: 3px 0;
        background: #eee;
        text-align: center;
        height: 1.3em;
}
.calendar_header select {
        background: #fff;
        color: #333;
     font-size: 12px;
     border: solid 1px #ccc;
     margin-right: 3px;
}
.calendar {
        background: #ccc;
        text-align: center;
        font-size: 12px;
}
.calendar a {
        display: block;
        width: 100%;
}
.calendar_titleRow {
        background: #777;
}
.calendar_daysRow {
        background: #eee;
        color: #666;
}
.calendar_weekCol {
        background: #777;
        color: #fff;
}
.calendar_daysCell {
        color: #000;
        border: 1px solid #ddd;
}
.calendar_daysCell a{
        display: block;
}
.calendar_weekEndCell {
        background: #ddd;
}
.calendar_titleRow .calendar_weekEndCell {
        background: #777;
}
.calendar_daysCellOver {
        background: #fff;
        border: 1px solid #777;
}
.calendar_unselectable {
        color: #888;
}
.calendar_today {
        background: #ace !important;
}
.calendar_currentDay {
        background: #999 !important;
}
.calendar_status {
        background: #ddd;
        width: 100%;
        font-size: 80%;
        text-align: center;
}

/* ________ calendar Links _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
        cursor: pointer;
        margin: 0;
        padding: 0;
        background: none;
        color: #000;
}
.calendar_inline .calendar_links a {
        padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
        padding: 2px 0px !important;
        color: #333 !important;
}
.calendar_titleRow a {
        color: #eee!important;
}
.calendar_control a:hover {
        background: #ddf !important;
        color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
        background: #ddd !important;
        color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.calendar_multi .calendar {
        border: 1px solid #777;
}
.calendar_oneMonth {
        float: left;
        width: 185px;
}
.calendar_newRow {
        clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
     display: none; /*sorry for IE5*/
     display/**/: block; /*sorry for IE5*/
     position: absolute; /*must have*/
     z-index: -1; /*must have*/
     filter: mask(); /*must have*/
     top: -4px; /*must have*/
     left: -4px; /*must have*/
     width: 200px; /*must have*/
     height: 200px; /*must have*/
}/* timeEntry styles */
.timeEntry_control {
        vertical-align: middle;
        margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
        margin-top: -4px;
}
.rteindent1 {
   margin-left: 40px;
}
.rteindent2 {
   margin-left: 80px;
}
.rteindent3 {
   margin-left: 120px;
}
.rteindent4 {
   margin-left: 160px;
}
.rteleft {
   text-align: left;
}
.rteright {
   text-align: right;
}
.rtecenter {
   text-align: center;
}
.rtejustify {
   text-align: justify;
}/* $Id: nice_menus.css,v 1.27 2007/12/20 14:25:25 add1sun Exp $ */
/*
   This file contains the basic logic for nice menus, and should not be
   edited.  To customize the menus, it's recommended to create a custom CSS
   file using nice_menus_default.css as a template, then configure the module
   to use your custom CSS file (this is done in the global settings tab of
   the theme administration.)
*/

/* Below should fix menu being a few pixels away in some themes, and menus  
disappearing behind other stuff. */
.block-nice_menus {
   line-height: normal;
   z-index: 10;
}

ul.nice-menu,
ul.nice-menu ul {
   z-index: 5;
   position: relative;
}

ul.nice-menu li {
   position: relative;
}

ul.nice-menu a {
   display: block;
}

ul.nice-menu ul,
/* For Garland header. */
#header-region ul.nice-menu ul {
   position: absolute;
   display: none;
}

ul.nice-menu li.over ul {
   display: block;
}

ul.nice-menu ul li {
   display: block;
}

ul.nice-menu:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
   display: block;
}

/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover ul ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over li.over ul ul,
ul.nice-menu li.over li.over ul ul ul,
ul.nice-menu li.over li.over li.over ul ul,
ul.nice-menu li.over li.over li.over ul ul ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul ul,
#header-region ul.nice-menu li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
#header-region ul.nice-menu li.over ul ul,
#header-region ul.nice-menu li.over ul ul ul,
#header-region ul.nice-menu li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over ul ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul ul {
   display: none;
}

/***************
  IE 6 Fixes
***************/

/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul {
        overflow: visible !important;
        /* overflow: hidden; */
}

ul.nice-menu li.menuparent ul iframe,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul iframe {
        display: none;
        display/**/: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        filter: mask();
        width: 20px;
        height: 20px;
}/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
   This is the default layout template for nice menus, and will provide
   a starting point for the look of your menus. To customize, it's
   recommended to create a custom CSS file using this file as a template,
   then configure the module to use your custom CSS file
   (this is done in the global settings tab of the theme administration.)

   To help understand the CSS, the HTML looks like this, where
     x is a number;
     TYPE is down/left/right;
     PATH is the menu path such as node/343;
     MID is the menu id such as 33):
   <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
     <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu  
item</a></li>
     <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
       <ul...><li...>...</li>
       </ul>
     </li>
     ...
   </ul>

   If you have more than one nice-menu and want to target a particular one,
   use its id (e.g. ul#nice-menu-2).

   See README.txt and the handbook page (http://drupal.org/node/185543)
   for some CSS customization examples.
*/

/******************************
  Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
   border-top: 1px solid #ccc;
}

ul.nice-menu li {
   border: 1px solid #ccc;
   border-top: 0;
   float: left;
   background-color: #eee;
   /* Additional overrides to deal with Garland theme. */
   margin: 0;
   padding-left: 0;
   background-image: none;
   font-weight:bold;
   font-size:11px;
   text-align:left;
}

/* Overrides for Garland header. */
#header-region ul.nice-menu li {
   margin: 0;
   /* Padding rules are needed to deal with Garland's header line-height. */
   padding-top: 0.1em;
   padding-bottom: 0.1em;
   background: #eee;
}

ul.nice-menu a {
   padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
   top: 1.8em;
   left: -1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
   top: 1.7em;
}

ul.nice-menu ul li {
   width: 12.5em;
}

/******************************
  VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
   width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
   width: 12.5em;
   left: 12.5em;
   top: -1px;
}

ul.nice-menu-right ul ul {
   width: 12.5em;
   left: 12.5em;
   top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
   background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over {
   background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
   width: 12.5em;
   left: -12.65em;
   top: -1px;
}

ul.nice-menu-left li ul li ul {
   width: 12.5em;
   left: -12.65em;
   top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
   background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over {
   background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
   padding-left: 14px;
}

/******************************
  HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
   float: left;
   border: 0;
}

ul.nice-menu-down li {
   border-top: 1px solid #ccc;
}

ul.nice-menu-down li li {
   border-top: 0;
}

ul.nice-menu-down ul {
   left: 0;
}

ul.nice-menu-down ul li {
   clear: both;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
   left: 12.5em;
   top: -1px;
}

ul.nice-menu-down .menuparent a {
   padding-right: 15px;
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
   background: #eee url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
   background: #ccc url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
   background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
   background: #ccc url(arrow-right.png) right center no-repeat;
}/* $Id: node.css,v 1.5 2008/01/25 21:21:44 goba Exp $ */

.node-unpublished {
   background-color: #fff4f4;
}
.preview .node {
   background-color: #ffffea;
}
#node-admin-filter ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   width: 100%;
}
#node-admin-buttons {
   float: left; /* LTR */
   margin-left: 0.5em; /* LTR */
   clear: right; /* LTR */
}
td.revision-current {
   background: #ffc;
}
.node-form .form-text {
   display: block;
   width: 95%;
}
.node-form .container-inline .form-text {
   display: inline;
   width: auto;
}
.node-form .standard {
   clear: both;
}
.node-form textarea {
   display: block;
   width: 95%;
}
.node-form .attachments fieldset {
   float: none;
   display: block;
}
.terms-inline {
   display: inline;
}
/* $Id: poll.css,v 1.6 2008/01/22 07:47:57 goba Exp $ */

.poll .bar {
   height: 1em;
   margin: 1px 0;
   background-color: #fff;
}
.poll .bar .foreground {
   height: 1em;
   float: left; /* LTR */
}
.poll .links {
   text-align: center;
}
.poll .percent {
   text-align: left; /* LTR */
}
.poll .total {
   text-align: left;
}
.poll .vote-form {
   text-align: center;
}
.poll .vote-form .choices {
   text-align: left; /* LTR */
   margin: 0;
   display: block;
}
.poll .vote-form .choices .title {
   font-weight: normal;
}
.node-form #edit-poll-more {
   margin: 0;
}
td.poll-chtext {
   width: 80%;
}
td.poll-chvotes .form-text {
   width: 85%;
}

#poll_links
{
text-align: left;
}
#poll_links #edit-vote
{
font-size:12px;
width:auto;
}
#links1
{
position: absolute;
bottom: 0;
right: 0;
}
#links1 a:visited
{
color:#049;
}
/* $Id: defaults.css,v 1.5 2007/10/02 12:10:40 dries Exp $ */

/*
** HTML elements
*/
fieldset {
   margin-bottom: 1em;
   padding: .5em;
}
form {
   margin: 0;
   padding: 0;
}
hr {
   height: 1px;
   border: 1px solid gray;
}
img {
   border: 0;
}
table {
   border-collapse: collapse;
}
th {
   text-align: left; /* LTR */
   padding-right: 1em; /* LTR */
   border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clear-block {
   display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
   height: 1%;
}
.clear-block {
   display: block;
}
/* End hide from IE-mac */
/* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */

/*
** HTML elements
*/
body.drag {
   cursor: move;
}
th.active img {
   display: inline;
}
tr.even, tr.odd {
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   padding: 0.1em 0.6em;
}
tr.drag {
   background-color: #fffff0;
}
tr.drag-previous {
   background-color: #ffd;
}
td.active {
   background-color: #ddd;
}
td.checkbox, th.checkbox {
   text-align: center;
}
tbody {
   border-top: 1px solid #ccc;
}
tbody th {
   border-bottom: 1px solid #ccc;
}
thead th {
   text-align: left; /* LTR */
   padding-right: 1em; /* LTR */
   border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
   padding-bottom: .5em
}
div.indentation {
   width: 20px;
   height: 1.7em;
   margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
   padding: 0.42em 0 0.42em 0.6em; /* LTR */
   float: left; /* LTR */
}
div.tree-child {
   background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
   background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR  
*/
}
div.tree-child-horizontal {
   background: url(../../misc/tree.png) no-repeat -11px center;
}
.error {
   color: #e55;
}
div.error {
   border: 1px solid #d77;
}
div.error, tr.error {
   background: #fcc;
   color: #200;
   padding: 2px;
}
.warning {
   color: #e09010;
}
div.warning {
   border: 1px solid #f0c020;
}
div.warning, tr.warning {
   background: #ffd;
   color: #220;
   padding: 2px;
}
.ok {
   color: #008000;
}
div.ok {
   border: 1px solid #00aa00;
}
div.ok, tr.ok {
   background: #dfd;
   color: #020;
   padding: 2px;
}
.item-list .icon {
   color: #555;
   float: right; /* LTR */
   padding-left: 0.25em; /* LTR */
   clear: right; /* LTR */
}
.item-list .title {
   font-weight: bold;
}
.item-list ul {
   margin: 0 0 0.75em 0;
   padding: 0;
}
.item-list ul li {
   margin: 0 0 0.25em 1.5em; /* LTR */
   padding: 0;
   list-style: disc;
}
ol.task-list li.active {
   font-weight: bold;
}
.form-item {
   margin-top: 1em;
   margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
   margin-top: 0;
   margin-bottom: 0;
   white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
   border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
   border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
   border: 2px solid red;
}
.form-item .description {
   font-size: 0.85em;
}
.form-item label {
   display: block;
   font-weight: bold;
}
.form-item label.option {
   display: inline;
   font-weight: normal;
}
.form-checkboxes, .form-radios {
   margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
   margin-top: 0.4em;
   margin-bottom: 0.4em;
}
.marker, .form-required {
   color: #f00;
}
.more-link {
   text-align: right; /* LTR */
}
.more-help-link {
   font-size: 0.85em;
   text-align: right; /* LTR */
}
.nowrap {
   white-space: nowrap;
}
.item-list .pager {
   clear: both;
   text-align: center;
}
.item-list .pager li {
   background-image:none;
   display:inline;
   list-style-type:none;
   padding: 0.5em;
}
.pager-current {
   font-weight:bold;
}
.tips {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
   font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b  
select {
   font-family: inherit;
   font-size: inherit;
   width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
   width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
   float: left; /* LTR */
   line-height: 1.75em;
   padding: 0;
   margin: 0 1em 0 0; /* LTR */
}
dl.multiselect .form-item {
   height: 1.75em;
   margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
   display: inline;
}

/*
** Tab navigation
*/
ul.primary {
   border-collapse: collapse;
   padding: 0 0 0 1em; /* LTR */
   white-space: nowrap;
   list-style: none;
   margin: 5px;
   height: auto;
   line-height: normal;
   border-bottom: 1px solid #bbb;
}
ul.primary li {
   display: inline;
}
ul.primary li a {
   background-color: #ddd;
   border-color: #bbb;
   border-width: 1px;
   border-style: solid solid none solid;
   height: auto;
   margin-right: 0.5em; /* LTR */
   padding: 0 1em;
   text-decoration: none;
}
ul.primary li.active a {
   background-color: #fff;
   border: 1px solid #bbb;
   border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
   background-color: #eee;
   border-color: #ccc;
   border-bottom-color: #eee;
}
ul.secondary {
   border-bottom: 1px solid #bbb;
   padding: 0.5em 1em;
   margin: 5px;
}
ul.secondary li {
   display: inline;
   padding: 0 1em;
   border-right: 1px solid #ccc; /* LTR */
}
ul.secondary a {
   padding: 0;
   text-decoration: none;
}
ul.secondary a.active {
   border-bottom: 4px solid #999;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
   position: absolute;
   border: 1px solid;
   overflow: hidden;
   z-index: 100;
}
#autocomplete ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#autocomplete li {
   background: #fff;
   color: #000;
   white-space: pre;
   cursor: default;
}
#autocomplete li.selected {
   background: #0072b9;
   color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
   background-image: url(../../misc/throbber.gif);
   background-repeat: no-repeat;
   background-position: 100% 2px; /* LTR */
}
html.js input.throbbing {
   background-position: 100% -18px; /* LTR */
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
   border-bottom-width: 0;
   border-left-width: 0;
   border-right-width: 0;
   margin-bottom: 0;
   height: 1em;
}
html.js fieldset.collapsed * {
   display: none;
}
html.js fieldset.collapsed legend {
   display: block;
}
html.js fieldset.collapsible legend a {
   padding-left: 15px; /* LTR */
   background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
}
html.js fieldset.collapsed legend a {
   background-image: url(../../misc/menu-collapsed.png); /* LTR */
   background-position: 5px 50%; /* LTR */
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
   display: inline;
}
/* For Safari 2 to prevent collapsible fieldsets containing tables from  
dissapearing due to tableheader.js. */
html.js fieldset.collapsible {
   /*position: relative;*/
}
html.js fieldset.collapsible legend a {
   display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset  
border */
html.js fieldset.collapsible .fieldset-wrapper {
   overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
   width: 95%;
}
.resizable-textarea .grippie {
   height: 9px;
   overflow: hidden;
   background: #eee url(../../misc/grippie.png) no-repeat center 2px;
   border: 1px solid #ddd;
   border-top-width: 0;
   cursor: s-resize;
}
html.js .resizable-textarea textarea {
   margin-bottom: 0;
   width: 100%;
   display: block;
}

/*
** Table drag and drop.
*/
.draggable a.tabledrag-handle {
   cursor: move;
   float: left; /* LTR */
   height: 1.7em;
   margin: -0.4em 0 -0.4em -0.5em; /* LTR */
   padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
   text-decoration: none;
}
a.tabledrag-handle:hover {
   text-decoration: none;
}
a.tabledrag-handle .handle {
   margin-top: 4px;
   height: 13px;
   width: 13px;
   background: url(../../misc/draggable.png) no-repeat 0 0;
}
a.tabledrag-handle-hover .handle {
   background-position: 0 -20px;
}

/*
** Teaser splitter
*/
.joined + .grippie {
   height: 5px;
   background-position: center 1px;
   margin-bottom: -2px;
}
/* Keeps inner content contained in Opera 9. */
.teaser-checkbox {
   padding-top: 1px;
}
div.teaser-button-wrapper {
   float: right; /* LTR */
   padding-right: 5%; /* LTR */
   margin: 0;
}
.teaser-checkbox div.form-item {
   float: right; /* LTR */
   margin: 0 5% 0 0; /* LTR */
   padding: 0;
}
textarea.teaser {
   display: none;
}
html.js .no-js {
   display: none;
}

/*
** Progressbar styles
*/
.progress {
   font-weight: bold;
}
.progress .bar {
   background: #fff url(../../misc/progress.gif);
   border: 1px solid #00375a;
   height: 1.5em;
   margin: 0 0.2em;
}
.progress .filled {
   background: #0072b9;
   height: 1em;
   border-bottom: 0.5em solid #004a73;
   width: 0%;
}
.progress .percentage {
   float: right; /* LTR */
}
.progress-disabled {
   float: left; /* LTR */
}
.ahah-progress {
   float: left; /* LTR */
}
.ahah-progress .throbber {
   width: 15px;
   height: 15px;
   margin: 2px;
   background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
   float: left; /* LTR */
}
tr .ahah-progress .throbber {
   margin: 0 2px;
}
.ahah-progress-bar {
   width: 16em;
}

/*
** Formatting for welcome page
*/
#first-time strong {
   display: block;
   padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
   background: #ffc;
}

/*
** Floating header for tableheader.js
*/
table.sticky-header {
   margin-top: 0;
   background: #fff;
}

/*
** Installation clean URLs
*/
#clean-url.install {
   display: none;
}

/*
** For anything you want to hide on page load when JS is enabled, so
** that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide {
   display: none;
}

/*
** Styles for the system modules page (admin/build/modules)
*/
#system-modules div.incompatible {
   font-weight: bold;
}

/*
** Styles for the system themes page (admin/build/themes)
*/
#system-themes-form div.incompatible {
   font-weight: bold;
}

/*
** Password strength indicator
*/
span.password-strength {
   visibility: hidden;
}
input.password-field {
   margin-right: 10px; /* LTR */
}
div.password-description {
   padding: 0 2px;
   margin: 4px 0 0 0;
   font-size: 0.85em;
   max-width: 500px;
}
div.password-description ul {
   margin-bottom: 0;
}
.password-parent {
   margin: 0 0 0 0;
}
/*
** Password confirmation checker
*/
input.password-confirm {
   margin-right: 10px; /* LTR */
}
.confirm-parent {
   margin: 5px 0 0 0;
}
span.password-confirm {
   visibility: hidden;
}
span.password-confirm span {
   font-weight: normal;
}/* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */

ul.menu {
   list-style: none;
   border: none;
   text-align:left; /* LTR */
}
ul.menu li {
   margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
   list-style-type: circle;
   list-style-image: url(../../misc/menu-expanded.png);
   padding: 0.2em 0.5em 0 0; /* LTR */
   margin: 0;
}
li.collapsed {
   list-style-type: disc;
   list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
   padding: 0.2em 0.5em 0 0; /* LTR */
   margin: 0;
}
li.leaf {
   list-style-type: square;
   list-style-image: url(../../misc/menu-leaf.png);
   padding: 0.2em 0.5em 0 0; /* LTR */
   margin: 0;
}
li a.active {
   color: #000;
}
td.menu-disabled {
   background: #ccc;
}
ul.links {
   margin: 0;
   padding: 0;
}
ul.links.inline {
   display: inline;
}
ul.links li {
   display: inline;
   list-style-type: none;
   padding: 0 0.5em;
}
.block ul {
   margin: 0;
   padding: 0 0 0.25em 1em; /* LTR */
}
/* $Id: user.css,v 1.7 2007/06/21 04:38:41 unconed Exp $ */

#permissions td.module {
   font-weight: bold;
}
#permissions td.permission {
   padding-left: 1.5em; /* LTR */
}
#access-rules .access-type, #access-rules .rule-type {
   margin-right: 1em; /* LTR */
   float: left; /* LTR */
}
#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
   margin-top: 0;
}
#access-rules .mask {
   clear: both;
}
#user-login-form {
   text-align: center;
}
#user-admin-filter ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   width: 100%;
}
#user-admin-buttons {
   float: left; /* LTR */
   margin-left: 0.5em; /* LTR */
   clear: right; /* LTR */
}
#user-admin-settings fieldset .description {
   font-size: 0.85em;
   padding-bottom: .5em;
}

/* Generated by user.module but used by profile.module: */
.profile {
   clear: both;
   margin: 1em 0;
}
.profile .picture {
   float: right; /* LTR */
   margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
   border-bottom: 1px solid #ccc;
}
.profile dl {
   margin: 0 0 1.5em 0;
}
.profile dt {
   margin: 0 0 0.2em 0;
   font-weight: bold;
}
.profile dd {
   margin: 0 0 1em 0;
}
/*edited-rommel 2007-04-01*/
.img_box {
   border: 0px solid #ccc;
   margin: 5px;
   clear: both;
}

.img_left {
   float: left;
}

.img_right {
   float: right;
}

.img_image {
   padding: 5px;
   margin: 0px;
}

.img {
   vertical-align: top;
}

.img_title_top {
   border-bottom: 1px solid #ccc;
   background: #ddd;
   padding: 3px;
   text-align: left;
}

.img_title_bottom {
   /*border-top: 0px solid #ccc;*/
   background: #fff;
   padding: 3px;
   text-align: left;
   font-size: 11px;
}

.img_container {
}

.img_container_left {
        float: left;
}

.img_container_center {
   margin: auto;
}

.img_container_right {
   float: right;
}

.img_div {
}

.img_clear {
   clear: both;
}
/* $Id: print.css,v 1.1.2.2 2008/08/21 22:03:40 jcnventura Exp $ */

body {
   margin: 1em;
   background-color: #fff;
   font-family: sans-serif;
}
th {
   text-align: left; /* LTR */
   color: #006;
   border-bottom: 1px solid #ccc;
}
tr.odd {
   background-color: #ddd;
}
tr.even {
   background-color: #fff;
}
td {
   padding: 5px;
}
#menu {
   visibility: hidden;
}
#main {
   margin: 1em;
}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #00f;}
a:link img, a:visited img {border: 0;}
.print-footnote {font-size: xx-small;}
img.print-logo {border: 0;}
.print-site_name {}
.print-breadcrumb {font-size: x-small;}
.print-title {}
.print-submitted {font-size: small;}
.print-created {font-size: small;}
.print-taxonomy {
   text-align: right;
}
.print-taxonomy li {display: inline;}
.print-content {}
.print-hr {
   border: 0;
   height: 1px;
   width: 100%;
   color: #9E9E9E;
   background-color: #9E9E9E;
}
.print-message {
   border: medium dotted blue;
   padding: 1em;
}
.print-source_url {font-size: small;}
.print-links {font-size: small;}
.print-footer {text-align: center;}
</style>
   </head>
   <body onload="window.print();">
     <div class="print-message">Message from sender:<br /><br /><em>Dave  
Waldien, NAPPC Steering Committee Member is featured in this  
article.</em></div><p />    <div class="print-logo"><img class='print-logo'  
src='/themes/manila%20bulletin/images/logo.gif' alt='' />
</div>
     <div class="print-site_name">Published on <em>Manila Bulletin</em> (<a  
href="http://mb.com.ph">http://mb.com.ph</a>)</div>
     <p />
     <div class="print-breadcrumb"><a href="/">Home</a> > Davao eco-fair  
highlights vital conservation of bats</div>
     <hr class="print-hr" />
     <h1 class="print-title">Davao eco-fair highlights vital conservation of  
bats</h1>
     <div class="print-submitted"></div>
     <div class="print-created"></div>
     <p />
     <div class="print-content"><p>DAVAO CITY &ndash; The Philippine Bat  
Conservation (PBC) is holding a three-day Eco-Conservation Fair for  
environmentalists in the government and private sectors at the SM City Davao  
which will run until Thursday.</p>
<p>PBC executive director Norma Monfort said the activity is aiming to gain  
support in protecting the bats and the environment.</p>
</div>
         <div class="print-footer">
</div>
     <hr class="print-hr" />
     <div class="print-source_url"><strong>Source URL:</strong> <a  
href="http://mb.com.ph/articles/204169/davao-ecofair-highlights-vital-conservation-bats">http://mb.com.ph/articles/204169/davao-ecofair-highlights-vital-conservation-bats</a></div>
     <div class="print-links"></div>
     <div class="print-copyright">Copyright 2009. Manila Bulletin | All Rights  
Reserved</div>
   </body>
</html>