/* ----- COMMON ----- */

body {margin: 10px auto; text-align: center; font-family: "arial", sans-serif; font-size: small; color: #4040ff; background-color: #d0d0ff; background-image: none;}

div.page {margin: 0 auto; width: 96%; min-width: 762px; border-style: none; text-align: center;}

img {border-style: solid; border-width: 3px; border-top-color: #9966ff; border-bottom-color: #ffffff; border-left-color: #9966ff; border-right-color: #ffffff; border-spacing: 0; padding: 0; text-align: center;}

img.philarch {margin-top: 15px; margin-bottom: 15px; border-style: none; width: 640px; height: 60px;}

img.philflag {margin-top: 70px; margin-bottom: 70px; border-style: none; width: 150px; height: 79px;}

a {border-style: none; font-weight: bold; text-decoration: none;}

a:link, a:visited {color: #8855ee; background-color: #d0d0ff;}

a:active, a:hover {text-decoration: underline overline; color: #3399ff; background-color: #d0d0ff;}

div.navbar, div.subnavbar, div.footer {margin-top: 50px; margin-left: auto; margin-right: auto; font-weight: bold;}

div.subnavbar, div.footer {width: 50%; min-width: 500px;}

div.footer {text-align: center; font-weight: normal;}

h1, h2, h3, h4, h5, h6 {text-align: center; font-weight: bold;}

h1 {font-size: 300%;}

h1.h1small, h2.h2large {font-size: 280%;}

h2 {margin-top: 70px; font-size: 200%;}

h3 {margin-top: 50px; font-size: 180%;}

h4 {font-size: 160%;}

h5 {font-size: 140%;}

h6 {font-size: 120%;}

h6.constartnote {font-size: 100%; font-weight: normal; font-style: italic;}

div, p {margin-top: 15px; margin-bottom: 15px; height: 100%; /* height required for IE */ border-style: solid; border-width: 3px; border-top-color: #ffffff; border-bottom-color: #9966ff; border-left-color: #ffffff; border-right-color: #9966ff; border-spacing: 0; padding: 10px; text-align: left;}

p.center {text-align: center;}

table {margin: 15px auto; width: 100%; border-style: none; border-spacing: 0;}

th, td {margin: 0; border-style: solid; border-width: 3px; border-top-color: #9966ff; border-bottom-color: #ffffff; border-left-color: #9966ff; border-right-color: #ffffff; border-spacing: 0; padding: 10px; vertical-align: top;}

th {text-align: center; font-size: 110%; font-weight: bold;}

ul {display: list-item; margin: 0; padding-left: 0; list-style-type: none;}

li {margin-left: 0;}

li.sub {margin-left: 50px;}

li.sub1 {margin-left: 50px;} /* ----- CHECK & DELETE ----- */

li.sub2 {margin-left: 100px;} /* ----- CHECK & DELETE ----- */

li.sub3 {margin-left: 150px;} /* ----- CHECK & DELETE ----- */

li.sub4 {margin-left: 200px;} /* ----- CHECK & DELETE ----- */

ol {margin-top: 0; margin-bottom: 0; list-style-type: decimal;}

p.map {min-height: 510px;}

img.mapleft, img.mapright {width: 300px; height: 500px;}

img.mapleft {float: left; margin-right: 30px;}

img.mapright {float: right; margin-left: 30px;}

img.icra, img.w3c {margin: 10px; width: 88px; height: 31px;}

/* ----- SYMBOLS ----- */

p.flag1 {min-height: 110px;}

img.flag1 {width: 150px; height: 100px;}

p.flag2 {min-height: 68px;}

img.flag2 {width: 150px; height: 58px;}

p.flag3 {min-height: 86px;}

img.flag3 {width: 150px; height: 76px;}

p.flagban {min-height: 110px;}

img.flagban {width: 150px; height: 100px;}

img.flag1, img.flag2, img.flag3, img.flagban {position: relative; float: left; margin-bottom: 10px; margin-right: 10px;}

p.coatofarms {min-height: 231px;}

img.coatofarms {position: relative; float: left; margin-bottom: 10px; margin-right: 10px; width: 200px; height: 221px;}

/* ----- MAP ----- */

th.provlist, td.provlist, th.provlistfederal, td.provlistfederal {width: 20%;}

th.provlistreg, td.provlistreg {width: 15%;}

th.provlistsupreg, td.provlistsupreg {width: 45%;}

p.mapreg02 {min-height: 420px;}

img.mapreg02 {margin-right: 50px; width: 400px; height: 400px;}

p.mapreg13 {min-height: 520px;}

img.mapreg13 {margin-right: 150px; width: 300px; height: 500px;}

p.mapreg15 {min-height: 320px;}

img.mapreg15 {margin-right: 20px; width: 480px; height: 300px;}

p.mapreg17 {min-height: 520px;}

img.mapreg17 {margin-right: 20px; width: 430px; height: 500px;}

p.mapreg300, p.mapprov300 {min-height: 320px;}

img.mapreg300, img.mapprov300 {margin-right: 150px; width: 300px; height: 300px;}

p.mapprov53 {min-height: 730px; border-style: none;}

p.mapprov53a {margin-top: 1px; margin-bottom: 1px; margin-left: 467px; margin-right: 1px; border-style: none;}

img.mapprov53 {float: left; margin-right: 10px; width: 710px; height: 710px;}

p.mapprov200 {min-height: 220px;}

img.mapprov200 {margin-right: 250px; width: 200px; height: 200px;}

p.mapprov400 {min-height: 420px;}

img.mapprov400 {margin-right: 50px; width: 400px; height: 400px;}

p.maphistory, p.mapreg02, p.mapreg13, p.mapreg15, p.mapreg17, p.mapreg300, p.mapprov200, p.mapprov300, p.mapprov400 {margin: 1px; border-style: none;}

img.mapreg02, img.mapreg13, img.mapreg15, img.mapreg17, img.mapreg300, img.mapprov200, img.mapprov300, img.mapprov400 {float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}

th.munname, td.munname {width: 50%;}

th.mundist, td.mundist {width: 12.5%;}

th.muncity, td.muncity {width: 12.5%;}

th.munzip, td.munzip {width: 12.5%;}

th.munbrgys, td.munbrgys {width: 12.5%;}

td.mundist, td.muncity, td.munzip {text-align: center;}

td.munbrgys {text-align: right;}

/* ----- ECONOMY ----- */

p.pesosymbol {min-height: 53px;}

img.pesosymbol {width: 40px; height: 43px;}

p.currencycoin {min-height: 58px;}

img.currencycoin {width: 100px; height: 48px;}

p.currencybill {min-height: 90px;}

img.currencybill {width: 100px; height: 80px;}

p.currencybillcent {min-height: 130px;}

img.currencybillcent {width: 100px; height: 120px;}

img.pesosymbol, img.currencycoin, img.currencybill , img.currencybillcent {position: relative; float: left; margin-bottom: 10px; margin-right: 10px;}

/* ----- STATISTICS ----- */

th.statprov, td.statprov {width: 20%;}

th.land, td.land, th.climate, td.climate {width: 15%;}

th.language, td.language {width: 50%;}

th.financialresources, td.financialresources, th.financialresourcescapita, td.financialresourcescapita, th.familyincome, td.familyincome, th.familysavings, td.familysavings {width: 15%;}

th.incomeclass, td.incomeclass, th.inflation, td.inflation {width: 10%;}

th.population, td.population {width: 15%;}

th.populationdensity, td.populationdensity, th.populationgrowth, td.populationgrowth, th.lifeexpectancy, td.lifeexpectancy, th.hdi, th.hdi {width: 13%;}

th.simpleliteracy, td.simpleliteracy, th.functionalliteracy, td.functionalliteracy, th.unemployment, td.unemployment, th.crime, td.crime, th.poverty, td.poverty {width: 16%;}

td.land, td.financialresources, td.financialresourcescapita, td.incomeclass, td.inflation, td.familyincome, td.familysavings, td.population, td.populationdensity, td.populationgrowth, td.lifeexpectancy, td.hdi, td.simpleliteracy, td.functionalliteracy, td.unemployment, td.crime, td.poverty {text-align: right;}

p.statnote {border-style: none; padding-bottom: 0;}

/* ----- AUTHOR ----- */

p.author {min-height: 110px;}

img.author {position: relative; float: left; margin-bottom: 10px; margin-right: 10px; width: 100px; height: 100px;}

/* ----- PLACES VISITED ----- */

p.visited {min-height: 60px;}

img.visited {position: relative; float: left; margin-bottom: 10px; margin-right: 10px; width: 75px; height: 50px; border-style: solid;}

/* ----- GUEST BOOK ----- */

div.gbform {border-style: none;}

.gbfield {font-weight: bold; color: #9966ff; background-color: #ffffcc;}

p.gbnote {border-style: none; text-align: left;}

p.gbbuttons {border-style: none; text-align: center;}