img, div, a, input { behavior: url(pngfix/iepngfix.htc) }
/* Additional CSS */
#logoarea
{
position:absolute;
left:136px;
top:10px;
width:150px;
padding:0px;
margin:0px;
}
#logoarea h1{
width:150px;
height:90px;
text-indent:-9999px;
padding:0px;
margin:0px;
}
#logoarea h1 a{
height:90px;
padding:0px;
margin:0px;
display:block;
}
ol {
/*list-style-position:inside;*/
margin:0px;
padding:0px;
}
.orderedlist li {
margin:0px;
padding:0px;
}
#wondersep {
padding: 10px 0px;
}
#newstext {
padding-left:10px;
}
/* end */
a {
outline:none;
}
#submitbtn {
background:url(../../../images/stories/sablayan/contact/submitbtn.png) top left no-repeat;
cursor:pointer;
border:0px;
width:81px;
height:31px;
margin-top:10px;
margin-left:181px;
}
#namefrm, #addressfrm, #phonefrm, #email, #inquiriesfrm {
margin-left:10px;
margin-top:4px;
margin-bottom:4px;
border:1px solid #d9a759;
width:250px;
background: #fffde0;
}
/*ece8ad*/
#inquiriesfrm {
height:150px;
}
#contentbox {
padding-top:14px;
padding-left:9px;
}
#rightbcontent{
float:left;
}
#leftbcontent {
float:left;
background:url(../../../images/stories/sablayan/home/prestitlebg.jpg) top left no-repeat;
width:226px;
min-height:109px;
height:auto !important;
height:109px;
}
#titlebox {
padding-top:24px;
padding-left:31px;
}
#mangyanimg {
overflow:hidden;
height:170px;
padding:0px;
margin:0px;
}
#pandurucantitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:5px;
zindex:2;
}
#pandurucan {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#tungtongtitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:120px;
zindex:2;
}
#malatungtong {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#bridgetitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:5px;
zindex:2;
}
#hangingbridge {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#oldtitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:151px;
zindex:2;
}
#oldchurch {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#parolatitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:5px;
zindex:2;
}
#parolapark {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#iglittitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:153px;
zindex:2;
}
#mtiglit {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#pandantitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:5px;
zindex:2;
}
#pandanisland {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#siburantitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:152px;
zindex:2;
}
#siburanforest {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#wondertop2 {
background:url(../../../images/stories/sablayan/wonders/wonderstop2.gif) top left no-repeat;
}
#wonderbottom2 {
background:url(../../../images/stories/sablayan/wonders/wondersbottom2.gif) bottom left no-repeat;
}
#footernav ul, #footernav li, #footernav {
list-style:none;
padding:0px;
margin:0px;
}
#footernavdiv {
padding-left:122px;
}
#footernav li {
float:left;
}
#footercont {
width:999px;
height:111px;
}
#bgfooter {
background:url(../../../images/stories/sablayan/home/bgfooter2.jpg) bottom left repeat-x;
}
#titlebg {
width:216px;
padding:0px;
padding-left:19px;
margin:0px;
}
.righttextstyle {
font-family:"Trebuchet MS", Arial, Verdana;
color:#ffffff;
font-size: 12px;
line-height:1.2;
}
#mbg {
background:url(../../../images/stories/sablayan/home/mbg.jpg) top left repeat-y;
}
#mtop {
background:url(../../../images/stories/sablayan/home/mtop.jpg) top left no-repeat;
}
#mbottom {
background:url(../../../images/stories/sablayan/home/mbottom.jpg) bottom left no-repeat;
width:167px;
padding: 0px 28px 59px 22px;
min-height:242px;
height:auto !important;
height:242px;
}
#tbg {
background:url(../../../images/stories/sablayan/home/tamarawbg.jpg) top left repeat-y;
}
#ttop {
background:url(../../../images/stories/sablayan/home/tamarawtop.png) top left no-repeat;
}
#tbottom {
background:url(../../../images/stories/sablayan/home/tamarawbottom.jpg) bottom left no-repeat;
width:146px;
padding: 3px 34px 35px 21px;
min-height:139px;
height:auto !important;
height:139px;
}
#titlebg {
background:url(../../../images/stories/sablayan/home/ttitle.png) top left no-repeat;
width:216px;
}
#tamarawtitle {
position:absolute;
top:82px;
left:31px;
zindex:3;
}
#rightimgbg {
position:relative;
background:url(../../../images/stories/sablayan/home/tamarawbg.png) top left no-repeat;
width:220px;
height:39px;
padding-left:13px;
padding-top:13px;
}
#tamaraw {
zindex:2;
}
#contactbtn {
padding:0px;
padding-top:20px;
margin:0px;
}
#headercont {
float:left;
width:706px;
padding:0px;
margin:0px;
}
#rightpanel {
float:left;
width:293px;
padding:0px;
margin:0px;
}
#name {
font-family:"Trebuchet MS", Arial, Verdana;
color:#000000;
font-size: 11px;
}
#title {
font-family:"Trebuchet MS", Arial, Verdana;
color:#ffffff;
font-size: 9px;
line-height:1.2;
}
#leftcontentpad {
padding-left:18px;
}
#lefttextarea {
width:198px;
padding:0px;
padding-left:10px;
padding-right: 7px;
margin:0px;
}
.contenttext {
font-family:"Trebuchet MS", Arial, Verdana;
color:#000000;
line-height:1.3;
}
#mainimg {
width: 356px;
height: 237px;
padding:0px;
padding: 15px 22px 19px 19px;
background:url(../../../images/stories/sablayan/home/mainimgbg.gif);
}
#moresites {
padding:0px;
margin:0px;
text-align:right;
}
#apotitle {
position:absolute;
padding:0px;
margin:0px;
top:101px;
left:5px;
zindex:2;
}
#aporeef {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:169px;
padding-left:21px;
zindex:1;
}
#mindorotitle {
position:absolute;
top:100px;
left:150px;
}
#mindoropines {
position:relative;
padding:0px;
margin:0px;
width:372px;
height:164px;
padding-left:21px;
zindex:1;
}
#libuaotitle {
position:absolute;
padding:0px;
margin:0px;
top:100px;
left:3px;
}
#libuaolake {
position:relative;
width:372px;
height:169px;
padding:0px;
margin:0px;
padding-left:21px;
zindex:1;
}
.wonderimg ul, .wonderimg li, .wonderimg {
margin:0px;
padding:0px;
}
.wonderimg li {
float:left;
padding:0px;
margin:0px;
padding-left:1px;
}
#wondersbg {
background:url();
}
#wonderbg {
background:url(../../../images/stories/sablayan/home/wondersbg.jpg) top left repeat-y;
}
#wondertop {
background:url(../../../images/stories/sablayan/home/wonderstop.jpg) top left no-repeat;
}
#wonderbottom {
background:url(../../../images/stories/sablayan/home/wondersbottom.jpg) bottom left no-repeat ;
padding:0px;
margin:0px;
min-height:557px;
height:auto !important;
height:557px;
}
/* End of Additional CSS */
body {
padding:0px;
margin:0px;
background:url(../images/bgrepeat.gif) top left;
}
#bgtopx {
background:url(../images/bgtopx.jpg) top left repeat-x;
padding:0px;
margin:0px;
}
#bgrepeatx {
background:url(../../../images/stories/sablayan/home/bgrepeatx.jpg) bottom center repeat-x;
padding:0px;
margin:0px;
}
#frame {
width:999px;
padding:0px;
margin:auto;
}
#headerleft {
width:358px;
height:76px;
padding-left:348px;
padding-top:31px;
margin:0px;
position:relative;
}
#headerright {
float:left;
width:293px;
background:url(../images/headerbgright.jpg) top left no-repeat;
height:107px;
padding:0px;
margin:0px;
}
#bgrepeat {
background:url(../../../images/stories/sablayan/home/bgrepeat.jpg) top left repeat-y;
}
#bgtop {
background:url(../../../images/stories/sablayan/home/bgtop2.jpg) top left no-repeat;
}
#bgbottom {
background:url(../../../images/stories/sablayan/home/bgbottom1.jpg) bottom left no-repeat;
padding:0px;
padding-top:5px;
margin:0px;
min-height:1243px;
height:auto !important;
height:1243px;
}
#navicont {
width:336px;
padding:0px;
margin:0px;
}
#navigation ul, #navigation li, #navigation {
list-style:none;
padding:0px;
margin:0px;
}
#navigation li {
float:left;
height:19px;
padding:0px;
margin:0px;
}
#navigation li a {
display:block;
}
#contentleft {
float:left;
width:636px;
padding-left:70px;
}
#maincontentleft {
float:left;
width:233px;
}
#maincontentright {
float:left;
padding:0px;
margin:0px;
width:397px;
}
#contentright {
float:left;
width:293px;
}
#clearer{
clear:both;
height:0px;
overflow:hidden;
visibility:hidden;
}
/*basefile css*/
a.bar:link, a.bar:visited {
font-family:Tahoma, Verdana, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
a.bar:hover {
font-family:Tahoma, Verdana, Helvetica;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
td, tr, p, div {
font-family
: Tahoma, Verdana, Sans-serif;;
font-size
: 12px;
color
: #252422;
}
td.user3 {
background: #00CC00 url(../images/index1_08.jpg) top no-repeat ;
font-family
: Tahoma, Verdana, Sans-serif;;
font-size
: 11px;
color
: #333333;
}
hr {
color
: #333333;
height
: 1px;
width
: 100%;
}
.contentdescription {
width
: auto !important;
display
: block;
}
#buttons {
float
: right;
margin
: 0px;
padding
: 0px;
width
: 50%;
}
ul#mainlevel-top {
font-size
: 11px;
list-style
: none;
padding
: 0;
margin
: 0;
font-size
: 0.8em;
}
ul#mainlevel-top li {
display
: block;
background-image : none;
padding-left
: 1px;
padding-right
: 1px;
float
: left;
margin
: 0;
width
: auto !important;
font-size
: 11px;
line-height
: 22px;
white-space
: nowrap;
}
ul#mainlevel-top li a {
font-size
: 11px;
display
: block;
padding-left
: 16px;
padding-right
: 16px;
text-decoration
: none;
color
: #FFF;
background
: transparent;
font-weight
: normal;
}
ul#mainlevel-top li a:hover {
font-size
: 11px;
color
: #FFF;
background-image : url(../images/topmenuhover.jpg);
background-position: 0;
font-weight
: normal;
}
.sublevel {
padding-left
: 10px;
}
.leftrow {
background-color : #F1F1F1;
width
: 168px;
height
: 100%;
margin-right
: 5px;
}
.rightrow {
background-color : #F1F1F1;
height
: 100%;
width
: 168px;
align
: right;
margin-left
: 5px;
}
#search {
float
: left;
margin-top
: 5px;
border
: 1px solid #cccccc;
padding
: 0px;
width?
: 123px !important;
width
: 125px;
height
: 16px !important;
height
: 16px;
overflow
: hidden;
}
#search .inputbox {
border
: 0px;
margin-top
: 0px;
padding
: 2px 3px 2px 6px !important;
padding
: 0px 3px 2px 6px;
font-family
: arial, helvetica, sans-serif;
font-size
: 10px;
height
: 12px !important;
height
: 12px;
width
: 123px !important;
width
: 125px;
color
: #999999;
background
: #FFFFFF;
}
.back_button a:link, .back_button a:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 12px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
.button {
font-size
: 11px;
color
: #FFF;
margin-bottom
: 5px;
background-color : #4c7f00;
padding
: 1px;
border
: 0px;
}
.button-search {
background-color : #666666;
color
: #FFF;
border
: 0px;
padding
: 1px;
}
.inputbox {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-repeat:repeat-x;
background-color : #FFF;
margin-bottom
: 5px;
color
: #333333;
}
.inputbox-search {
border
: 1px solid #999999;
background
: transparent url(../images/inputboxbg.jpg);
background-color : #EDEDED;
margin-bottom
: 5px;
color
: #333333;
float
: right;
}
.sectiontableheader {
font-size
: 11px;
font-weight
: normal;
text-transform
: uppercase;
letter-spacing
: 1px;
color
: #333333;
background
: #EDEDED;
padding
: 1px;
}
.sectiontableentry1 {
vertical-align
: top;
padding
: 3px;
background
: #E3E3E3;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
.sectiontableentry2 {
vertical-align
: top;
padding
: 3px;
border-top
: 1px solid #FFFFFF;
border-bottom
: 1px solid #999999;
}
a.mainlevel
{
margin
: 0px;
padding
: 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel: link {
padding
: 0px 0px 0px 0px;
font-size
: 11px;
width
: 150px;
}
a.mainlevel:link, a.mainlevel:visited {
display
: block;
font-size
: 11px;
font-weight
: normal;
padding
: 2px 0px 2px 15px;
color
: #4c7f00;
width
: 150px;
background-image : url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position: 3px;
}
a.mainlevel:hover {
font-size
: 11px;
font-weight
: normal;
text-decoration
: underline;
color
: #4c7f00;
}
#active_menu {
color
: #4c7f00;
font-weight
: bold;
}
a#active_menu:hover {
color
: #4c7f00;
}
a:link, a:visited {
font-size
: 12px;
color
: #555555;
text-decoration
: none;
}
a:hover {
font-size
: 12px;
color
: #4c7f00;
text-decoration
: none;
}
a.category:link, a.category:visited {
font-size
: 11px;
font-weight
: bold;
}
a.readon:link, a.readon:visited {
color
: #555555;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
text-decoration
: none;
text-transform
: uppercase;
}
a.readon:hover {
color
: #666666;
font-family
: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size
: 11px;
white-space
: normal;
font-weight
: bold;
border
: 0px;
padding-bottom
: 3px;
padding-left
: 5px;
padding-right
: 5px;
padding-top
: 2px;
float
: right;
line-height
: 10px;
}
ul {
list-style:none;
}
li {
line-height: 15px;
padding-left: 25px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 10px 5px;
}
ol{
margin-left:0px;
list-style-position:inside;
}
table.contenttoc {
border
: 1px solid #FFFFFF;
background
: #F1F1F1;
padding
: 5px;
margin-left
: 2px;
margin-bottom
: 2px;
}
.pagenavcounter {
font-size
: 10px;
color
: #0066CC;
}
.pagenavbar {
border-top
: 1px solid #999999;
padding
: 2px;
}
.pagenav {
font-weight
: bold;
color
: #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
text-decoration
: none;
}
a.pagenav:hover {
text-decoration
: none;
}
.date {
font-size
: 10px;
color
: #fff;
padding-right
: 10px;
}
.small {
font-size
: 10px;
color
: #333333;
}
.smalldark {
font-size
: 10px;
color
: #333333;
}
.createdate, .modifydate {
font-size
: 10px;
color
: #666666;
}
.content_vote {
font-size
: 10px;
height
: 22px;
padding-top
: 2px;
padding-bottom
: 2px;
}
.content_rating {
font-size
: 10px;
color
: #CC9900;
}
.pathway {
font-size
: 10px;
color
: #fff;
padding-left
: 8px;
}
a.pathway:link, a.pathway:visited {
font-size
: 10px;
color
: #fff;
padding-left
: 0px;
}
a.pathway:hover {
font-size
: 10px;
padding-left
: 0px;
color
: #fff;
}
table.content{
width
: 100%;
padding
: 0px;
border-collapse
: collapse;
border-spacing
: 0px;
margin-bottom
: 10px;
}
table.contentpane {
width
: 100%;
padding-left
: 0px;
padding-right
: 0px;
border-spacing
: 0px;
margin-bottom
: 5px;
}
table.contentpaneopen {
width
: 100%;
padding-left
: 0px;
padding-right
: 0px;
border-spacing
: 0px;
border-collapse:collapse
margin-bottom
: 0px;
}
.pollstableborder{
border-color
: #999999;
}
.contentheading, .componentheading {
font-size
: 30px;
font-weight
: bold;
line-height
: 24px;
text-align
: left;
color
: #FF6666;
width
: 100%;
}
.title {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-indent
: 8px;
font-size
: 22px;
text-align
: left;
color
: #FFFFFF;
}
.title a:link, .title a:visited {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.title a:hover {
font-size
: 20px;
color
: #FFFFFF;
text-decoration
: none;
font-weight
: bold;
}
.ontab {
border-left
: 1px solid #404040;
text-align
: center;
font-weight
: bold;
color
: #333333;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.offtab {
border-left
: 1px solid #404040;
text-align
: center;
color
: #999999;
font-weight
: normal;
padding
: 5px;
cursor
: hand;
line-height
: 40px;
}
.tabpadding {
border-left
: 1px solid #404040;
}
.pagetext {
visibility
: hidden;
position
: relative;
top
: -10;
background-color : #FFFFFF;
display
: none;
}
.footer {
font-family
: Verdana, Geneva, Arial, Helvetica, sans-serif;
color
: #006D8C;
font-size
: 10px;
font-weight
: bold;
text-align
: center;
}
.footer a:link, .footer a:visited {
font-size
: 10px;
color
: #006d8c;
text-decoration
: underline;
font-weight
: bold;
}
.footer a:hover {
font-size
: 10px;
color
: #666666;
text-decoration
: none;
font-weight
: bold;
}
.contact_email
{
width
: 100%;
}
.contact_email .inputbox {
width
: 345px;
}
table.moduletable-left {
width
: 200px;
table-layout
: auto;
border
: 1px solid #EAEAEA;
}
table.moduletable-left th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
color
: #FFF;
background-image : url(../images/moduleheadbg.jpg);
}
table.moduletable-left td {
padding-left
: 5px;
padding-right
: 5px;
}
table.moduletable {
width
: 100%;
table-layout
: auto;
}
table.moduletable th {
font-size
: 11px;
font-weight
: bold;
text-transform
: uppercase;
text-align
: left;
height
: 21px;
line-height
: 21px;
text-indent
: 8px;
letter-spacing
: 1px;
}
table.moduletable td {
padding-left
: 0px;
padding-right
: 0px;
}