body
{
	background-color: #0080ff;
	color: #585858;
	text-align: center;
	border: 0;
	margin: 0 auto;
	padding: 0.05em;
}

h1
{
	background: inherit;
	color: #003399;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 20px;
	text-align: left;
	text-decoration: none;
	margin: 15px 0 0 0;
}

h2
{
	background-color: inherit;
	color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 20px;
}

h3
{
	background-color: inherit;
	color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 17px;
}

h4
{
	background-color: inherit;
	color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 14px;
	margin: 5px 0 8px 0;
	padding: 0;
}

h5
{
	background-color: inherit;
	color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
}

#body
{
	background-color: #ffffff;
	color: #585858;
	width: 752px;
	margin: 0 auto;
	padding: 0.7em;
}

#mainbody
{
	background-color: inherit;
	color: #585858;
	width: auto;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #0000ff;
	overflow: visible;
}

#topmenu
{
	background-color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #ffff66;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 0.5em 0 0.6em 0;
	border-bottom: 1px solid #585858;
}

#topmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topmenu li 
{
	display: inline;
	padding: 0 0.1em;
}

#topmenu a
{
	background-color: inherit;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #ffff66;
	text-align: center;
	text-decoration: none;
	padding: 0.2em 0.4em 0.3em;
	border: 1px solid #003399;
}

#topmenu a:hover 
{
	background-color: #000066;
	color: #ffffff;
	border: 1px solid #0000cc;
}

#header
{
	background-color: #ffffff;
	color: #585858;
	text-align: center;
	width: auto;
	padding: 0;
}

#header img
{
	width: 750px;
	height: 180px;
	border: 0; 
}

img.headerpic
{
	width: 750px;
	height: 180px;
	border: 0; 
}

img.headerpics
{
	width: 750px;
	height: 180px;
	border: 0; 
}


table.tabl1
{
	background-color: #ffffff;
	color: #585858;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 0 0 1em;
	overflow: visible;
}

#contents
{
	background-color: #ffffff;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #585858;
	text-align: center;
	width: auto;
	height: auto;
	padding: 0 0 1em;
	overflow: visible;
}

#sidenav
{
	float: left;
	background-color: #ffffff;
	color: #ffff66;
	text-align: left;
	width: 180px;
	margin: 0;
	padding: 1.7em 1em 1em;
}

#subnav
{
	float: left;
	background-color: #ffffff;
	color: #ffff66;
	text-align: left;
	width: 180px;
	margin: 0;
	padding: 0 0 10px 0;
}

#submenutitle
{
	float: left;
	background-image: url('../_images/bgsm.gif');
	text-align: left;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
}

#smenutitle
{
	float: left;
	background-color: inherit;
	color: #ffff66;
	font-weight: bold;
	text-align: left;
	margin: 0;
	height: auto;
	padding: 0.5em 1em;
}

#submenu
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	width: 178px;
	margin: 0;
	padding: 0;
	border: 1px solid #0000ff;
}

#smenu
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	margin: 0;
	padding: 0;
}

#smenu ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#smenu li
{
	display: inline;
}

#smenu a
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	width: 167px;
	text-decoration: none;
	padding: 0.2em 0 0.3em 1em;
	border-top: 1px solid #ffff33;
	border-bottom: 1px solid #ffff33;
	line-height: 150%;
}

#smenu a:hover 
{
	background-color: #0000ff;
	color: #ffffff;
}

#content
{
	float: right;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	text-align: left;
	width: 528px;
	padding: 0 1em 1em 0;
	border: 1px solid #ffffff;
}

#maincontent
{
	text-align: justify;
	width: auto;
	padding: 0 0.2em 0.2em;
	border: 1px solid #ffffff;
}

#maincontent ul
{
	text-align: left;
	margin: 0;
	padding: 0.5em 0 0 0.5em;
}

#maincontent li.subt
{
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1em 1em;
	list-style: none;
}

#maincontent ul li
{
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 1em;
	padding: 0 0 0.5em 0.5em;
	list-style: disc outside;
}

#maincontent ol
{
	text-align: left;
	margin: 0;
	padding: 0 0 0 1em;
}

#maincontent ol li
{
	text-align: left;
	margin: 0 0 0 1em;
	padding: 1.5em 0 0 1em;
}

#maincontent ol ol li
{
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 1em;
	padding: 0.8em 0 0 1em;
}

#maincontent ol ol ol li
{
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 1em;
	padding: 0.6em 0 0 1em;
}

#maincontent .pixl
{
	float: left;
	font-size: 10px;
	text-align: center;
	background-color: inherit;
	color: #9900ff;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
	border: 0;
}

#maincontent img.pix
{
	text-align: center;
	width: 200px;
	height: 140px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pixm
{
	text-align: center;
	width: 200px;
	height: 250px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent .pics
{
	float: right;
	font-size: 10px;
	text-align: center;
	background-color: inherit;
	color: #9900ff;
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	border: 0;
}

#maincontent img.pic
{
	text-align: center;
	width: 200px;
	height: 130px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.picb
{
	text-align: center;
	width: 500px;
	height: 375px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.picbh
{
	text-align: center;
	width: 480px;
	height: 640px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pixh
{
	text-align: center;
	width: 200px;
	height: 300px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pich
{
	text-align: center;
	width: 200px;
	height: 370px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pichr
{
	text-align: center;
	width: 150px;
	height: 200px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.picvr
{
	float: right;
	text-align: center;
	width: 200px;
	height: 150px;
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pice
{
	text-align: center;
	width: 200px;
	height: 200px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.pixbh
{
	text-align: center;
	width: 500px;
	height: 720px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.picelgu
{
	text-align: center;
	width: 200px;
	height: 163px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.foto
{
	text-align: center;
	width: 200px;
	height: 150px;
	padding: 0;
	border: 1px solid #585858;
}

#maincontent img.ecotourmap
{
	width: 200px;
	height: 271px;
	padding: 0.5em 0 0.5em 0.5em;
	border: 0;
}

#maincontent img.map
{
	width: 500px;
	height: 340px;
	padding: 0;
	border: 0;
}

#bottom
{
	background-color: #003399;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	width: auto;
	padding: 0.5em 0 0.6em 0;
}

#bottomnav
{
	background-color: inherit;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	width: 740px;
	padding: 0.5em 0;
}

#bottom ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#bottom li
{
	margin: 0;
	padding: 0 0.4em;
	display: inline;
}

#bottom a
{
	background-color: inherit;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	padding: 0;
	border: 0;
}

#bottom a:hover
{
	background-color: inherit;
	color: #ffffcc;
	text-decoration: underline;
	border: 0;
}

#footer
{
	background-color: inherit;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #585858;
	text-align: center;
	width: 100%;
	padding: 1em 0;
}

#footermid
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	text-align: center;
	width: 72.5%;
	border: 0;
	margin: 0;
	padding: 1em 0 0;
	float: left;
}

#alogo
{
	width: 100px;
	height: 100px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

#alogo img
{
	width: 100px;
	height: 100px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

#plogo
{
	width: 100px;
	height: 100px;
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
}

#plogo img
{
	width: 100px;
	height: 100px;
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
}

#footer a
{
	background-color: inherit;
	color: #003399;
	text-decoration: none;
	border: 0;
}

#footer a:hover
{
	background-color: inherit;
	color: #003399;
	text-decoration: underline;
	border: 0;
}

a.content:link, a.content:visited
{
	background-color: inherit;
	color: #003399;
	text-decoration: none;
	border: 0;
}

a.content:hover
{
	background-color: inherit;
	color: #003399;
	text-decoration: underline;
	border: 0;
}

a:link, a:visited
{
	background-color: inherit;
	color: #003399;
	text-decoration: none;
	border: 0;
}

a:hover
{
	background-color: inherit;
	color: #003399;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

p.cbold
{
	text-align: center;
	font-weight: bold;
}

p.justify
{
	text-align: justify;
}

hr
{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #ffff33;
}

pre
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	background-color: inherit;
	color: #585858;
}

table
{
	width: 100%;
	padding: 0;
	border: 0;
}

td
{
	text-align: center;
	vertical-align: middle;
}

#calendar
{
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 1em;
}

#calendar table
{
	text-align: center;
	vertical-align: middle;
	width: auto;
	border: 1px solid #0000ff;
	padding: 0.1em;
}

#calendar th.month
{
	font-size: 180%;
	background-color: inherit;
	color: #003399;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0000ff;
	padding: 0.5em;
}

#calendar th
{
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0000ff;
	padding: 0.5em;
}

#calendar td
{
	text-align: left;
	vertical-align: top;
	width: 10%;
	height: 100px;
	border: 1px solid #0000ff;
	padding: 0.5em;
}

#calendar th.sunday, td.sunday
{
	background-color: inherit;
	color: #ff0000;
}

#sitemap table
{
	text-align: left;
	width: 100%;
}

#sitemap th
{
	text-align: left;
	width: 33%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#sitemap td
{
	text-align: left;
	vertical-align: top;
	width: 33%;
	padding-bottom: 1em;
}

#pform td
{
	text-align: left;
	vertical-align: top;
	padding: 0;
}

#projects table
{
	width: 100%;
	padding: 0;
	border: 1px solid blue;
}

#projects th
{
	text-align: left;
	vertical-align: top;
	width: 20%;
	padding: 0.3em;
	border: 1px solid gray;
}

#projects td
{
	text-align: left;
	vertical-align: top;
	width: 20%;
	padding: 0.3em;
	border: 1px solid gray;
}

#projects ul li
{
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: disc outside;
}

#projects1
{
	float: left;
	text-align: center;
	font-size: 10px;
	background-color: inherit;
	color: #9900ff;
	padding: 1em 0 0;
}

#projects2
{
	float: right;
	text-align: center;
	font-size: 10px;
	background-color: inherit;
	color: #9900ff;
	padding: 1em 0 0;
}

img.projects
{
	width: 255px;
	height: 180px;
	border: 1px solid gray;
}

#scroller
{
	background-color: #ffff66;
	color: #0000ff;
	text-align: center;
	width: 178px;
	height: 160px;
	border: 1px solid #0000ff;
}

#scroller a:hover
{
	background-color: inherit;
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

#ads
{
	background-color: #ffff66;
	color: #0000ff;
	text-align: center;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#adsbox
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	text-indent: 1em;
	width: 178px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #0000ff;
}

#tugbong
{
	float: left;
	background-color: #ffffff;
	color: #0000ff;
	text-align: center;
	width: 178px;
	height: 74px;
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
}

#tugbongbox
{
	background-color: #ffff66;
	color: #0000ff;
	text-align: center;
	width: 178px;
	height: 72px;
	margin: 0;
	padding: 0;
	border: 1px solid #0000ff;
}

img.tugbong
{
	width: 170px;
	height: 70px;
	margin: 0;
	border: 0;
}

#tugbong a:hover
{
	text-decoration: none;
	border: 0;
}

#linear
{
	margin: 0;
	padding: 0;
	border: 0;
}

#maincontent td
{
	text-align: left;
}

#report ol.decimal li
{
	list-style-type: decimal;
}

#report ul.circle li
{
	list-style-type: circle;
}

#awardstitlebox, #newsbox, #bidtitlebox
{
	float: left;
	background-image: url('../_images/bgsm.gif');
	text-align: left;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
}

#awardstitle, #newsflash, #bidtitle
{
	float: left;
	background-color: inherit;
	color: #ffff66;
	font-weight: bold;
	text-align: left;
	margin: 0;
	height: auto;
	padding: 0.5em 1em;
}

#awardsbox, #newsflashbox, #bidbox
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	width: 178px;
	margin: 0;
	padding: 0;
	border: 1px solid #0000ff;
}

#awardscontent, #newsflashcontent, #bidcontent
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	margin: 0;
	padding: 0;
}

#awardscontent ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#newsflashcontent ul, #bidcontent ul
{
	float: left;
	margin: 0;
	padding: 5px 0 1px 0;
	list-style: none;
}

#awardscontent li, #newsflashcontent li, #bidcontent li
{
	display: inline;
}

#awardscontent a, #newsflashcontent a, #bidcontent a
{
	float: left;
	background-color: #ffff66;
	color: #0000ff;
	text-align: left;
	width: 167px;
	text-decoration: none;
	padding: 0.2em 0 0.3em 1em;
	border-top: 1px solid #ffff33;
	border-bottom: 1px solid #ffff33;
	line-height: 150%;
}

#awardscontent a:hover, #newsflashcontent a:hover, #bidcontent a:hover 
{
	background-color: #0000ff;
	color: #ffffff;
}

div.space
{
	padding: 1px 0 0;
}

/* Whats New
----------------------------------------------- */
ul#whats-new {
	width: auto;
  	margin: 8px 0 0 0;
  	padding: 0;
	border: 0;
  	list-style-type: none;
 	}

ul#s-whats-new {
	width: 178px;
	margin: 0;
	padding: 1px 0;
	border: 0;
 	}

ul#whats-new li {
  	margin: 0;
  	padding: 0 0 2px 0;
  	list-style-type: none;
	}

ul#s-whats-new li {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
 	}

ul#whats-new .ititle {
	font: 1.5em tahoma,verdana,arial,sans-serif;
  	font-weight: bold;
	text-align: left;
	margin: 0;
  	padding: 0 0 3px 0;
  	}

ul#s-whats-new .stitle, .stitle {
	background: inherit;
	color: #585858;
	font: 1.0em tahoma,verdana,arial,sans-serif;
	margin: 0;
 	padding: 0;
  	}

ul#whats-new a {
  	border-bottom: 0;
  	}

ul#whats-new a:hover {
  	border-bottom: 1px dotted #003399;
  	}

ul#s-whats-new a, ul#s-whats-new a:hover {
  	border: 0;
  	}

ul#whats-new .idate {
	margin: 0;
  	padding: 0 0 5px 0;
  	}

ul#s-whats-new .idate {
	background: inherit;
	color: #585858;
	width: auto;
	margin: 0 0 0 10px;
  	padding: 0;
	border: 0;
  	}

ul#whats-new .itext {
	text-align: justify;
	margin: 0;
  	padding: 8px 0 10px 0;
  	}

ul#whats-new .border, .border {
	margin: 0;
  	padding: 0;
	border-top: 1px dotted #ffff33;
  	}


/* Search
----------------------------------------------- */
#search, .search {
  font:11px Tahoma,verdana,arial,sans-serif;
  text-align: center;
  }


#googlesearch, .googlesearch {
  background: #ffffff;
  color: #585858;
  font:11px Tahoma,verdana,arial,sans-serif;
  text-align: center;
  margin: 0;
  padding: 3px 0;
  border: 0;
  list-style-type:none;
  }

#googlesearch input#q, .googlesearch input.q {
  padding: 4px;
  }

#googlesearch input#sa, .googlesearch input.sa {
  padding: 2px;
  }

#googlesearch input#q, #googlesearch input#sa, .googlesearch input.q, .googlesearch input.sa {
  text-align: center;
  margin: 3px 0;
  border: 1px solid #003399;
  font:11px Tahoma,verdana,arial,sans-serif;
  }