/* Global elements starts here */

body {
	
	background-repeat: repeat-x;
	background-color: #E6E6E6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana;
	color: #333333;
	font-size: 12px;
}

a:link, a:visited{
	color: #33A8D4;
	text-decoration: none;
}

a:hover{
	color: #33A8D4;
	text-decoration: underline;
}


.rowlink a:link, .rowlink a:visited{
	color: #333333;
}

.rowlink a:hover{
	color: #33A8D4;
	text-decoration: underline;
}


.page_holder{
	width: 916px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.backtotop{
	background-image: url(../images/icons/icon_backtotop.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	font-size: 10px;
}

.readmore{
	background-image: url(../images/icons/icon_bullet.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 20px;
	font-size: 10px;
	float: right;

}

.previous{
	background-image: url(../images/icons/icon_previous.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 12px;
	font-size: 10px;
	float: left;
}

.next{
	background-image: url(../images/icons/icon_next.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 12px;
	font-size: 10px;
	float: right;
}



h1{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

b{
	color: #000000;
	font-weight: normal;
}

.big{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	line-height: 145%;
}

.big_white{
	font-size: 14px;
	color: #333333;
	line-height: 145%;
}

.tiny{
	font-size: 9px;
	color: #000000;
	font-weight: normal;
	line-height: 145%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.redtiny{
	font-size: 12px;
	color: #FF0000;
	line-height: 10%;
	text-align: center;
}


.graytiny{
	font-size: 10px;
	color: #666666;;
	line-height: 120%;
	text-align: center;
}

.grayline{
	background-image: url(../images/global/global_gray_line.jpg);
	background-repeat: repeat-x;
	background-position: center;
	padding: 10px 0px 10px 0px;
	width: 286px;
}

.clear{
	clear: both;
}

.left{
	float: left;
}

.right{
	float: right;
}	

.imgleft{
	margin-left: 35px;
	margin-bottom: 15px;
}

.imgright{
	margin-right: 35px;
	margin-bottom: 15px;

}

.imgborder{
	border: #999999 solid 1px;
	padding: 1px;
	margin: 0px 8px 0px 8px;
}

.grayboldtext{
	color: #999999;
	font-weight: normal;
}
/* end of Global elements */


/* Header elements starts here */
.header_holder{
	background-image: url(../images/global/global_header_holder.jpg);
	background-repeat: repeat-x;
	background-color: #E8E8E8;
	width: 916px;
	height: 129px;
	text-align: left;
}

.masthead_holder{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/global/global_masthead.jpg);
	background-position: top;
	background-repeat: no-repeat;
	/*width: 889px;
	height: 129px;*/
	
	width: 899px;
	height: 129px;
	margin-left: 9px;
	margin-right: 7px; 
	/*padding-left: 9px;
	padding-right: 7px;*/
}

.headimage_holder{
	background-color: #FFFFFF;
	width: 899px;
	padding-top: 4px;
	margin-left: 9px;
	margin-right: 7px;
}

.logo{
	width: 167px;
	height: 99px;
	padding-left: 34px;
	/*margin-left: 34px; */
	float: left;
}

.nav_holder{
	width: 851px;
	margin-left: 20px;
	margin-top: 9px;
	color: #333333;
	text-align: left;

}

.navlink{
	height: 18px;
	/* margin-right: 50px; */
	float: left;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}


.navlink_on{
	background:url(../images/nav/nav_rollover_bg.jpg);
	background-repeat: repeat-x;
	height: 18px;
	/* margin-right: 50px; */
	float: left;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}



.toplink_holder{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 558px;
	margin-top: 5px;
	float: right;
}

.toplink{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #333333;
}

.toplink a:link, .toplink a:visited, .navlink a:link, .navlink a:visited{
	text-decoration: none;
	color: #333333;
}

.navlink_on a:link, .navlink_on a:visited, .navlink_on a:link, .navlink_on a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

.navlink_on a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

.sublink a:link, .sublink a:visited{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.toplink a:hover, .navlink a:hover, .sublink a:hover{
	text-decoration: underline;
	color: #000000;
}




/* end of Header elements */

/* Content Elements starts here */
.content_bg{
	background-image: url(../images/global/global_content_bg.jpg);
	width: 916px;
	text-align: left;
	clear: both;
	
}

.content_bg_bottom{
	background-image: url(../images/global/global_content_bottom_bg.jpg);
	width: 916px;
	height: 11px;
}

.content_holder{
	width: 821px;
	margin-left: 60px;
	padding-bottom: 30px;
	color: #333333;
	clear: both;
	text-align: left;
}

/* Inside page elements */
.pagetitle{
	padding-top: 30px;
	padding-left: 40px;
	height:30px;
	width: 858px;
	border-bottom: #CCCCCC 1px solid;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
}

.inside_headimage{
	width: 898px;
	border-bottom: #CCCCCC 1px solid;
}

.inside_content{
	width:600px;
	margin-top: 30px;
	padding-left: 80px;
	font-size: 12px;
	line-height: 145%;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.inside_content b, .inside_content strong{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

.inside_sublink_holder{
	width: 858px;
	height: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 40px;
	border-bottom: #CCCCCC 1px solid;
	text-align: center;
	
}

/* end of Content Elements */

/* Front Page Elements */

.front_whatsnew{
	background-image: url(../images/front/front_push_whatsnew.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 304px;
	height: 240px;
	/*padding-left: 8px;*/
	padding-top: 46px;
	float:left;
}

	.front_whatsnew_content{
		padding-top: 4px;
		background-image: url(../images/global/global_dotted_line.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		width: 284px;
	}
	
	.front_whatsnew_title{
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 12px;
		color: #000000;
	}
	
	.front_whatsnew_title strong{
		color: #FC4E07;
	}

.front_newsticker{
	background-image: url(../images/front/front_newsticker_holder.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 885px;
	height: 31px;
	padding-left: 14px;
	padding-top: 2px; 
	padding-bottom: 8px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

	.front_newsticker b, .front_newsticker strong{
		color: #666666;
	}


.frontcontent_holder{
	background-image: url(../images/front/front_content_bottomborder.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	width: 883px;
	padding: 8px;
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #666666;
	line-height: 145%;
}

.front_entertainment{
	background-image: url(../images/front/front_column_entertainment.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 373px;
	padding-top: 35px;
	float: left;
}

	.front_entertainment_content{
		background-image: url(../images/front/front_col_line_entertainment.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		width: 373px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	
	}
	
	.front_entertainment_title{
		background-image: url(../images/global/global_dotted_line.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		/*width: 245px;*/
		padding-bottom: 4px;
		font-family: "Trebuchet MS", Verdana;
		font-weight: bold;
		font-size: 14px;
	}
	
	.front_entertainment_title b, .front_entertainment_title strong{
		color: #FC5108;
		font-weight: bold;
	}

.front_itoangpinoy{
	background-image: url(../images/front/front_column_itoangpinoy.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 319px;
	padding-top: 35px;
	margin-left: 7px;
	margin-right: 6px;
	float: left;
}
	.front_itoangpinoy_content{
		background-image: url(../images/front/front_col_line_itoangpinoy.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		width: 317px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	
	}
	
	.front_itoangpinoy_title{
		background-image: url(../images/global/global_dotted_line.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		/*width: 245px;*/
		padding-bottom: 4px;
		font-family: "Trebuchet MS", Verdana;
		font-weight: bold;
		font-size: 14px;
	}
	
	.front_itoangpinoy_title b, .front_itoangpinoy_title strong{
		color: #99CC66;
		font-weight: bold;
	}

.front_products{
	background-image: url(../images/front/front_column_products.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 175px;
	padding-top: 35px;
	float: left;
}

	.front_products_content{
		background-image: url(../images/front/front_products_holder.jpg);
		background-position: top;
		background-repeat: no-repeat;
		width: 167px;
		height: 290px;
		padding-top: 4px;
		padding-left: 4px;
		padding-right: 4px;
		color: #FFFFFF;
		float: left;
	}
	
	.front_products_title{		
		padding-bottom: 4px;
		padding-top: 8px;
		font-family: "Trebuchet MS", Verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000
	}
	
	.front_products_title b, .front_products_title strong{
		color: #8FD5FA;
		font-weight: bold;
	}
	
	.front_products_content readmore{
		color: #8FD5FA;
		background-image: none;
	}
	
	.front_signup_holder{
		box-sizing: border-box;
		margin: 0px;
		padding-top: 4px;
		width: 175px;
		height: 116px;
		text-align: center;
		float: left;
	}

.front_bottompush{
	width: 897px;
	height: 98px;
	padding-top: 4px;
	padding-left: 2px;
	float: left;
}





/* Form elements starts here */
form input:text{
	height: 15px;
	border: #333333 solid 1px;
	font-size: 10px;
	line-height: 100%;
	color: #333333;
}

.label{
	width: 150px;
	text-align: right;
	font-weight:normal;
	margin-right: 10px;
	color: #666666;
	float: left;
	line-height: 150%;
}
fieldset{
	width: 530px;
}


/* end of form elements */

/* Breadcrumb elements start here */
.breadcrumb{
	font-size: 10px;
	font-family: "Trebuchet MS", Helvetica;
	padding-top: 2px;
	padding-bottom: 24px;
	clear: both;
}

/* end of breadcrumb */

/* Footer elemets start here */
.footer{
	margin-top: 20px;
	width: 898px;
	border-top: #CCCCCC 1px solid;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

/* end of Footer elements */



/* Simple Multi-level drop down menu elements */

/*
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}
*/
#sddm{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 18px;
	/* margin-right: 50px; */
	/*float: left;*/
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #333333;
	z-index: 30;
	float: left;
}
#sddm span
{	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	margin: 0;
	padding: 0;
	/*list-style: none; */
	float: left;
	}

#sddm span a
{	display: block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	/*width: 60px; 
	background: #5970B2; */
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #333333;
	text-align: center;
	text-decoration: none}

#sddm span a:hover
{	background:url(../images/nav/nav_rollover_bg.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #000000}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-left: 15px;
		padding-right: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F2F2F2;
		color: #333333;
		}

	#sddm div a:hover
	{	background:url(../images/nav/nav_rollover_bg.jpg);
		background-repeat: repeat-x;
		color: #FFFFFF;}