@charset "utf-8";







/* CSS Document */















html.body{

	font-family: Verdana;

	font-size: 11px;

	margin-top: 0px;

}















body {
	font-family: Verdana;
	margin-top: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	}















/*  Global Formatting */







h1 {font-size:16px;line-height: 1em;font-weight: 900;}







h2 {



	font-size:15px;



	line-height: 1em;



	font-weight: 900;



	color: #FF0000;



	text-decoration: none;



}







h3 {font-size:14px;line-height: 1em;font-weight: 900;}







h4 {font-size:13px;line-height: 1em;font-weight: 900;}







h5 {font-size:12px;line-height: 1em;font-weight: 900;}







h6 {font-size:11px;line-height: 1em;font-weight: 900;}







td{font-size: 12px;}







th{font-size: 12px;}







a {
	text-decoration: none;
	color: #fcd116;


}







a:hover {
	text-decoration: none;
	color: #fcd116;


}







a:visited {
	color: #fcd116;
	text-decoration: none;


}







#header a:visited {







	text-decoration: none;







}







a.image, a.image:hover  {border:0;}







li{



	text-decoration: none;



	list-style-type: none;



}







ul {







	text-decoration: none;







	list-style-type: none;







}















/* #######################  END GENERAL SETTINGS ############################ */























/* ######################  LAYOUT SETTINGS       ############################## */







/* Add here Div Wrappers of table formatting to layouts custom stuff*/







/* ######################  LAYOUT SETTINGS       ############################## */















/*##################### NAVIGATION SECTION #####################*/







/* Pathway Breadcrumbs */	







	.pathway {font-size: 11px;color:#333;}







	a.pathway:link {color:#659FDE;}







	a.pathway:visited {color:#659FDE;}







	a.pathway:active {color:#659FDE;}







	a.pathway:hover {color:#659FDE;text-decoration:underline;}















/* Mainlevel menu */







.mainlevel {







	height: 18px;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size: 16px;







	text-decoration: none;







	color: #ffffff;







}















a.mainlevel {







	display: inline;







	color: #ffffff;







	text-decoration: none;







	font-weight: bold;







	background-image: url(../images/navdivider.jpg);







	}







	







a.mainlevel:hover {







	color: #AE4200;







	text-decoration: none;







	font-weight: bold;







						}	







/* End Mainlevel menu */







	







/* Sub Menu */







.sublevel{height: 18px;}















a.sublevel{	display: block;







	background: #A0A0A0;







	color: #FFFFFF;







	padding: 5px 0 5px 19px;







	margin: 0 0 1px 0;







	text-decoration: none;







		}















   a.sublevel:hover {







	display: block;







	color: #AE4200;







	background: #822C0F;







}







/* End Sub Menu */







	







/* Add Custom Menus */















/* Add Custom Menus */







		







/*##################### NAVIGATION SECTION #####################*/	















/* ##################### STANDARD MODULE TABLE  #################*/	







table.moduletable {







	width: 100%;







	padding: 0px;







	margin: 0px;







}















table.moduletable th {



	height: 18px;



	color: #FFFFFF;



}















table.moduletable td {height: 30px;}















/* Add here Custom Modules */















/* End Custom Modules */















/* ##################### END STANDARD MODULE TABLE  #################*/	























/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/







.contentheading {
	font-size: 24px;
	color: #fcd116;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
}















/* content title and links */







.contentpagetitle {
	font-size: 24px;
	color: #fcd116;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
}







a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 







{



	font-size: 18px;



	width: 100%;



	font-family: Arial;



	text-decoration: none;



	font-weight: normal;



}







a.contentpagetitle:hover {color: #000;border-bottom: 0px  dashed #CCCCCC;text-decoration: none;}















/* top box like a category description */







.contentdescription {







}















/* Main Body Text */







.contentpane {







}







.contentpaneopen {







}







/* Main Body Text */















/* article rating */







.content_rating {font-weight: normal;font-size:.8em;}







.content_vote {font-weight: normal;font-size: .8em;}















/* icons */







.buttonheading{font-size: 12px;}







.pop-ups {float: right;}







a.pop-up {border-bottom: 0;}















/* Dates */







.createdate {color: #666; font-size:.8em; font-weight: normal;}







.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}







.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}







/* Dates */















/* Writen by Authors name */







.small {color: #666;}















/* Page navigation links "<<< 1 of 10 next >>>" */







.pagenav{
	font-size: 11px;
	color: #fcd116;
	text-decoration: none;






}







.pagebar{







	font-size: 11px;







}







.pagenav_prev{
	font-size: 11px;
	color: #fcd116;
	text-decoration: none;






}







.pagenav_next{
	font-size: 11px;
	color: #fcd116;






}







a.pagenav {
	color: #fcd116;
	border-bottom: 0;
	text-decoration: none;






}







a.pagenav:hover {
	color: #ffffff;
	border-bottom: 0;
	text-decoration: none;






}







.pagenavcounter{
	height: 11px;
}







.back_button{







	font-size: 10px;







	height: 15px;







	color: #Cc0000;







	text-decoration: none;







}	















/* Read more link */







.readon{



	font-family: Arial;



	font-size: 11px;



	text-decoration: none;



	background-image: url(../images/seedetails.png);



	background-repeat: no-repeat;



	color: #586e83;



}























/* Article index  {mospagebreak} */







table.contenttoc {







	padding: 0px;







	margin: 2px;







	font-size: 12px;







	}







	







table.contenttoc th {







background: #2F3E57; 







color: White;







}







	







table.contenttoc td {padding: 2px;}















/* Links article index */







	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }







/* End Article index  */















/*  component heading */







.componentheading {
	font-size: 24px;
	color: #fcd116;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
	padding-bottom: 20px;
	}







	







/* Sectiontable Table types listings Faqs's, weblink etc..*/







.sectiontableheader {







	background-color : #D3D3D3;







	color : #333;







	font-weight : bold;







	border-collapse: collapse;







	font-size: 11px;







	}















/* Table odd and Even Rows */







.sectiontableentry1 {



}







.sectiontableentry2 {



}







.sectiontablefooter{	height: 18px; }







/* End Sectiontable */















/* Category */







.category {color:#333;}







a.category:link, a.category:visited, a.category:hover  {	height: 15px;  }







/* End category */























/* blogsection */







.blog {







}







.blogsection{	height: 18px;  }







.blog_more{	height: 18px; clear: both;}







.blog_heading {	height: 18px;  }







/* space from bottom of article */







.article_seperator{







}







/* End blogsection */















/* Search Form Module*/







.search {height: 18px;}







/* results if not search google */







.searchintro{height: 18px;}







/*Search Form keyword highlight*/







.highlight {







border: 1px dashed #010101;







background: #DDEEFF;







padding: 0px 2px 0px 2px;}







/* End Search Form */















/* wrapper title */







.wrapper{background-color : #FFFFFF;}







/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/







	















/* ##################### FORM SECTION  #####################*/	







form{



	font-size: 12px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



}







input {
	font-family: Arial;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #bababa;
	font-style: normal;


}







.inputbox {
	border: 1px solid #bababa;


}







.text_area {background: White;}







/* Pull down menu */







.selectbox {width: 100%;}







/* Submit Button */







.button {



	vertical-align: middle;



	background-repeat: no-repeat;



}















/* Contact Email Form */







.contact_email {margin: 0px;padding: 5px;}







/* ##################### END FORM SECTION  ##################### */	















/* ###################### TABBED EDITING ###################### */







/*When user login to edit or sumbit articles*/







/* for modifying {moscode} output.  Don't set the colour! */







.moscode {







	background-color: #f0f0f0;







   }







		







.code {







	font-family: courier, serif;







	font-size: 1.2em;







	padding: 2px;







	background-color: #f0f0f0;







	color: blue;







	border: 1px solid #d5d5d5;







	margin: 0px;







	width: 90%;







}























/* Text passed with mosmsg url parameter */







.message {







	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;







	font-weight: bold;







	font-size : 1em;







	color : #666;







	text-align: center;







   }















/* Styles for dhtml tabbed-pages */







.ontab {







	background-color: #666666;







	border-left: outset 1px #666;







	border-right: outset 1px #333;







	border-top: outset 1px #666;







	border-bottom: solid 1px #333;







	text-align: center;







	cursor: default;







	font-weight: bold;







	color: #FFFFFF;







	padding: .2em;







   }















.offtab {







	background-color : #cccccc;







	border-left: outset 1px #666;







	border-right: outset 1px #333;







	border-top: outset 1px #666;







	border-bottom: solid 1px #333;







	text-align: center;







	cursor: default;







	font-weight: normal;







	padding: .2em;







   }















.edit-tabs {







   padding: 1em;







   background: none;







   }















.tabpadding {padding:1px;}















.tabheading {







	background-color: #FF6600;







	text-align: left;







   }















.pagetext {







	visibility: hidden;







	display: none;







   }















	/*Body of the form*/







.adminform{background-color : #FFFFFF;}















textarea {







	font-family: Verdana, Arial, Helvetica, sans-serif;







	background-color:#FFFFFF;







	font-size: 11px;







	color: #333;







	padding: 3px;







	border: 1px solid #CCCCCC;







}















body,td,th {



	font-family: Arial;







}







body {







	margin-left: 0px;







	margin-right: 0px;







	margin-bottom: 0px;







	text-align: center;







}







.style1 {font-size: 11px}















/* ###################### End TABBED EDITING ###################### */

#wrapper{
	background-image: url(../images/pipolpower_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 100%;
	width: 100%;
	background-color: #000000;
	height: auto;
}
#topbg{
	background-image: url(../images/top_repeat.png);
	background-repeat: repeat;
	background-position: top;
	height: 186px;
	width: 100%;
}
#top{
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 186px;
	z-index: 1;
}
#login{
	padding-top: 40px;
}
#login a{
	font-family: Arial;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
#login a:hover{
	text-decoration: underline;
}
#search{
	padding-top: 30px;
}
#search .input{
	font-family: Arial;
	font-size: 12px;
	color: #cdcdcd;
	text-decoration: none;
}
#search .inputbox{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#search .button{
	height: 25px;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nav{
	text-align: right;
}
#nav ul{
	padding: 0;
	margin-bottom: 1em;
	font-family: Verdana;
	font-size: 12px;
	color: #333;
	width: 100%;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

* html #nav ul{ /*IE only rule, reduce menu width*/
	width: 99%;
}

#nav ul li{
	display: inline;
}

#nav ul li a{
	color: #333;
	padding: 2px 10px;
	text-decoration: none;
	background: transparent url(../images/nav_divider.png) center right no-repeat;
}
#nav ul li.item6 a{
	color: #333;
	padding: 2px 10px;
	text-decoration: none;
	background: none;
}
#nav ul li a:hover{
	color: #fda703;
}
#social{
	padding-top: 60px;
}
#call1{
	padding-top: 40px;
}
#call2{}
#yellowfever{
	padding-top: 270px;
}
#shared1{
	padding-top: 20px;
}
#shared2{
	padding-top: 20px;
}
#shared3{}
#shared4{}
#video{
	padding-top: 20px;
}
#advocates{
	padding-top: 20px;
}
#folio{
	background-image: url(../images/pagbabago%20folio/pagbabagofolio_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 213px;
	padding-left: 20px;
	padding-right: 20px;
}
#title{
	padding-top: 10px;
	padding-bottom: 10px;
}
#rss{
	padding-top: 10px;
	padding-bottom: 10px;
}
#rss a{
	font-family: Arial;
	font-size: 12px;
	color: #fcd116;
	text-decoration: none;
}
#rss a:hover{
	text-decoration: underline;
}
#news{
	background-image: url(../images/latest%20news/balita_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 213px;
}
#title2{
	padding-top: 10px;
	padding-bottom: 10px;
}
#rss2{
	padding-top: 10px;
	padding-bottom: 10px;
}
#rss2 a{
	font-family: Arial;
	font-size: 12px;
	color: #fcd116;
	text-decoration: none;
}
#rss2 a:hover{
	text-decoration: underline;
}
#news2{
	text-align: left;
	line-height: 180%;
}
#news2 a{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	text-align: left;
	line-height: 180%;
}
#placeholder{
	background-image: url(../images/latest%20news/balita_bg.png);
	background-repeat: repeat;
	background-position: top;
	height: 220px;	
}
#labangame{padding-left: 50px;}
#ad{
	background-image: url(../images/noymar_adbox.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 220px;
}
#mncontentbg{
	background-image: url(../images/sub_content_bg.png);
	background-repeat: repeat;
	background-position: top;
	height: auto;
	padding-top: 20px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 14px;
	line-height: 160%;
	color: #fff;
	text-decoration: none;
	height: auto;
}
#mncontentbg .box{
	background-color: transparent;
}
#rightcol{}
#footerbg{
	background-image: url(../images/repeat_footer.jpg);
	background-repeat: repeat;
	background-position: top;
	height: 320px;
	width: 100%;
}
#footer{
	background-image: url(../images/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 320px;
}
#footermenu1{
	padding-top: 240px;
}
#footermenu1 a{
	font-family: Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#footermenu2{
	padding-top: 240px;
	text-align: right;
}
#footermenu2 a{
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	padding-right: 5px;
	padding-left: 5px;
}
#copyright{
	font-family: Arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}