body {

	background-color: #E1F6FB;  

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

	background-repeat : repeat-x;

	vertical-align: top;

	margin: 0px auto; padding: 0px 0px 0px 0px;

    font: 11px Arial, verdana,arial;

	text-align: justify;

	color : #0891B4;



	



}	



.sulat_ilawom

{

font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#494949;

}

	

	


.mgalinks_ilawom	{ font-weight: normal; font-size: 11px; color : #CF1519 font-family:  Arial, Helvetica, sans-serif; }

a.mgalinks_ilawom:link   { text-decoration: none; color : #CF1519; }

a.mgalinks_ilawom:visited { text-decoration: none; color : #CF1519; }

a.mgalinks_ilawom:hover	{ text-decoration: underline; color : #CF1519; }




  

.mgalinks		{ font-weight: normal; font-size: 12px; color : #025291 font-family:  Arial, Helvetica, sans-serif; }

a.mgalinks:link   { text-decoration: none; color : #025291; }

a.mgalinks:visited { text-decoration: none; color : #025291; }

a.mgalinks:hover	{ text-decoration: underline; color : #025291; }





.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:#444444;

}







.readmore-mgalinks		{ font-weight: normal; font-size: 12px; color : #FDEEB3 font-family:  Arial, Helvetica, sans-serif; }

a.readmore-mgalinks   { text-decoration: none; color : #FDEEB3; }

a.readmore-mgalinks:visited { text-decoration: none; color : #FDEEB3; }

a.readmore-mgalinks:hover	{ text-decoration: underline; color : #FDEEB3; }







.readmore-sulat

{

font-size:12px;

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

color:#F6ECE0;

}





.titulolinks		{ font-weight: bold; font-size: 17px; color : #015292 font-family: Arial, Helvetica, sans-serif; }

a.titulolinks   { text-decoration: none; color : #015292; }

a.titulolinks:visited  { text-decoration: none; color : #015292; }

a.titulolinks:hover	{ text-decoration: underline; color : #015292;}









.readmore-sulat

{

font-size:12px;

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

color:#F6ECE0;

}







.sulat_tiil

{

font-size:12px;

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

color:#FFFFFF;

}





.sulat_titulo

{

font-size:17px;

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

font-weight:bold;

color:#015292;

}





.sulat_titulo_resume

{

font-size:25px;

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

color:#ffcc00;

}



.hr

{

border: 1px dashed #d0f1ef;

width: 100%;

}





.imahen

{

border: 1px solid #222222;



}





.mgaform

  {

  background: #444444;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #333333;

  width: 250px;

  }





.mgaform-email

  {

  background: #444444;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #333333;

  width: 180px;

  }





.mgaform_textarea

  {

  background: #444444;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #333333;

  width: 250px;

  height: 150px;

  }



.mgaform_submit

  {

  background: #333333;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #444444;

  width: 80px;

  height: 25px;

  }

  

  

  

  







.mgaform_comments

  {

  background: #222222;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #2F2827;

  width: 250px;

  }





.mgaform_secure_comments

  {

  background: #261C1B;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #2F2827;

  width: 50px;

  }



.mgaform-email_comments

  {

  background: #d9f4f2;

  font-size: 13px;

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

  color: #027799;

  border: 1px solid #65d0dc;

  width: 180px;

  }





.mgaform_textarea_comments

  {

  background: #222222;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #2F2827;

  width: 480px;

  height: 150px;

  }





.mgaform_submit_comments

  {

  background: #000000;

  font-size: 12px;

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

  color: #eeeeee;

  border: 1px solid #2F2827;

  width: 150px;

  height: 25px;

  }





















/* PARA SA AJAX WINDOW */







.highslide-html {

    background-color: #000000;



}

.highslide-html-blur {

}

.highslide-html-content {

	position: absolute;

    display: none;

    width: 800px;

	height: 600px;

}

.highslide-loading {

    display: block;

	color: #ffffff;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid #111111;

    background-color: #000000;    

    padding-left: 22px;

    background-image: url(../highslide/graphics/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

	font-size: 10px;

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

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

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

}





/* Styles for the popup */

.highslide-wrapper {

	background-color: white;

}

.highslide-wrapper .highslide-html-content {

    width: 480px;

    padding: 5px;

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

}

.highslide-wrapper .highslide-header div {

}

.highslide-wrapper .highslide-header ul {

	margin: 0;

	padding: 0;

	text-align: right;

}

.highslide-wrapper .highslide-header ul li {

	display: inline;

	padding-left: 1em;

}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {

	display: none;

}

.highslide-wrapper .highslide-header a {

	font-weight: bold;

	color: gray;

	text-transform: uppercase;

	text-decoration: none;

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

	font-size:12px;

}

.highslide-wrapper .highslide-header a:hover {

	color: black;

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

	font-size:12px;

}

.highslide-wrapper .highslide-header .highslide-move a {

	cursor: move;

}

.highslide-wrapper .highslide-footer {

	height: 12px;

}

.highslide-wrapper .highslide-footer .highslide-resize {

	float: right;

	height: 12px;

	width: 12px;

	background: url(highslide/graphics/resize.gif);

}

.highslide-wrapper .highslide-body {

}

.highslide-move {

    cursor: move;

}

.highslide-resize {

    cursor: nw-resize;

}



/* These must be the last of the Highslide rules */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}





















































































/* para sa harapan */





.sliderwrapper{

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

border-top: 1px solid #444444; 

width: 600px; /*width of featured content slider*/

height: 350px;

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

color: #FFFFFF;

size: 11px;



}







.sliderwrapper .contentdiv{

visibility: hidden; /*leave as is*/

position: absolute; /*leave as is*/

left: 0;  /*leave as is*/

top: 0;  /*leave as is*/

padding: 0px;

background: #444444;

width: 600px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

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

color: #FFFFFF;

size: 11px;

-moz-opacity: 1;

opacity: 1;

}



.pagination{

width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

text-align: left;

background-color: #191919;

padding: 4px 0px;

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

color: #FFFFFF;

size: 11px;

}



.pagination a{

padding: 5 5px;

text-decoration: none; 

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

color: #FFFFFF;

size: 11px;

background: #191919;

}



.pagination a:hover, .pagination a.selected{

color: #ffcc00;

background-color: #444444;

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

color: #FFFFFF;

size: 11px;



}











/* para sa random header */



.centerdiv{ /*IE method of centering a relative div*/

text-align: center;

}



.centerdiv>div{ /*Proper way to center a relative div*/

margin: 0 auto;

}



















/* para sa drop down menu */





#dropmenudiv{

position:absolute;

border:0px dashed #6B0404;

border-bottom-width: 0;

font:normal 12px Arial, Verdana;

line-height:18px;

z-index:100;

}



#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px dashed #EA7474;

padding: 1px 0;

text-decoration: none;

font-weight: normal;

color: #ffffff;

background-color: #A31717;

}



#dropmenudiv a:hover{ /*hover background color*/

background-color: #025291;

}























































.arrowlistmenu{

width: 210px; /*width of accordion menu*/



}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 12px Arial;

color: white;

background: black url(titlebar.png) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: none;

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(titlebar-active.png);

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}