/* This for outermost boorder background near scrollbar of the screen */
body
{
  margin:  0 auto;
  padding: 0;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: #0F0F0F ;  /*#0F0F0F  #F8FAFC  #F8FAFC */
  color: #000000;
}
/* End of outermost boorder background near scrollbar of the screen */


/* This for the position of the whole layout, if you get rid of this the layout will move at the middle top */
.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
/* End of This for the position of the whole layout, if you get rid of this the layout will move at the middle top */


/* This is for the Background outside, the gradient background */
.PageBackgroundGradient
{
  background-image: url('images/Page-BgGradient.png');
  background-repeat: repeat-x;
  height: 590px;
}
/* End This is for the Background outside, the gradient background */



/* This is for the STYLE Sheet ung sa gitna na layout */
.Sheet 
{
  min-width:0px;
  min-height:0px;
  margin: 0 auto;
  top: -26px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 1000px;  
}

/* End This is for the STYLE Sheet ung sa gitna na layout */


/* eto ay para sa white border ung nsa outer layer   */
.Sheet-body 
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 0px;
  text-align: left;
  top: -8px;
  }
/* end of eto ay para sa white border ung nsa outer layer   */


/* This if for Round Outer Border specifically the left-top part*/
.Sheet-tl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-image: url('images/Sheet-s.png');
}
/* End of This if for Round Outer Border specifically the left-top part*/


/* This if for Round Outer Border specifically the left-top part FOR IExplorer*/
* html .Sheet-tl 
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}
/* End of This if for Round Outer Border specifically the left-top part FOR IExplorer*/



/* This if for Round Outer Border specifically the right-top part*/
.Sheet-tr 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 11px;
  height: 11px;
}
/* End of This if for Round Outer Border specifically the right-top part*/


/* This if for Round Outer Border specifically the right-top part FOR IExplorer*/
* html .Sheet-tr 
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-11+'px');
}
.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -11px;
  width: 22px;
  height: 22px;
  background-image: url('images/Sheet-s.png');
}
/* End This if for Round Outer Border specifically the right-top part FOR IExplorer*/


/* This if for Round Outer Border specifically the right-top part FOR IExplorer to make the border rond*/
* html .Sheet-tr div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-bl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 11px;
  height: 11px;
}

* html .Sheet-bl 
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-11+'px');
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-bl div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-br 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 11px;
  height: 11px;
}

* html .Sheet-br
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-11+'px');
  left: expression(this.parentNode.offsetWidth-11+'px');
}

.Sheet-br div 
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: -11px;
  width: 22px;
  height: 22px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-br div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 11px;
  right: 11px;
  height: 11px;
}

* html .Sheet-tc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-22+'px');
}


.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  background-image: url('images/Sheet-h.png');
}

* html .Sheet-tc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}


.Sheet-bc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 11px;
  right: 11px;
  height: 11px;
}

* html .Sheet-bc
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-11+'px');
  width: expression(this.parentNode.offsetWidth-22+'px');
}

.Sheet-bc div 
{
  position: absolute;
  z-index: -1;
  top: -11px;
  left: 0;
  width: 100%;
  height: 22px;
  background-image: url('images/Sheet-h.png');
}

* html .Sheet-bc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}


.Sheet-cl 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 11px;
  left: 0;
  width: 11px;
  bottom: 11px;
}

* html .Sheet-cl
{
  font-size: 1px;
  height: expression(this.parentNode.offsetHeight-22+'px');
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 22px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

* html .Sheet-cl div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}

.Sheet-cr 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 11px;
  right: 0;
  width: 11px;
  bottom: 11px;
}

* html .Sheet-cr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-11+'px');
  height: expression(this.parentNode.offsetHeight-22+'px');
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -11px;
  width: 22px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

* html .Sheet-cr div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}


* html .Sheet-cc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-22+'px');
  height: expression(this.parentNode.offsetHeight-22+'px');

}
.Sheet
{
  margin-top: 30px !important;
  margin-bottom: 3em;
  padding: 0 0 1em 0;
}
/* end Box, Sheet */

/* begin Header */
div.Header 
{
  margin: 0 auto;
  position: relative;
  overflow: true;

}

* html div.Header 
{
  font-size: 1px;
}

div.Header  div
{
  width: 100%;
  height: 100%;
  background-image: url('images/bg-2.jpg');
  background-repeat: inherit;
  background-position: center;
  text-align: left;
}
/* end Header */

.logo-name
{
  font-size: 26px;
  font-family: Tahoma;
  font-style: normal;
  font-weight: bold;
}

.logo-name a
{
  text-decoration: none;
  color: #09222F !important;
}

.logo-text
{
  font-size: 18px;
  font-family: Tahoma;
  font-style: normal;
  font-weight: normal;
  color: #020609 !important;
}
/* end Logo */





/* Eto ay para sa navigation bar n itim sa taas*/

.nav
{
  position: relative;
  margin: 0  auto;
  width: 888px;
  height: 33px;
  z-index: 100;
}

.nav .l, .nav .r, .nav .r div 
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 33px;
}

.nav .l 
{
  left: 0;
  right: 5px;
}

* html .nav .l
{
  width: expression(this.parentNode.offsetWidth-5+'px');
}

.nav .r 
{
  right: 0;
  width: 5px;
}
/* 000000000000000000000000000000000000000000000000000000000000000000000000*/


/* Eto ay para sa navigation bar n itim sa taas*/
.nav .l, .nav .r div 
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}
/* 000000000000000000000000000000000000000000000000000000000000000000000000000 */

/* begin Box, Block */
.Block 
{
  min-width:7px;
  min-height:7px;
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

/* This is for the content zooming and gumgana lng sa IE browser*/
* html .Block 
{
  width:expression(this.offsetWidth < 7 ? 7+"px" : "auto !important");
  height:expression(this.offsetHeight < 7 ? 7+"px" : "auto !important");
  
  zoom: 1;
}
/* 000000000000000000000000000000000000000000000000000000000*/


/* This is for the content margin inside the border*/
.Block-body 
{
  position: relative;
  overflow: true;
  z-index: 110;
  margin: 5px;
  text-align: left;
}
/* 000000000000000000000000000000000000000000000000000000000*/


.Block-tl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background-image: url('images/Block-s.png');
}
/* 000000000000000000000000000000000000000000000000000000000*/


/* Eto ay para sa boder n white sa TOP LEFT ---curve line*/
* html .Block-tl 
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-s.png',sizingMethod='crop')");
}

.Block-tr 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

* html .Block-tr 
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-7+'px');
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}
/* 0000000000000000000000000000000000000000000000000 */


/* Eto ay para sa boder n white sa BABA LEFT*/
* html .Block-tr div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-s.png',sizingMethod='crop')");
}

.Block-bl 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
}

* html .Block-bl 
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-7+'px');
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}
/* 00000000000000000000000000000000000000000000000000000 */


/* Eto ay para sa boder n white sa BABA right*/
* html .Block-bl div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-s.png',sizingMethod='crop')");
}

.Block-br 
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

* html .Block-br
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-7+'px');
  left: expression(this.parentNode.offsetWidth-7+'px');
}

.Block-br div 
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('images/Block-s.png');
}
/*0000000000000000000000000000000000000000000000000*/

/* Eto ay para sa boder n white sa TAAS*/
* html .Block-br div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-s.png',sizingMethod='crop')");
}

.Block-tc 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

* html .Block-tc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-14+'px');
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background-image: url('images/Block-h.png');
}

* html .Block-tc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-h.png',sizingMethod='scale')");
}
/*0000000000000000000000000000000000000000000000000*/




/* Eto ay para sa boder n white sa Kaliwa*/
* html .Block-bc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-h.png',sizingMethod='scale')");
}


.Block-cl 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  left: 0;
  width: 7px;
  bottom: 7px;
}

* html .Block-cl
{
  font-size: 1px;
  height: expression(this.parentNode.offsetHeight-14+'px');
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 14px;
  height: 100%;
  background-image: url('images/Block-v.png');
}
/* 000000000000000000000000000000000000000000000*/

/* Eto ay para sa boder n white sa kanan*/
* html .Block-cl div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-v.png',sizingMethod='scale')");
}

.Block-cr 
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  right: 0;
  width: 7px;
  bottom: 7px;
}

* html .Block-cr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-7+'px');
  height: expression(this.parentNode.offsetHeight-14+'px');
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -7px;
  width: 14px;
  height: 100%;
  background-image: url('images/Block-v.png');
}
/* 0000000000000000000000000000000000000000000000000000000000000 */


/* Eto ay para SA inside border sa content */
* html .Block-cr div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Block-v.png',sizingMethod='scale')");
}

.Block-cc 
{
  position: absolute;
  overflow: hidden;
  z-index: -2;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  background-color: #CCCCCC;
}
/* 0000000000000000000000000000000000000000000000000000000000000 */


/* Eto ay para  may space from the border, so e2 ung sa loob n border*/
.Block
{
  margin: 5px;
}

.Block table.table
{
  border-collapse: collapse;
  margin: 1px;
}
/* 0000000000000000000000000000000000000000000000000000000000000*/



/* this is for the text of developer */

#footer
{
	text-align: center;
}

