body {
	/* background-color: #0054a4; dark blue */
	/* background-color: #6fa9e0; lighter blue */
	background-color: #ffffff;    
    vertical-align: top;
    font: 11px Arial, Verdana,arial;
	text-align: left;
	color : #454545;
}	
a.pager:active, a.pager:link, a.pager:visited, a.pager2:active, a.pager2:link, a.pager2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	border: 1px solid #FF9900;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#666666;
	padding: 4px;
	margin: 0px;
}		

.pager {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}	
	

.galleryimage{
	border:1px solid #FF9900;
	padding: 1px;


}	
.galleryimage2{
	border:1px solid #FAC626;
	padding: 1px;


}


  
.mgalinks		{ font-weight: normal; font-size: 11px; color : #0452a7 font-family:  Arial, Helvetica, sans-serif; }
a.mgalinks:link   { text-decoration: none; color : #0452a7 }
a.mgalinks:visited { text-decoration: none; color : #0452a7; }
a.mgalinks:hover	{ text-decoration: none; color : #f7840d; }



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



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


.sulat-pangalan
{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#0154a4;

}

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


.sulat_titulo
{
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
color:#0154a4;
font-weight: bold;
}




.hr
{
border: 1px dashed #d0f1ef;
width: 100%;
}


.imahen
{
border: 0px solid #b6afaf;

}



.mgaform
  {
  background: #b8d7f5;
  font-size: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #0154a4;
  border: 1px solid #a2c7ea;
  width: 180px;
  }



.mgaform_textarea
  {
  background: #b8d7f5;
  font-size: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #0154a4;
  border: 1px solid #a2c7ea;
  width: 180px;
  height: 80px;
  }


.mgaform_button
  {
  background: #0154a4;
  font-size: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #b8d7f5;
  border: 0px solid #e0d9c7;
  width: 80px;
  height: 25px;
  }
  
  
  
  



.mgaform_comments
  {
  background: #222222;
  font-size: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #eeeeee;
  border: 1px solid #2F2827;
  width: 250px;
  }


.mgaform_secure_comments
  {
  background: #261C1B;
  font-size: 11px;
  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: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #eeeeee;
  border: 1px solid #2F2827;
  width: 480px;
  height: 150px;
  }


.mgaform_submit_comments
  {
  background: #000000;
  font-size: 11px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #eeeeee;
  border: 1px solid #2F2827;
  width: 150px;
  height: 25px;
  }








/* para sa mga 	PRODUCTS */


.sulat_level1
{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#7c6300;
}

.sulat_titulo_level1
{
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
color:#7c6300;
font-weight: bold;
}

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





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

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

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








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

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

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















/* PARA SA AJAX TABS */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 5px 5px;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Arial, Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border-top: 0px solid #0054a4;
color: #0054a4;
background: #FFFFFF; /*url(shade.gif) top left repeat-x*/;
}

.shadetabs li a:visited
{
color: #0054a4;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #0054a4;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs li a.selected{ /*selected main tab style */
/* background-image: url(shadeactive.gif);*/
/* border-bottom-color: #ff5601;*/
/* background-color: #0054a4; */
color: #ffffff;

}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}













}