input, img {
  behavior: url(settings/pngbehavior.htc);
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Arial";
	font-size: 12px;
	color: #373737;
	background-color: #7678EE;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
}

TD		{ font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:12px; }
INPUT           { font-family:Arial, Helvetica, sans-serif; color:#727272; font-size:10pt; }
SELECT          { font-family:Arial, Helvetica, sans-serif; font-size:9pt; }
TEXTAREA        { font-family:Arial, Helvetica, sans-serif; font-size:9pt; }


.blogtitle {
	font-family: "Arial";
	font-size: 25px;
	color: #545454;
	font-weight: bold;
	text-decoration:none;
}

.blog {
	font-family: "Arial";
	font-size: 15px;
	color: #545454;
	font-weight: normal;
}


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

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

.month {
	font-family: "Arial";
	font-size: 15px;
	color: #545454;
	font-weight: bold;
	text-decoration:none;
}

.date {
	font-family: "Arial";
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
	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;
	}

.counter{ border: #EAE6BD; 
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	}

.allContent{ 	font-family: trebuchet MS;
		font-size: 12px;
	}
.pad_top_bottom
	{
	padding-top:10px;
	padding-bottom:10px;
	}

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; }


.details2 { font-size: 11px !important; color: #535353; font-family: "Arial"; font-weight: normal; text-decoration: underline}

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


.details_red { font-size: 11px !important; color: #A13100; font-family: "Arial"; font-weight: normal; text-decoration: underline}

a.details_red:hover { color: #A13100; text-decoration: none; }


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

a.details_red2:hover { color: #A13100; text-decoration: underline; }


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

a.footer:hover { color: #FFFFFF; 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} 

#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*/
}

/* submit button for forms */
.formbutton{
cursor:pointer;
border:outset 1px #3D5C00;
background:#999;
color:#6C6C6C;
font-weight:normal;
padding: 1px 5px;
background:url(images/formbg.gif) repeat-x left top;
}