body {
	background-color: #FFFFFF;       
	
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color:#222222;

}	
	
	

.mgalinks		{ font-weight: normal; font-size: 12px; color : #1E86AB font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks:link   { text-decoration: none; color : #1E86AB; }
a.mgalinks:visited { text-decoration: none; color : #1E86AB; }
a.mgalinks:hover	{ text-decoration: none; color : #ffffff; }
  

.mgalinks_ilawom		{ font-weight: normal; font-size: 11px; color : #CAF0FD font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks_ilawom:link   { text-decoration: none; color : #CAF0FD; }
a.mgalinks_ilawom:visited { text-decoration: none; color : #CAF0FD; }
a.mgalinks_ilawom:hover	{ text-decoration: underline; color : #CAF0FD; }



.mgalinks-readmore		{ font-weight: normal; font-size: 12px; color : #AE0A09 font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks-readmore:link   { text-decoration: none; color : #AE0A09; }
a.mgalinks-readmore:visited { text-decoration: none; color : #AE0A09; }
a.mgalinks-readmore:hover	{ text-decoration: none; color : #FF5503; }


.mgalinks-titles		{ font-weight: bold; font-size: 13px; color : #AE0A09 font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks-titles:link   { text-decoration: none; color : #AE0A09; }
a.mgalinks-titles:visited { text-decoration: none; color : #AE0A09; }
a.mgalinks-titles:hover	{ text-decoration: none; color : #FF5503; }




.mgalinks_dark		{ font-weight: normal; font-size: 12px; color : #AB320D font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks_dark:link   { text-decoration: none; color : #AB320D; }
a.mgalinks_dark:visited { text-decoration: none; color : #AB320D; }
a.mgalinks_dark:hover	{ text-decoration: none; color : #CC3A0D; }



.sulat
{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#222222;
}

.sulat_ilawom
{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
}




.sulat-newsletter
{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#1E86AB;
}


.sulat_tiil
{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
}




.sulat_ulohan
{
font-size:24px;
font-family: Arial, Helvetica, sans-serif;
color:#D31509;
font-weight:normal;
}




.sulat_titulo
{
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
color:#1E86AB;
font-weight:bold;
}


.sulat_titulo_resume
{
font-size:25px;
font-family: Arial, Helvetica, sans-serif;
color:#ffcc00;
}

.hr
{
border: 1px dashed #AE0A09;
font:Arial, Helvetica, sans-serif;
width: 100%;
}



.imahen
{
border: 1px solid #222222;

}


.mgaform
  {
  background: #ffffff;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #04506D;
  border: 1px solid #3AABD7;
  width: 150px;
  
  }



.mgaform_button
  {
  background: #DB7A21;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #E5F6FD;
  border: 1px solid #DB7A21;
  width: 70px;
  }




/* para sa mga nabigasyon */


.glossymenu{
margin: 5px 0;
padding: 0;
width: 177px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
/* background: url(images/nab1.jpg) repeat-x bottom left; */
background-color: #ffffff;
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: #DB7A21 1px solid;
border-right: #DB7A21 1px solid;
border-left: #DB7A21 1px solid;
color: #D65907;

}

.glossymenu a.menuitem:hover
{

/* background-image: url(images/nab2.jpg); */
background-color: #ffffff;
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px 0;
padding-left: 10px;
text-decoration: underline;
border-bottom: #DB7A21 1px solid;
border-right: #DB7A21 1px solid;
border-left: #DB7A21 1px solid;
color: #6EA313;
}




.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{


}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #65C7E5;
color: white;
}