/*img, div { behavior: url(iepngfix.htc) }*/
/*@font-face {font-family: "Myriad Pro Cond"; src: url("http://mwss.gov.ph/font/MyriadPro-BoldCond.otf")}*/

/*@font-face {
	  font-family: "Myriad Pro Cond";
	  src: url("http://mwss.gov.ph/font/MyriadPro-BoldCond.otf")
	  format("opentype");
}*/
@font-face {
	font-family:"Myriad Pro Cond";/*Calibri*/
	src: url("http://mwss.gov.ph/font/MyriadPro-Cond.otf");
}


body{margin:0; padding:0;}
#site{width:100%;}
* html #site{width:100%;}

#head{background-image:url(../images/head.jpg); background-repeat:repeat-x; height:112px; }

#banner{ width:868px;}
* html #banner{ width:868px;}

/*#topleft{ width:246px; float:left;}
#banner_topleft{background-image:url(../images/top_left.png); background-repeat:no-repeat; height:92px; width:246px;}
#banner_topleft2{background-image:url(../images/top_left2.png); background-repeat:no-repeat; height:21px; width:246px;}

#topryt{ float:left;}
#banner_topryt{background-image:url(../images/top_ryt.png); background-repeat:no-repeat; height:92px; width:622px;}
#banner_topryt2{background-image:url(../images/top_ryt2.png); background-repeat:no-repeat; height:21px; width:622px;}
*/
#topleft{ width:246px; float:left;}
#banner_topleft{ height:92px; width:246px;}
#banner_topleft2{ height:21px; width:246px;}

#topryt{ float:left;}
#banner_topryt{ height:92px; width:622px;}
#banner_topryt2{height:21px; width:622px;}

#pan{background-image:url(../images/body.jpg); background-repeat:repeat-x; }

#maincont{background-image:url(../images/mainbg.jpg); background-repeat:repeat-y; width:868px;}
* html #maincont{background-image:url(../images/mainbg.jpg); background-repeat:repeat-y; width:868px; }


#content{background-color:#FFFFFF; width:860px; padding-left:3px; background-color:#fff; background-image:url(../images/mainbg2.jpg); background-repeat:repeat-y; background-position:top left;}

/********** LEFT COLUMN  ************/ 
#leftcolumn{float:left;width:236px; background-repeat:repeat-y;}/*background-image:url(../images/left_bg.jpg);*/
div.block1{float:left;width:240px;}
* html div.block1{float:left;width:240px;}
div.blocktop{float:left;width:240px;}

/***** LEFT NAV *****/
#navfil{ width:240px; background-image:url(../images/left_bg.jpg); background-repeat:repeat-y; float:left; }

div.nav{ width:240px; background-image:url(../images/left_bg.jpg); background-repeat:repeat-y; float:left;}
div.navi{ width:200px; height:28px;background-color:#fff;text-align:left;border-bottom:1px #CCC dotted;background-repeat:no-repeat;padding-right:0px;}/* background-image:url(../images/navi_bg.jpg);  padding-left:10px; */
div.navi_align{text-align:left; margin-left:20px; margin-top:5px;}
* html #navi_align{text-align:left; margin-left:10px; margin-top:5px;}
a.navi{font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#666666;font-weight:bold;}

div.news_content{width:220px;}
div.date{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#666666; text-align:left}
div.news_txt{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify;}
span.blue{color:#3898c7;  font-weight:bold;}
span.gray{color:#666666; font-family:Arial, Helvetica, sans-serif;}

div.read_more{ text-align:right;}
a.read_more{color:#926000; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

div.article_content{width:220px; text-align:left;}
a.article{clear:both;color:#747877; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:underline;}

/********** RIGHT COLUMN  ************/
#rightcolumn{float:right; width:619px;/* border:1px red solid;620px;*/ /*background-color:#FFFFFF;*/ }
#buttons{width:620px; height:52px;}
#mainpic{width:619px; height:205px;}
#corp_struc{width:619px; height:52px; }

#tile_txt{text-align:left;color:#3898c7; font-family:"Myriad Pro Cond"; font-size:22px;width:610px; height:50px; text-align:left; }
* html #tile_txt{color:#3898c7; font-family:"Myriad Pro Cond"; font-size:22px;width:610px; height:45px; text-align:left; background-color:#e7e8e7;	}


#rightcontainer{width:596px;}
div.rightcontent{padding-left:25px; text-align:left}
div.rightcontent2{padding-left:0; text-align:left}

div.pagenum{padding-left:20px; text-align:left; float:right}
div.pagen{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;color:#747877; text-align:right; width:550px;}
a.pagelinks{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold1;color:#747877; text-align:left; width:580px;text-decoration:none;}
a.pagelinks:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#747877; text-align:left; width:580px; text-decoration:underline;}


* html div.rightcontent2{padding-left:8px; text-align:left} 
div.title{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;color:#3898c7; text-align:left; width:580px;}
div.intro{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;color:#747877; text-align:left; width:580px; text-align:justify;}
div.map{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:612px}
div.area{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:145px; padding-bottom:10px; float:left;}
* html div.area{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:135px; float:left;}
div.areas{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:570px; padding-bottom:10px; float:left;}
* html div.areas{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:570px; float:left;}
#intro{padding-left:15px;}
#intro2{padding-left:15px;}
#intro1{padding-left:15px;}
#intro3{padding-left:10px;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;color:#747877; text-align:left; width:580px; text-align:justify;}
* html #intro{padding-left:0px;}

ul.serv{padding:0; margin:0;}
* html ul.serv{padding:0; margin-left:20px;}
li.area{padding:0; }
* html li.area{padding:0; }

ul.reg{padding:0; margin-top:0;  margin-left:20px;}
* html ul.reg{padding:0; margin-top:0; margin-left:40px;}
li.area{padding:0; }
* html li.area{padding:0; }

input, select{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877;}
td.pointer{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; font-weight:bold;}
td.ofc_txt{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;color:#747877; font-weight:bold;}

#pic{width:114px; height:94px; text-align:left}
#history_pic{width:89px; height:149px; text-align:left; float:right;}
span.title{width:486px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#3898c7; text-align:left}
span.content{width:486px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877;text-align:left}
a.cont_read_more{color:#c78c00; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

#spacecontent{height:60px;}
* html #spacecontent{height:30px;}

/***********   FOOTER  ***************/
#endline{ height:53px; width:100%; clear:both; background-color:#e7e8e7;}

#footer{clear:both; width:868px; background-image:url(../images/footer.jpg); background-repeat:repeat-x; height:53px;}
#copyright{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-top:10px;}
a.footer{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-top:15px; text-decoration:none;}

div.org{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;color:#3898c7; text-align:center; width:590px;}
a.target{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-decoration:underline;}

a.links{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:580px;text-decoration:underline;}
a.links:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#747877; text-align:left; width:580px; text-decoration:underline;}

#indent{ text-indent: 14pt; text-align:justify;}
.read{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#CCC; text-decoration:none;}
.read.links{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#CCC;text-decoration:none;}
.read.links:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#333333;text-decoration:none;}
.paging a,.paging a:visited{
	color:#999999;
	text-decoration:none;
}
.paging a:hover{
	color:#999999;
	text-decoration:none;
}