body { background:url(/images/bgloop.jpg); background-repeat:repeat-x; background-color:#1e58a9; font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:.2%;line-height:1; color: #1d1918; line-height:21px;} a {color:#2154A5;text-decoration:none;} a:hover { color:#2154A5; cursor:pointer; text-decoration:underline;} #main { width:960px; margin:0 auto; padding:5px 15px;background:url(/images/mainloop.png); background-repeat:repeat-y; } .cb { clear:both;} .fr { float:right;} .fl { float:left} .imageLogo { padding-bottom:10px; float:left;} .topnav { float:right; color:#ccc} .searchdiv { padding-top:10px; color:#444} .hotline { padding-top:10px; clear:both} .hotlineIn { padding-right:10px; float:right} #navigation { font-size:13px; font-weight:bold; color:#E6F4FF; height:56px; width:960px; clear:both; background-image:url(/images/nav.png); background-repeat:no-repeat;}/* for non-css3 browsers */ #navhome { color:#E6F4FF;width:70px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px; text-decoration:none;} #navabt { color:#E6F4FF;width:150px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navtour { color:#E6F4FF;width:115px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navbuss { color:#E6F4FF;width:200px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navpub { color:#E6F4FF;width:155px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navcars { color:#E6F4FF;width:95px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navhlt { color:#E6F4FF;width:150px; padding-top:10px; text-align:center; float:left; height:30px; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navhome a:visited,#navhome a:active,#navhome a:selected { color:#E6F4FF;width:80px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px; text-decoration:none; } #navabt a:visited,#navabt a:active,#navabt a:selected { color:#E6F4FF;width:150px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navtour a:visited,#navtour a:active,#navtour a:selected { color:#E6F4FF;width:115px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navbuss a:visited,#navbuss a:active,#navbuss a:selected { color:#E6F4FF;width:210px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navpub a:visited,#navpub a:active,#navpub a:selected { color:#E6F4FF;width:160px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navcars a:visited,#navcars a:active,#navcars a:selected { color:#E6F4FF;width:95px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navhlt a:visited,#navhlt a:active,#navhlt a:selected { color:#E6F4FF;width:130px; padding-top:10px; text-align:center; float:left; height:30px; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2; text-decoration:none;} #navhome a:hover { color:#ffffff; width:80px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px; } #navabt a:hover { color:#ffffff; width:150px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #navtour a:hover { color:#ffffff; width:115px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #navbuss a:hover { color:#ffffff; width:210px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #navpub a:hover { color:#ffffff; width:160px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #navcars a:hover { color:#ffffff; width:95px; padding-top:10px; text-align:center; float:left; height:30px; border-right:1px solid #0151AD; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #navhlt a:hover { color:#ffffff; width:130px; padding-top:10px; text-align:center; float:left; height:30px; margin-top:5px;border-left:1px solid #326E9B;border-right:1px solid #0347CB2;} #contdiv { padding-top:0px;} #contdiv2 { padding-top:10px; background-color:#fff} #leftdiv { width:640px; float:left} .border { height:3px; background-color:#0D91CD; width:640px; margin:5px 0 10px 0;} .borderright{ height:3px; background-color:#70C27C; width:300px; margin:5px 0 10px 0;} .title { font-size:14px; color:#222222; font-weight:bolder} #rightdiv { float:right; width:300px;} #newdiv { float:left; padding-left:20px; width:470px; text-align:justify; line-height:21px;} #news1 { clear:both; padding-top:5px; line-height:21px;} #news2 { clear:both; padding-top:15px; line-height:21px; text-align:justify} #news3 { padding-top:10px; line-height:21px; padding-bottom:10px;} #newslist { list-style-type:square; padding-left:15px;} #borgray { height:3px; background-color:#cccccc;clear:both;} #footernav { padding-top:10px} #footercred { float:right;} #traffecad { padding-top:20px;} #apptdiv { padding-top:20px;} #conct { padding-top:20px; padding-bottom:15px;} #upcomming { padding-top:15px;} #sigepasig { padding-top:15px; padding-bottom:15px;} #imagediv { padding:5px; background-color:#f9f9f9} .sigeimage { padding-right:5px; padding-top:10px;} .discription{ line-height:21px; text-align:justify;} .contdes { line-height:21px; text-align:justify;} .borderno { height:3px; background-color:#0D91CD; width:640px; margin:8px 0 0 0;} .borderbtm { border-bottom:1px dotted #dddddd; padding:3px 0} .toplinks { font-size:11px;} /*--subpages--*/ #rightdivsub { float:left; width:240px;} #contdivsub { background:url(/images/interiorloop.png); background-repeat:repeat-y; } .searchbox { float:right; margin-right:10px; padding-top:2px;} .subborder { height:3px; margin:5px 0 5px 0; background-color:#0093DD} .geninfonav { padding:5px 0; font-weight:bold; border-bottom:1px solid #f2f2f2} #leftdivsub { width:690px;float:right;} #leftdivsubnew { width:690px;float:right; padding-top:15px; padding-bottom:50px} h1 { font-size:24px;} .leftsubtitle { padding:15px 0; border-bottom:1px dotted #ccc; margin-bottom:10px;} .subparag { line-height:25px; text-align:justify; padding-top:10px;} .subparag1 { line-height:25px; text-align:justify;} .subparagdate { line-height:25px; text-align:justify; padding-top:15px; font-size:14px; font-weight:bold; text-decoration:underline;} .subgap { clear:both; height:15px;} .divnav2 { width:238px; padding:10px 0} .geninfo { padding-bottom:10px; padding-top:5px;} .realbullet { padding:5px 10px 5px 5px; float:left;} .tabtabsad { padding-left:5px; font-weight:bold; color:#444} .tabtabsadsub { padding-left:25px; font-weight:bold; color:#444} .plainborder{ padding-bottom:2px;} div.content { clear: left;} .menu { list-style: none; padding: 0; margin: 0; height: 35px; position: relative; } .menu span { display: none; position: absolute; } .menu a { display: block; text-indent: -900%; position: absolute; outline: none; } .menu a:hover { background-position: left bottom; } .menu a:hover span{ display: block; } .menu .home { width: 240px; height: 35px; background: url(/images/downloads.png) no-repeat; left: 0px; top: 0px; } .menu .hl1 { width: 240px; height: 35px; background: url(/images/senoir.png) no-repeat; left: 0px; top: 0px; } .menu .hl2 { width: 240px; height: 35px; background: url(/images/subscribe.png) no-repeat; left: 0px; top: 0px; } .menu .hl3 { width: 240px; height: 35px; background: url(/images/contact.png) no-repeat; left: 0px; top: 0px; } .menu .gov {width: 240px;height: 35px;background: url(/images/govenment.png) no-repeat;left: 0px; top: 0px;} .menu .gov1 {width: 240px;height: 35px;background: url(/images/cityhalltab.png) no-repeat;left: 0px; top: 0px;} .menu .gov2 {width: 240px;height: 35px;background: url(/images/mayortab.png) no-repeat;left: 0px; top: 0px;} .menu .gov3 {width: 240px;height: 35px;background: url(/images/counciltab.png) no-repeat;left: 0px; top: 0px;} .menu .history1 {width: 240px;height: 35px;background: url(/images/history.png) no-repeat;left: 0px; top: 0px;} .menu .history2 {width: 240px;height: 35px;background: url(/images/timeline.png) no-repeat;left: 0px; top: 0px;} .menu .history3 {width: 240px;height: 35px;background: url(/images/prehi.png) no-repeat;left: 0px; top: 0px;} .menu .history4 {width: 240px;height: 35px;background: url(/images/precol.png) no-repeat;left: 0px; top: 0px;} .menu .history5 {width: 240px;height: 35px;background: url(/images/spanish1.png) no-repeat;left: 0px; top: 0px;} .menu .history6 {width: 240px;height: 35px;background: url(/images/brit.png) no-repeat;left: 0px; top: 0px;} .menu .history7 {width: 240px;height: 35px;background: url(/images/spanish2.png) no-repeat;left: 0px; top: 0px;} .menu .history8 {width: 240px;height: 35px;background: url(/images/am.png) no-repeat;left: 0px; top: 0px;} .menu .history9 {width: 240px;height: 35px;background: url(/images/jp.png) no-repeat;left: 0px; top: 0px;} .menu .history10 {width: 240px;height: 35px;background: url(/images/postww2.png) no-repeat;left: 0px; top: 0px;} .menu .history11 {width: 240px;height: 35px;background: url(/images/modern.png) no-repeat;left: 0px; top: 0px;} .menu .history12 {width: 240px;height: 35px;background: url(/images/progress.png) no-repeat;left: 0px; top: 0px;} .menu .history13 {width: 240px;height: 35px;background: url(/images/pastmayors.png) no-repeat;left: 0px; top: 0px;} .menu .history14 {width: 240px;height: 35px;background: url(/images/mayors1.png) no-repeat;left: 0px; top: 0px;} .menu .history15 {width: 240px;height: 35px;background: url(/images/mayors2.png) no-repeat;left: 0px; top: 0px;} .menu .history16 {width: 240px;height: 35px;background: url(/images/fpasig.png) no-repeat;left: 0px; top: 0px;} .menu .history17 {width: 240px;height: 35px;background: url(/images/famous.png) no-repeat;left: 0px; top: 0px;} .menu .history18 {width: 240px;height: 35px;background: url(/images/famous1.png) no-repeat;left: 0px; top: 0px;} .menu .history19 {width: 240px;height: 35px;background: url(/images/famous2.png) no-repeat;left: 0px; top: 0px;} .menu .history20{width: 240px;height: 35px;background: url(/images/famous3.png) no-repeat;left: 0px; top: 0px;} .menu .history21 {width: 240px;height: 35px;background: url(/images/famous4.png) no-repeat;left: 0px; top: 0px;} .menu .history22 {width: 240px;height: 35px;background: url(/images/famous5.png) no-repeat;left: 0px; top: 0px;} .menu .history23 {width: 240px;height: 35px;background: url(/images/famousone.png) no-repeat;left: 0px; top: 0px;} .bordertitle {clear:both; height:3px; background-color:#0D91CD; margin-bottom:3px; width:235px} .menu .city1 {width: 240px;height: 35px;background: url(/images/citymap.png) no-repeat;left: 0px; top: 0px;} .menu .city2 {width: 240px;height: 35px;background: url(/images/transpo.png) no-repeat;left: 0px; top: 0px;} .menu .city3 {width: 240px;height: 35px;background: url(/images/tspots.png) no-repeat;left: 0px; top: 0px;} .menu .city4 {width: 240px;height: 35px;background: url(/images/landmarks.png) no-repeat;left: 0px; top: 0px;} .menu .city5 {width: 240px;height: 35px;background: url(/images/eaandf.png) no-repeat;left: 0px; top: 0px;} .menu .city6 {width: 240px;height: 35px;background: url(/images/intitute.png) no-repeat;left: 0px; top: 0px;} .menu .city7 {width: 240px;height: 35px;background: url(/images/estab.png) no-repeat;left: 0px; top: 0px;} .menu .city71 {width: 240px;height: 35px;background: url(/images/dining.png) no-repeat;left: 0px; top: 0px;} .menu .city72 {width: 240px;height: 35px;background: url(/images/sightseeing.png) no-repeat;left: 0px; top: 0px;} .menu .city73 {width: 240px;height: 35px;background: url(/images/nightlife.png) no-repeat;left: 0px; top: 0px;} .menu .city74 {width: 240px;height: 35px;background: url(/images/where.png) no-repeat;left: 0px; top: 0px;} .menu .city8 {width: 240px;height: 35px;background: url(/images/co.png) no-repeat;left: 0px; top: 0px;} .menu .city9 {width: 240px;height: 35px;background: url(/images/gall.png) no-repeat;left: 0px; top: 0px;} .menu .city10 {width: 240px;height: 35px;background: url(/images/photos.jpg) no-repeat;left: 0px; top: 0px;} .menu .city11 {width: 240px;height: 35px;background: url(/images/vides.jpg) no-repeat;left: 0px; top: 0px;} .menu .bus1 {width: 240px;height: 35px;background: url(/images/requirements.png) no-repeat;left: 0px; top: 0px;} .menu .bus2 {width: 240px;height: 35px;background: url(/images/process.png) no-repeat;left: 0px; top: 0px;} .menu .bus3 {width: 240px;height: 35px;background: url(/images/tax.png) no-repeat;left: 0px; top: 0px;} .menu .service1 {width: 240px;height: 35px;background: url(/images/spo.png) no-repeat;left: 0px; top: 0px;} .menu .service2 {width: 240px;height: 35px;background: url(/images/educ.png) no-repeat;left: 0px; top: 0px;} .menu .service3 {width: 240px;height: 35px;background: url(/images/envir.png) no-repeat;left: 0px; top: 0px;} .menu .service4 {width: 240px;height: 35px;background: url(/images/emp.png) no-repeat;left: 0px; top: 0px;} .menu .service5 {width: 240px;height: 35px;background: url(/images/infrastructure.png) no-repeat;left: 0px; top: 0px;} .menu .service6 {width: 240px;height: 35px;background: url(/images/sservices.png) no-repeat;left: 0px; top: 0px;} .menu .service7 {width: 240px;height: 35px;background: url(/images/sports.png) no-repeat;left: 0px; top: 0px;} .menu .service8 {width: 240px;height: 35px;background: url(/images/ospital.png) no-repeat;left: 0px; top: 0px;} .menu .tel1 {width: 240px;height: 35px;background: url(/images/pun/0.png) no-repeat;left: 0px; top: 0px;} .menu .tel2 {width: 240px;height: 35px;background: url(/images/pun/1.png) no-repeat;left: 0px; top: 0px;} .menu .tel3 {width: 240px;height: 35px;background: url(/images/pun/2.png) no-repeat;left: 0px; top: 0px;} .menu .tel4 {width: 240px;height: 35px;background: url(/images/pun/3.png) no-repeat;left: 0px; top: 0px;} .menu .tel5 {width: 240px;height: 35px;background: url(/images/pun/4.png) no-repeat;left: 0px; top: 0px;} .bordertitle1 {clear:both; height:3px; background-color:#0D91CD; margin-bottom:3px; margin-bottom:10px;} .newslinks { clear:both; border-bottom: 1px dotted #dddddd; padding:10px 0; } .newslinksrel { clear:both; border-bottom: 1px dotted #dddddd; padding:10px 0;} .newtitle { float:left;} .imagetumb { float:left; padding-right:10px;} .graytxt { color:#666;} .titlesetail {padding-top:15px; color:#666} .borderabove {border-top: 2px solid #f2f2f2; margin:15px 0; } .newstextcont{padding-top:15px; line-height:25px; text-align:justify} .menu .home1 {width: 240px;height: 35px;background: url(/images/newstab.png) no-repeat;left: 0px; top: 0px;} .menu .home2 {width: 240px;height: 35px;background: url(/images/eventstab.png) no-repeat;left: 0px; top: 0px;} .maintitle { padding-top:10px; font-weight:normal} .maintitle { padding-top:10px; font-weight:normal; color:#FFB400} .imgevent { float:left; padding-right:15px; padding-bottom:15px; } .bakuna { padding-bottom:25px; line-height:25px; text-align:justify } .upevts { padding-top:15px;} .bordertitle2 {clear:both; height:3px; background-color:#cccccc;} .evttab { background-color:#f2f2f2; padding:5px 0; border-bottom:1px dotted #dddddd} .imgservice { float:left; padding-right:50px; padding-bottom:10px;} .img2ndlayer { clear:both; padding-top:15px;} .listservices { list-style-type:circle; line-height:25px; padding-left:15px; text-align:justify; margin-top:25px; padding-right:5px; color:#222} .listdiv { padding:25px 0; border-bottom:1px dotted #dddddd} .bottomspace { clear:both; height:25px;} .pcontact { padding-top:25px; line-height:25px; text-align:justify; padding-bottom:15px} .contactbor { border-top: 1px solid #ccc; margin:25px 0;} .conwid { width:125px; padding:7px 0} .contUs { padding-bottom:20px;} .capcha { border:1px solid #eee; padding:1px; width:300px; margin-top:10px;} .inputpad { padding:7px 0} .submit { float:left; padding-right:15px;} .titlehead { border-bottom:1px solid #dddddd; padding:10px 0; margin-top:25px} .breadcrumbs { font-size:12px; font-weight:lighter; font-style:italic;} .cityhallImg { padding-top:10px} .borderforbc { border-top:1px solid #ddd; margin-right:3px} .bchead { padding:5px 0; border-bottom:3px solid #f2f2f2; margin-top:6px; margin-right:3px} .bcinbetween { height:5px; clear:both;} .spacebet { float:left; padding-left:5px; padding-right:7px;} .abtparagstyle { padding-top:15px; line-height:21px; text-align:justify; padding-right:5px;} .abtparagstyle1 { padding-top:15px; line-height:21px; text-align:justify; padding-right:15px; float:left;} .imgborcouncil { border:1px dotted #ddd; padding:3px; float:left; } .countnames { font-weight:bold; font-size:12px; margin-bottom:25px; padding-top:5px;} .bordercont { border:1px solid #eee; padding:5px;} .landmarkpad { padding-top:10px;} .landmarktitle { font-size:16px; font-weight:bold; padding-top:15px; text-align:justify} .imgultra { padding-top:21px; float:left; margin-right:25px;} #slideshow {list-style:none; color:#000; width:680px} #slideshow span {display:none;} #wrapper {width:680px; margin:1px auto; display:none} #wrapper * {margin:0; padding:0} #fullsize {position:relative; width:550px; height:367px; border:5px solid #fff;} #information {position:absolute; bottom:0; width:550px; height:0; background:#1d7abe; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} #information h3 {padding:4px 8px 3px; font-size:14px} #information p {padding:0 8px 8px} #image {width:550px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:100%; height:306px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(/images/left.gif)center left no-repeat; margin-left:-50px} #imgnext {right:0; background:url(/images/right.gif)center right no-repeat; margin-right:-50px} #imglink {position:absolute; height:367px; width:100%; z-index:100; opacity:1; filter:alpha(opacity=75)} .linkhover {background:url(/images/link.gif) center center no-repeat} #thumbnails {margin-top:15px} #slideleft {float:left; width:20px; height:80px; background:url(/images/scroll-left.gif) center center no-repeat;} #slideleft:hover {cursor:pointer} #slideright {float:right; width:20px; height:80px; background:url(/images/scroll-right.gif) center center no-repeat} #slideright:hover {cursor:pointer} #slidearea {float:left; position:relative; width:620px; margin-left:10px; overflow:hidden; height:80px;} #slider {position:absolute; left:0; height:120px} #slider img {cursor:pointer;height:80px; padding:3px} #gallerycase { background:url(/images/bggallery.jpg); background-repeat:repeat-x; height:500px; width:688px} .hospitalbleng{ color:#222; font-size:18px; margin:25PX 0;} .famousN {font-weight:bold; font-size:15px; line-height:21px} .famousD {line-height:21px; text-align:justify;} .famousTop{ padding-top:15px} .profilesName {font-size:13px; font-weight:bold; letter-spacing:.50mm; line-height:21px;} .profilesTitle{font-size:12px; line-height:21px;} .profilesDes {font-size:12px; line-height:21px; text-align:justify; padding-top:10px;} .profilesDiv {padding-top:25px; margin-right:5px}