input, img {
  behavior: url("settings/pngbehavior.htc");
}

img{
	border:0px;
}

ul a{
text-decoration: none
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: "Arial";
	font-size: 11px;
	color: #000000;
}

TD		{ font-family:Arial, Helvetica, sans-serif; color:#3A3A3A; font-size:12px; }
INPUT           { font-family:Arial, Helvetica, sans-serif; color:#797979; font-size:9pt; }
SELECT          { font-family:Arial, Helvetica, sans-serif; font-size:9pt; }
TEXTAREA        { font-family:Arial, Helvetica, sans-serif; font-size:9pt; }


.smcontent {
	font-family: "Arial";
	font-size: 10px;
	color: #FFFFF;
	text-decoration:none;
}

.smcontent2 {
	font-family: "Arial";
	font-size: 14px;
	color: #666666;
	text-decoration:none;
}

.smcontent3 {
	font-family: "Arial";
	font-size: 11px;
	color: #444444;
	text-decoration:none;
}
	
.style1 {
	font-family: "Arial";
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
.style4 {font-size: 11px; color: #000000; font-family: "Arial";}
.style8 {
	font-family: "Arial";
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.style11 {color: #FFFFFF}
.style13 {font-family: "Arial"; font-size: 12px; color: #990000; text-decoration: none; font-weight: bold; }
.style14 {color: #666666}
.style15 {font-family: "Arial"; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
.style16 {font-size: 13px}

.bodyMain{ border: #0A323F; 
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	background-color: #95CCDD;
	}

.bodyMain2{ border: #5196B0; 
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	background-color: #5196B0;
	}

.allContent{ 	font-family: trebuchet MS;
		font-size: 12px;
	}
.pad_top_bottom
	{
	padding-top:10px;
	padding-bottom:10px;
	}
	
ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 1px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 2px 4px;
}


H1 { margin-bottom: 1px; font-size: 27px !important; font-weight: normal; color: #CC6600; font-family: "Trebuchet MS";}

H2 { font-size: 15px !important; color: #EC0B00; font-family: "Arial"; font-weight: 600; text-decoration: none}

.header { margin-bottom: 2px; font-size: 20px !important; color: #CC6600; font-family: Garamond, "Times New Roman", Times, Serif;}

.sig { font-size: 13px !important; color: #FFFFFF; font-family: "Arial"; background-color: #5196B0; padding: 4px; font-weight: normal}

a.sig:hover { background: #FF850D; color: #000000; text-decoration: none }


.subtitle { font-size: 20px !important; color: #CC6600; font-family: "Arial"; font-weight: bold; text-decoration: none}

a.subtitle:hover { color: #000000; text-decoration: none }


.toplinks { font-size: 12px !important; color: #3A3A3A; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.toplinks:hover { color: #000000; text-decoration: underline; }

.details { font-size: 10px !important; color: #D66716; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.details:hover { color: #000000; text-decoration: underline; }


.footer { font-size: 11px !important; color: #754D26; font-family: "Arial"; font-weight: bold; text-decoration: none}

a.footer:hover { color: #754D26; text-decoration: underline }

.footer2 { font-size: 11px !important; color: #754D26; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.footer2:hover { color: #754D26; text-decoration: underline }


.sub_black { font-size: 20px !important; color: #666666; font-family: "Arial"; font-weight: bold; text-decoration: none}

a.sub_black:hover { color: #CC9966; text-decoration: none }


.sub_black2 { font-size: 20px !important; color: #8E8E8E; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.sub_black2:hover { color: #CC9966; text-decoration: none }


.sub_black3 { font-size: 15px !important; color: #666666; font-family: "Arial"; font-weight: bold; text-decoration: none}

a.sub_black3:hover { color: #CC9966; text-decoration: none }


.link_content { font-size: 14px !important; color: #333300; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.link_content:hover { color: #333300; text-decoration: underline }


.email { font-size: 14px !important; color: #666633; font-family: "Arial"; font-weight: bold; text-decoration: none}

a.email:hover { color: #666633; text-decoration: underline }


.message { font-size: 14px !important; color: #666633; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.message:hover { color: #660000; text-decoration: underline }


.sig4 { font-size: 14px !important; color: #666633; font-family: "Arial"; font-weight: normal; text-decoration: none}

a.sig4:hover { color: #666633; text-decoration: underline }


.sig5 { font-size: 11px !important; color: #FFFFFF; font-family: "Arial"; font-weight: normal; text-decoration: none;}

a.sig5:hover { color: #FFFFFF; text-decoration: underline;}


/* css nung tabs na nasa taas */
#navigation a span
{ background: url(images/right-tab-hover.gif) right top no-repeat; padding-right: 12px; padding-top: 5px; padding-bottom: 10px;}

#navigation a { color: #FFFFFF; background:#5B8210  url(images/left-tab-hover.gif) left top no-repeat; text-decoration: none; padding-left: 12px; padding-top: 5px; padding-bottom: 10px;}

#navigation a:hover  { color: #FFFFFF; background: #ABCE67 url(images/left-tab.gif) left top no-repeat; padding-left: 12px}

#navigation a:hover span { background: url(images/right-tab.gif) right top no-repeat; padding-right: 12px} 

.nav{ 	font-family: Arial, Helvetica, sans-serif; font-size: 14px;	color: #FFFFFF; text-decoration:none; font-weight:600;}

#navigation2 a span { color:#FFFFFF; background:#ABCE67 url(images/right-tab.gif) right top no-repeat; padding-top: 5px; padding-right: 12px}

#navigation2 a { color: #FFFFFF; background:#ABCE67  url(images/left-tab.gif) left top no-repeat; text-decoration: none; padding-left: 12px; padding-top: 5px; padding-bottom: 14px;}


/*optional tab css*/

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 15px Arial; /*Font Style*/
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: white;
background: #678b3f url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 5px;
text-decoration:none;
letter-spacing: 0px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:5px 10px 3px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #ABCE67;
}

#ddcolortabs a:hover span{
background-color: #ABCE67;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #ABCE67;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/* css nung speech bubble na nasa gitna */
#container {background:#d8d8ee; width:600px; margin:15px; padding:20px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 20px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:1.5em; color:#666666;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #E8F199; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; width:0; height:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #FFFFFF; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; width:0; height:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #E8F199; border-right:1px solid #E8F199;}

.xb1 {margin:0 8px; background:#E8F199;}
.xb2 {margin:0 6px; background:#E8F199;}
.xb3 {margin:0 4px; background:#E8F199;}
.xb4 {margin:0 3px; background:#FFFFFF; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FFFFFF; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FFFFFF; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#FFFFFF; border:3px solid #E8F199; border-width:0 3px;}


/* css ng error message */
#container {background:#d8d8ee; width:600px; margin:15px; padding:20px;}
.ysnazzy h1, .ysnazzy h2, .ysnazzy p {margin:0 20px; letter-spacing:1px;}
.ysnazzy h1 {font-size:2.5em; color:#fc0;}
.ysnazzy h2 {font-size:2em; color:#234; border:0;}
.ysnazzy p {padding-bottom:1.5em; color:#EC0B00; font-weight:600; letter-spacing:0px;}
.ysnazzy h2 {padding-top:0.5em; padding-left:10px;}
.ysnazzy {background: transparent; margin:1em;}

.ysnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #F26604; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .ysnazzy em {width:24px; height:12px; width:0; height:0;}
.ysnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #FEEFE5; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .ysnazzy span {width:20px; height:10px; width:0; height:0;}

.yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb7 {display:block; overflow:hidden; font-size:0;}
.yb1, .yb2, .yb3, .yb4, .yb5, .yb6 {height:1px;}
.yb4, .yb5, .yb6, .yb7 {background:#ccc; border-left:1px solid #FE7516; border-right:1px solid #FE7516;}

.yb1 {margin:0 8px; background:#FE7516;}
.yb2 {margin:0 6px; background:#FE7516;}
.yb3 {margin:0 4px; background:#FE7516;}
.yb4 {margin:0 3px; background:#FEEFE5; border-width:0 5px;}

.yb5 {margin:0 2px; background:#FEEFE5; border-width:0 4px;}
.yb6 {margin:0 2px; background:#FEEFE5; border-width:0 3px;} 
.yb7 {margin:0 1px; background:#FEEFE5; border-width:0 3px; height:2px;} 

.yboxcontent {display:block; background:#FEEFE5; border:3px solid #FE7516; border-width:0 3px;}


/* submit button for forms */
.formbutton{
cursor:pointer;
border:outset 1px #3D5C00;
background:#999;
color:#FFF;
font-weight:bold;
padding: 6px 4px;
background:url(images/formbg.gif) repeat-x left top;
}
ul		{
		margin:10px;
		padding:0px;
		list-style:none;
		}
ul li 	{
		/*background:url(images/arrow.png) top left no-repeat;*/
		padding:0 0 0 10px;
	
		}

.style17 {font-size: 18px;
					font-family: Arial, Helvetica, sans-serif;}
.style17 {font-size: 24px;
					font-family: Arial, Helvetica, sans-serif;}
.style18 {font-family: Tahoma}
.links-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.cat-bg {
	background-image:url(images/cat-bg.gif);
	background-repeat:repeat-y;
	}
.back-title {
	background-image:url(images/bg-title.jpg);
	background-repeat:no-repeat;
	height:100px;

	}
.title {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	
.titlenews {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	color:#111;
	}
	
.titlecategory {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color:#111;
	}
	
	
.roundedcornr_box_172715 {
   background: #459be7;
}
.roundedcornr_top_172715 div {
   background: url(images/roundedcornr_172715_tl.png) no-repeat top left;
}
.roundedcornr_top_172715 {
   background: url(images/roundedcornr_172715_tr.png) no-repeat top right;
}
.roundedcornr_bottom_172715 div {
   background: url(images/roundedcornr_172715_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_172715 {
   background: url(images/roundedcornr_172715_br.png) no-repeat bottom right;
}

.roundedcornr_top_172715 div, .roundedcornr_top_172715, 
.roundedcornr_bottom_172715 div, .roundedcornr_bottom_172715 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_172715 { margin: 0 30px; }