/* GENERAL */
body {font-family:arial, helvetica, sans-serif; font-size:100%;}
* {margin:0; padding:0;}  /* zero out margins & padding */
p {font-size:.85em; line-height:1.5em; margin-top:5px; margin-bottom:5px;}
h1 {font-size:1.2em; text-transform:uppercase; letter-spacing:.2em; margin:.5em 0;}
#pagetitle {font-size:2em; font-weight:bold;}
.paragraphtitle {font-size:1.3em; font-weight:bold; margin-top:10px;}
ul,ol {font-size:.85em;}
.offset-ul {margin-left:15px;}
.offset-ol {margin-left:20px;}
.style1 {font-size:1.1em; font-weight:bold;}
a img {border:0;} /* prevents black border around green dots, index page */
#gallerylink {font-size:16px; font-weight:bold;} /* gallery links on Program pages */
.clear {clear:both;}
#container {width:774px; overflow:auto; margin:2px auto; background-color:#99ccff; border:thin solid #F93; z-index:1;}
#content {float:left; margin-left:1px; margin-bottom:5px; width:570px; padding:10px;}
#content-whitebg {float:left; margin-left:1px; margin-bottom:5px; width:570px; background-color:#FFF; padding:10px; border:thin solid #f93;}

/* NAV */
/* common styling */
.nav {float:left; margin-left:5px; margin-top:5px; width:150px; z-index:3;} /* main menu layout */
.nav ul li a, .nav ul li a:visited {display:block; width:140px; height:20px; border:1px solid #fff; background:#9cf; line-height:20px; font-size:14px; color:#000; text-align:left;text-decoration:none; overflow:hidden; padding-left:5px;}  /* menu link layout */
.nav ul {padding:0; margin:0; list-style-type:none;} /* menu: padding, margins, no marker */
.nav ul li {float:left; position:relative; margin-right:1px; } /* floats list items to left */
.nav ul li ul {display:none; }  /* hides drop-down if no hover */
.nav ul li ul li {margin-left:142px; top:-21px; padding-left:5px; z-index:3;} /* d-d layout */
/* specific to non-IE browsers */
.nav ul li:hover a {color:#000; background:#f93; }  /* hover colors (orange bg) */
.nav ul li:hover ul {display:block; position:absolute; top:21px; left:0px; width:105px; } /* dropdown becomes visible during hover */
.nav ul li:hover ul li a.hide {background:#6a3; color:#fff;}  /* ? (bg purple, text black) */
.nav ul li:hover ul li:hover a.hide {background: #6fc; color:#000;}  /* ? (bg dark blue, text white) */
.nav ul li:hover ul li ul {display:none;}  /*  ?    */
.nav ul li:hover ul li a {display:block; width:110px; background:#9cf; border:1px solid #fff; color:#000;} /* d-d layout */
.nav ul li:hover ul li a:hover {display:block; background:#f93; color:#000;} /* d-d hover colors */
#fishermanphoto {margin-left:-5px;}

/* INDEX */
#containerindex {width:774px; height:420px; margin:2px auto; background-color:#99ccff; border:thin solid #F93; z-index:1;}
#contentindex {float:left; margin-left:1px; width:600px; height:335px;}
#map {float:left; width:230px; height:323px; margin:10px 0 10px 20px; background:url("../images/philmap230x323.gif") no-repeat;}
#click {float:left; margin-left:-90px; margin-top:50px; font-size:.6em;}
#dots ul {list-style-type:none;}	
#dots li {list-style-type:none;}
#dots li a {text-decoration:none; z-index:2}
#dots li a:link {font-size:11px; color:#000;}
#dots li a:visited {font-size:11px; color:#000;}
#dots li a:hover {font-size:14px; color:#0000ff; font-weight:bold; background-color:#FF9933;}
#dots li a:active {font-size:13px; color:#FF0000; background-color:#FF9933;}
#dots li a b {display:none;}
#dots li a:hover b {display:inline;}
#dots #batangas {position:relative; left:-153px; top:125px;}
#dots #biri {position:relative; left:-83px; top:127px;} /* left:-63px; top:87px; */
#dots #maqueda {position:relative; left:-67px; top:147px;}
#dots #mondragon {position:relative; left:-75px; top:104px;}
#dots #samarsea {position:relative; left:-75px; top:102px;}
#dots #surigao {position:relative; left:-39px; top:155px;} /*L left:-19px; top:112px; */
#blurb {float:left; width:200px; margin-top:-70px; margin-left:80px; background:#fff; border:1px solid #000; padding:5px; }
#blurb p {margin:0; font-size:.7em;}
#whatsnew {float:left; width:200px; margin-top:20px; margin-left:80px; background:#fff; border:1px solid #000; padding:5px;}
#whatsnewheadline {float:left; margin-top:-10px; margin-left:0px;}
#whatsnewheadline p{font:oblique; font-weight:bold; font-size:.9em;}
#whatsnewtext {float:left; width:200px; margin-top:-10px; }
#whatsnewtext p{font-weight:bold; font-size:.8em;}

/* ABOUT */
#cerdareas {margin-top:5px;}
#cerdareas img{width:500px; height:352px;}

/* BATANGAS */
#batangasmap {float:right; margin-left:5px; margin-top:5px;}
#batangasmap img{width:250px; height:186px;}

/* BIRI */
#birimap {float:right; margin-left:5px; margin-top:5px;}
#birimap img{width:250px; height:200px;}
#birithumb img{float:right; margin-right:300px; padding:5px; width:63px; height:45px;}

/* CONTACT */


/* FISHERMEN */
#news-fishermen {float:right; margin-left:10px; }
#news-fishermen img{width:200px; height:245px;}

/* GALLERIES */
.gallery1thumb {float:left; padding:5px;}
.gallery1thumb img{width:75px; height:45px;}

/* HOPE */
#news-hope {float:right; margin-top:5px; margin-left:10px;}
#news-hope img{width:200px; height:255px;}

/* LINKS */


/* MAQUEDA */
#maquedamap {float:right; margin-left:5px;}
#maquedamap img{width:250px; height:208px;}

/* MONDRAGON */
#mondragonmap {float:right; margin-left:10px;}
#mondragonmap img{width:250px; height:215px;}
#mondragonthumb {float:left; padding:5px;}
#mondragonthumb img{width:63px; height:45px;}
#mondragonlink {margin-top:10px; font-size:1.3em; font-weight:bold;}

/* OBSCURE NGO */
#pagetitleobscure {font-size:1.7em; font-weight:bold;}
#news-obscure {float:right; margin-top:5px; margin-left:10px;}
#news-obscure img{width:250px; height:347px;}

/* PROGRAMS */


/* RESOURCES */
#contentresources p {margin-top:10px;}

/* SAMARSEA */
#samarseamap {float:right; margin-left:10px;}
#samarseamap img{width:250; height:216px;}
#samarseathumb img{float:right; margin-right:240px; padding:5px; width:63px; height:45px;}

/* SANCTUARY */
#news-sanctuary {float:right; margin-top:5px; margin-left:10px;}
#news-sanctuary img{width:200px; height:195px; border:thin solid;}

/* SURIGAO */
#surigaomap {float:right; margin-left:10px;}
#surigaomap img{width:250px; height:213px;} 
#hinatuanthumb {float:right; margin-right:260px; padding:5px;}
#hinatuanthumb img{width:63px; height:45px;}

/* TITLING */
#titlingphoto {float:right; margin-left:5px;}
#titlingphoto img {width:200px; height:150px; border:thin solid;}

/* VILLAGE */
#pagetitlevillage {font-size:1.9em; font-weight:bold;}
#news-village {float:right; margin-top:5px; margin-left:10px;}
#news-village img{width:200px; height:218px; border:thin solid;}