@import url('tt_news.css');
/*@import url('indexed_search.css');*/
@import url('content.css');
body{
   background:url(../images/background.jpg) no-repeat;
   background-position:top center;
   font-family: verdana,sans-serif;
}


/*CSS FOR TRANSPARENT LINE INSIDE BIG-IMAGE*/

.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dt a img {
	margin-top:10px;
}

#bgk {
        margin-top:-227px;
	float:left;
	width:372px;
	height:190px;
    } 
   
#bgk img{
	width:372px;
	height:190px;
	z-index:1; 
}

#bgk2 {
        margin-top:-220px;
        float:right;
        width:325px;
        height:165px;
}
 
#bgk2 img{
       z-index:1;
       width:325px;
       height:165px;
}

#ubgk {
	  margin-top:-72px;  
	  float:left;
	  width:345px;
	  height:98px;
}

#ubgk img{
	width:0px;
	height:0px;
	z-index:1;
	margin-left:-8px;
 }

#ubgk2 {
	margin-top:-40px;
	float:right;
	width:303px;
	height:40px;
	position:relative; 
} 

#ubgk2 img{
	width:303px;
	height:40px;
	z-index:1;
}
/************************/
/*******--STOP--********/
/***********************/



/**************************************************/
/************ CSS START FOR MAIN CONTAINER*********/
/**************************************************/

#main-container{
           margin-top:4px;
           text-align:center;
}

#main-container2{
          margin-top:4px;
          text-align:center;
}

#container{
         width:950px;
         margin: 0 auto;
         padding: 0;
         text-align: left;
}

DIV.addClear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/************************/
/*******--STOP--********/
/***********************/



/*********************************************/
/******CSS FOR TOP FUNC START HERE************/
/*********************************************/


#top-container{
	width:950px;
	height:65px;
	float:left;
}

#logo{
	width:350px;
	float:left;
}

#top-menu{
	/*width:500px;*/
	float:right;
	height:30px;
	margin-top:33px;
	margin-right:4px;
 }

.menu1{
       _width:555px;
}

#big-image{
	float:left;
	width:950px;
	height:250px;
	/*border:1px solid #999;*/

}

#small-links-container{
	width:950px;
	height:36px;
	float:left;
	text-align:right;
	margin-bottom:4px;
}

#small-links-container2{
	width:950px;
	height:36px;
	float:left;
	text-align:right;
	margin-bottom:4px;
	/*margin-top:-25px;*/
}

#container-of-two{
       width:30px;
       float:right;
       margin-right:10px;
       margin-top:10px;
}

#underside-container-of-two{
       width:30px;
       float:right;
       margin-right:20px;
       margin-top:10px;
}

#link-to-home{
       float:left;
 }
 
#print{
	 float:right;
 }

/************************/
/*******--STOP--********/
/***********************/ 



/*additional css for underside start here*/
#bread-crumb{
	 margin-top:3px;
	 width:600px;
	 float:left;
	 text-align:left;
}
.crums a, .crums a:hover {
	color: #bdbdbd;
	text-decoration:none;
}
/*CSS FOR TOP FUNC ENDS  HERE*/

/*CSS FOR COLUMNS START HERE*/
#leftcontainer{
	float:left;
	/*width:346px is the original*/
	width:221px;
	padding-left:0px;
	padding-right:25px;
}

#leftmenu{
	margin-left:10px;
	 /*width:216px;*/
	width:221px;
	margin-bottom:17px;
	
}

#underside_image{
	float:left;
	width:950px;
	min-height:96px;
	height:auto;
	height:100px;	
        margin-left:-10px;

}

#underside-left-contents{
	float:left;
	/*width:346px is the original*/
	width:221px;
	padding-left:10px;
	padding-right:25px;
}

#underside-normal-contents{
	float:left;
	width:668px;
	padding-left:25px;
	padding-right:0px;
	min-height:370px;
	height:auto; 
	background:url(../images/underside-normal_background.gif);
	background-repeat:repeat-y;
	background-position:left top;
	/*border:1px solid red;*/		
}

/*additional css for underside ends- here*/
#contents-container{
	margin-top:6px;
	width:950px;
	float:left;
	min-height:200px;
	height:auto;
}

#left-contents{
	float:left;
	/*width:346px is the original*/
	width:311px;
	padding-left:10px;
	padding-right:25px;
}

#normal-contents{
	float:left;
	 /*width:361px is the original*/
	 width:312px;
	 padding-left:25px;
	 padding-right:25px;
	 background:url(../images/normal-column-back.gif);
	 background-repeat:no-repeat;
	 background-position:top;
}

#right-contents{
	 float:left;
	 /*width:243px;*/
	 width:200px;
	 padding-left:25px;
	 padding-right:0px;
}

#right-contents .line-rightcolumn{
	margin-bottom:-1px;
}

#right-contents .line-rightcolumn img{
    /*margin-bottom: 15px;*/
	width:210px;
}

#footer-menu{
    width:950px;
	float:left;
	margin-top:35px;


	}
	
#under-footer-menu{
    width:950px;
	float:left;
	margin-top:100px;
	margin-left:-5px;
	
}

/* commented footer css are reserved if ever *

/* .footerunderside{
 width:360px;
 margin:0px;
 margin-right:-24px;
 padding:0px;
 float:right;
  }
 .footeru{
 width:200px;
 margin-right:31px;
 float:right;
}
.footerfirstitem{
 display:inline;
}
.footerfirstitem a{
 font-size:11px;
 font-family:verdana;
 color:#999;
 text-decoration:none;
 font-size:10px;
 font-family:verdana;
 color:#999;
 text-decoration:none;
 padding:7px;
 padding-top:0px;
 padding-bottom:0px;
}
.footerall{
 display:inline;
}
.footerall a{
 font-size:10px;
 font-family:verdana;
 color:#999;
 text-decoration:none;
 padding:7px;
 padding-top:0px;
 padding-bottom:0px;
 border-left:1px solid #999;
} */

/*menu- CSS - Start here*/

.mlvl1-act{
margin-left:3px;
 }
.mlvl1-no{
 margin-left:3px;
}
ul,li {
	font-family:verdana;
	font-size:11px;
	color:#686868;
	list-style-type: disc;
	margin: 0;
	padding: 0;
	}

ul#nav li {
	float: left;
	position:relative;
	list-style:none;
}
ul#nav li.dropleft ul.lvl2 {
/*visibility:visible;
left:-40px;
overflow:hidden;*/

/*11/23/2007-MNL. PHIL.*/
	margin-left:	-44px;
	width:		120px;

}


ul#nav li ul {
	position: 	absolute;
	left: 		-999em;
	top:auto;
	/*margin-top: 2.9em;*/
        margin-top: 	3.1em;
}

.liontop, .dropleft{
	height:		36px;
	margin-left:	11px;
	font-size:	14px;
	padding:	5px;   
}
		/* Styles for Menu Items */
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #676767;
	/*background:#eaeaea;*/ /* IE6 Bug */
	white-space:nowrap;
	font-size:14px;
	font-family:verdana;
        text-transform:uppercase;
}
ul#nav li a:hover {
	display: block;
	text-decoration: none;
	color: #676767;
	/*background:#eaeaea;*/ /* IE6 Bug */
	white-space:nowrap;
	font-size:14px;
	font-family:verdana;
        text-transform:uppercase;
	}
	
/*pababa*/
	
#nav li ul{/*border:1px solid #ccc; */border-bottom:none; 
    margin-left:-5px;
	/* for ie s */
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75; 
    background-color: #000000;
    text-transform:none;
}
#nav li ul a{
     display: block;
	text-decoration: none;
	font-family:verdana;
    	font-size:11px;
    	color: #ffffff;
	/*background: #000;*/  /* IE6 Bug */
	text-transform:none;
	white-space:nowrap;
}
#nav li ul a:hover{
     display: block;
	text-decoration: none;
	font-family:verdana;
         font-size:11px;
  	text-transform:none;
	white-space:nowrap;	
	background-color: #ffffff;
	 /*for ie's */
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;  
}
#nav li ul li{float:none;/*border-bottom:1px solid #ccc;*/}
#nav li ul a{float:none;
	border:none;
	position:relative;
/* 	border:1px solid red;  */
	_padding:0px;
	_margin:0px;
}
/* this sets all hovered lists to red and current item */
#nav li.current a*,
#nav li:hover a,#nav li.over a{

}
#nav li:hover li:hover a,#nav li.over li.over a,
#nav li:hover li:hover li:hover a,#nav li.over li.over li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover,
#nav li:hover li:hover li:hover a:hover,#nav li.over li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,#nav li.over li.over li.over li.over a:hover {
        display: block;
	text-decoration: none;
	color: #676767;
	background-color: #ffffff;
	/*background:#eaeaea;*/ /* IE6 Bug */
	font-family:verdana;	
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
/* set dropdown to default */

#nav li:hover li a,#nav li.over li a,
#nav li:hover li:hover li a,#nav li.over li.over li a,
#nav li:hover li:hover li:hover li a,#nav li.over li.over li.over li a {
        display: block;
	text-decoration: none;
	font-family:verdana;
        font-size:11px;
 	/*background: #000;*/  /* IE6 Bug */
       /*padding: 10px 17px 10px 17px;*/
         padding:4px 12px 4px 12px;
	text-transform:none;
	white-space:nowrap;
	background-color: #000000);
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.over ul ul, ul#nav li.over ul ul ul {
left:-999em

}
ul#nav li:hover ul,ul#nav li.over ul{	
	top:0;
	left:0;
}
ul#nav li li:hover ul,ul#nav li li li:hover ul,ul#nav li li.over ul,ul#nav li li li.over ul {
	margin-left:100%;
	left:0;	
	top:-2em
}


.submenu{
min-height:;
height:auto;
}
.spcr{
    margin-left:-2px;
    margin-top:10px;
    margin-bottom:15px;
    background:url(../images/underside-line.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
}
.submenu1-NO{
 margin-bottom:3px;
}
.submenu1-ACT{
 margin-bottom:3px;
}
.submenu2-NO{
 margin-bottom:3px;

}
.submenu2-ACT{
 margin-bottom:3px;
}

/*left menu css ends here*/

DIV#underside_image div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
 width:950px;
 height:100px;
 border:1px solid #999;
 padding:1px;
 margin-left:0px;
 margin-top: 10px;
 }

/*PRINT PREVIEW CSS START HERE*/
#print-container{ margin-bottom:15px;}

.printcontent_l h1, .printcontent_m  h1 ,.printcontent_r  h1{
   font-size:14px;
   font-family:verdana;
   color:#2d2d2d;
   margin-bottom:23px;
}
.printcontent_l p, .printcontent_m  p ,.printcontent_r  p{
   font-size:11px;
   font-family:verdana;
   color:#686868;
}

/*PRINT PREVIEW CSS ENDS HERE*/

.flexible_twocols .flexible_twocols {
     padding-top:0px;
     margin-top:-3px;
}

	/*SAFARI HACK*/

@media all and (min-width:0px) { 

#underside-normal-contents{
float:left;
width:668px;
}
.flexible_twocols_left{
}
.flexible_twocols_right {
 padding-right:3px;
 width:310px;
}
.flexible_twocols_right  p{
	padding-left:-3px;
	margin-left:-4px;
}
.flexible_twocols_right  DIV.csc-textpic-imagewrap .csc-textpic-image{
	width:308px;
	margin-left:-2px;
	margin-bottom:10px;
}
DIV.csc-textpic-text {
padding-top:10px;
}
DIV#container-of-two {
	width:30px;
	float:right;
	margin-right:9px;
	margin-top:15px;
}
DIV#underside-container-of-two {
	width:30px;
	float:right;
	margin-right:20px;
	margin-top:6px;
}

#link-to-home {
        width:14px;
	float:left;
}
#print {
	width:14px;
	float:right;
}
#footer-menu {
	width:950px;
	float:left;
	margin-top:35px;
}
#under-footer-menu {
	width:950px;
	float:left;
	margin-top:100px;
}
ul.footerunderside {
	width:330px;
	margin-right:-21px;
	padding:0px;
	float:right;

 }
ul.footeru {
	 width:224px;
	 margin-right:-8px;
	 float:right;

}
.footerfirstitem {
	display:inline;
}
.footerfirstitem a {
	 font-size:11px;
	 font-family:verdana;
	 color:#999;
	 text-decoration:none;
	 font-size:10px;
	 font-family:verdana;
	 color:#999;
	 text-decoration:none;
	 padding-left:7px;
	 padding-right:7px;
	 padding-top:0px;
	 padding-bottom:0px;
}
.footerall{
	 display:inline;
	 float:left;
}
.footerall a{
	 font-size:10px;
	 font-family:verdana;
	 color:#999;
	 text-decoration:none;
	 padding-left:7px;
	 padding-right:7px;
	 padding-top:0px;
	 padding-bottom:0px;
	 border-left:1px solid #999;
}
A{
	color:#FF0000;
	font-family:verdana;
	font-size:11px;
}

ul#nav li ul {
	position: absolute;
	left: -999em;
	top:auto;
     	padding-top:1px;
        border-top:1px solid #999;
	background-color:#fff;
	/*border:1px solid red;*/
        /*margin-top:2.3em; */
        margin-top:3em; 
 }
ul#nav li ul li{
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 
	background-color: #000000;
	text-transform:none;
 }

DIV.advancesog{
	padding-left:10px;
	margin-top:40px;  
}

#nav li ul{/*border:1px solid #ccc; */
	border-bottom:none; 
	margin-left:-5px;
	/* for ie s */
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 
	background-color: #000000;
	text-transform:none;
}
#nav li ul a{
	display: block;
	text-decoration: none;
	font-family:verdana;
    	font-size:11px;
    	color: #ffffff;
	/*background: #000;*/  /* IE6 Bug */
	text-transform:none;
	white-space:nowrap;
}


#nav li ul a:hover{
	display: block;
	text-decoration: none;
	font-family:verdana;
        font-size:11px;
  	text-transform:none;
	white-space:nowrap;	
	background-color: #ffffff;
	/*for ie's */
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;  
}

} /*safari hack end here*/

table.topm{
	padding-bottom:5px;
}
#topm2{
	display:inline;
	float:left;
	border:1px solid red;
}
Ul.drop_it li{
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
Ul.drop_it li a{
 display:block;
 color:#fff;
 padding-left:10px;
 padding-right:10px;
 padding-top:4px;
 padding-bottom:4px;
 font-family:verdana;
 font-size:11px;
 text-decoration:none;
 	}

Ul.drop_it li a:hover{
 display:block;
 color:#999;
 padding-left:10px;
 padding-right:10px;
 padding-top:4px;
 padding-bottom:4px;
 font-family:verdana;
 font-size:11px;
 text-decoration:none;
 /* background-color:#fff; */
  background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

/***********************************************************************************/
/***** START - The following is used to style the plugin indexed_search ************/
/***********************************************************************************/

.tx-indexedsearch .tx-indexedsearch-searchbox {/*display: none;*/}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { /*display: none;*/ }
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header { height: 20px; /* background-color: #86A1B2; */}
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-icon { float: left; height: 18px; padding: 2px 0 0 3px;}
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-result-number { float: left; height: 18px; padding: 2px 0 0 0;}
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-title { float: left; height: 17px; padding: 3px 0 0 5; margin-left:-4px;}
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-title a { /*color: #FFFFFF;*/ font-size:14px; font-weight:bold; font-family:verdana; color:#2d2d2d; text-decoration:none; }
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-title a:hover{ /*color: #FFFFFF;*/ font-size:14px; font-weight:bold; font-family:verdana; color:#2d2d2d; text-decoration:underline; }
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css .tx-indexedsearch-header .tx-indexedsearch-percent { float: right; height: 17px; padding: 3px 3px 0 0; color: #FFFFFF;}
.tx-indexedsearch .tx-indexedsearch-res .res-tmpl-css p.tx-indexedsearch-descr { margin: 0 0 20px 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#FF0000; }

DIV.tx-indexedsearch-whatis{
   margin-top:80px;
   }
DIV.tx-indexedsearch-whatis P{
     font-family:verdana;
     font-size:11px;
   }
DIV.tx-indexedsearch-browsebox{
  margin-top:0px;
   }
DIV.advancesog{
   margin-left:-58px;
   margin-top:40px;
}
DIV.advancesog p{
  text-align:left;
  font-family:verdana;
  font-size:11px;
}
ul.browsebox{
 margin-bottom:10px; 
}

ul.browsebox li{
 display:inline;
 padding:5px;

}

/*ADVANCE SEARCH BOX*/
.tx-indexedsearch-searchbox{
  
}
DIV.tx-indexedsearch-form , DIV.tx-indexedsearch-search-for , DIV.tx-indexedsearch-search-select-section , DIV.tx-indexedsearch-search-select-order,
DIV.tx-indexedsearch-search-select-results, DIV.tx-indexedsearch-search-select-group, DIV.tx-indexedsearch-search-submit{
     margin:10px 10px 10px 0px;
}
.tx-indexedsearch-form label{
  margin-right:30px;
  font-family:verdana;
  font-size:11px;
}
.tx-indexedsearch-search-for label{
  margin-right:14px;
  font-family:verdana;
  font-size:11px;
}
.tx-indexedsearch-search-select-section label{
  margin-right:23px;
  font-family:verdana;
  font-size:11px;
}
.tx-indexedsearch-search-select-order label{
  margin-right:18px;
  font-family:verdana;
  font-size:11px;
 }
.tx-indexedsearch-search-select-results label{
 margin-right:25px;
 font-family:verdana;
 font-size:11px;
} 
.tx-indexedsearch-search-select-group label{
  margin-right:45px;
  font-family:verdana;
  font-size:11px;
}


/***********************************************************************************/
/***** STOP ************************************************************************/
/***********************************************************************************/


/*FCE one column*/
#underside-left-contents DIV.fce_for_cropted_contents p{
   padding-right:4px; 

}
.link{
  margin-top:10px;
  margin-bottom:10px;
  text-align:right;
  width:208px;
}
 .link a{
     text-align:right;
}
 .link a:hover{
     text-align:right;
}


/* 2 column flexible contents CSS start here */
.flexible_twocols_left{}
.flexible_twocols_right   {}
.flexible_twocols_right  p{ padding-left:3px;}
.flexible_twocols_right  DIV.csc-textpic-imagewrap .csc-textpic-image{
       /*border:1px solid #999;*/
	   padding:1px;
	   margin-bottom:10px;
	   _position:relative;
}
DIV.csc-textpic-text{padding-top:10px;}
TD.flexible_twocols_left ul, TD.flexible_twocols_right ul{
   font-size:11px;
   font-family:verdana;
   color:#686868;
}
TD.flexible_twocols_left ol, TD.flexible_twocols_right ol{
   font-size:11px;
   font-family:verdana;
   color:#686868;
 
}
/**FCE CSS ENDS HERE*/

/*add'l css just incase the editor used the 2col fce for banner 
   (posible un..bka shunga ung editor eh ) */

 #big-image .flexible_twocols img {
        width:0px;
        border:0px;
}



.footerall, .footerfirstitem{
display:inline;
}

div.footer_texts a{
background:none;
}

div.footer_texts li.footerall a{
	background: transparent url(../images/footerline.gif) 3px bottom no-repeat;
}
li.footerall a:hover{
	color: #8A1216;
}