
A:LINK, A:VISITED {color : #FF6633; text-decoration : none; }
A:HOVER {background-color : #FFFF00; color : #000000; text-decoration : none;}

* { zoom: 1; /* IE peekaboo fix */ }
html, body { height:100%; margin: 0; padding: 0; text-align: center; } 

BODY { height: 100%; margin-bottom: 20px; margin-top: 10px; text-align: center; min-width: 775px; background-image: url(images/background.gif); scrollbar-face-color: #D9C9B9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

BODY.iframe { height: 100%; background-image: url(images/bg_info.gif); scrollbar-face-color: #D9C9B9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

BODY.iframe_long { height: 100%; background-image: url(images/bg_info_long.gif); scrollbar-face-color: #D9C9B9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

BODY.form { height: 100%; background-image: url(images/bg_form.gif); scrollbar-face-color: #D9C9B9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

#chart,TD {border-collapse: collapse; color : #494949; font: 10px; font-family: arial;}
INPUT {color: #006600; font: 14px; background-color: #FFFFFF; border-bottom: solid rgb(146,146,146) 1px; border-left: solid rgb(146,146,146) 1px; border-right: solid rgb(146,146,146) 1px; border-top: solid rgb(146,146,146) 1px; text-align: left;}

.minitext {
  font: normal 7pt Arial, sans-serif;
  color: Black;
}

.disable {
  background-color: #CF110C;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}



#wrapper {
display:table; /* must put this in for FireFox. */
width:775px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
height:500px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
background-image:url(images/background_page.gif);
}

#top_line {
width:775px;
height:2px;
position:relative;
background-color: #074E08;
margin:0px;
	}

#menu {
width:775px;
height: 148px;
padding:0px;
position:relative;
clear: both;
text-align: center;
margin:0px;
	}

#main {
width:775px;
text-align: center;
padding: 5px 0px 0px 0px;
background-image:url(images/bg_frame.gif);
	}

#links {
position: relative;
clear: both;
width:775px;
height:24px;
text-align: center;
font-family: Arial; font-size: 8pt; color: #C5C5C5;
padding: 5px 0px 0px 0px;
background-color: #074E08;
	}


#address {
position: relative;
clear: both;
width:775px;
height:51px;
padding:0px;
text-align: center;
background-image:url(images/bg_address.jpg);
	}

#pasig { width:775px; padding: 6px 0px 4px 0px;; position:relative; text-align: right; margin:0px; } 
 
h1 {font-size: 12pt; font-family:Arial; color: #000000; padding: 0px 0px 2px 0px; margin: 0;}
h2 {font-size: 9pt; font-family:Arial; color: #622000; padding: 10px 0px 10px 0px;}
h3 {font-size: 9pt; font-family:Arial; color: #4B4B4B; padding: 2px 0px 2px 0px;} 
 
/*
ul {
	width: 800px;		
	height: 24px;
	margin: 0;	padding: 0;	
	display: inline;
}
ul li {
	display: inline;
	margin: 0; padding: 0;
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;	
	color: #393939;
	border: none;
} 
*/ 


ul {list-style-type: none; list-style-position: outside; margin-left: -10px;}

ul li {margin:0;  padding:0px 0px 7px 11px;}

OL.withloweralpha { list-style-type: lower-alpha;  }

p { padding: 0 0 6px 0; margin: 0; }


.accom_type {font-size: 14px; font-weight: bold; color: #FFFFFF;}
.accom_name {font-size: 12px; font-style: italic; color: #19610B;}

.vt_title {font: 14px; color: #FFFFCC; font-family: Arial; text-align: left; }	
.vt_text {font: 12px; color: #000000; font-family: Arial; text-align: left;}	

.frame {background: none; width: 760px; height: 428px; font-family: Arial; font-size: 8pt; color: #494949;}

.main_text {font-size: 8pt; font-family:Arial; color: #4A4A4A; line-height: 140%;}
.large_text {font-size: 10pt; font-family:Arial; color: #4A4A4A; line-height: 140%;}

.link {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 5px 0px 10px 10px; border-bottom: solid 1px #BCBCBC; line-height: 140%;}
.topic_header3 {font-size: 10pt; font-family:Arial; color: #3E3E3E; padding: 4px 0px 2px 0px; line-height: 140%;}
.header2 { font-size: 11pt; font-family: Arial; color: #393939; padding: 5px 4px 0px 0px; line-height: 140%;}

.pic_name {font-size: 9pt; font-family: Arial; color: #2E2E2E; text-align: right; padding: 0px 10px 0px 0px;}
.pic_credit {font-size: 8pt; font-family: Arial; color: #FFFFFF; text-align: right; padding: 0px 10px 20px 0px;}

.pic_credit2 {font-size: 7pt; font-family: Arial; color: #616161; padding: 5px 0px 0px 0px;}

.title {color: #000000; font-size: 10pt; font-family:Arial; font-weight: bold; padding: 20px 6px 15px 0px;}

.links {background: none; width: 760px; height: 18px;}

.address {font-size: 7pt; font-family:Arial; color: #FFFFFF; }

.pasig {font-size: 7pt; font-family:Arial; color: #727272; text-align: right;}
.pasig_l {font-size: 8pt; font-family:Arial; color: #727272; text-align: left;}
.pasig_c {font-size: 10pt; font-family:Arial; color: #727272; text-align: center; margin: 0 auto;} 


.events-index {font-size: 9pt; font-family:Arial; color: #000000; padding: 0px 10px 10px 15px; margin-top: 30px;}
.events-index-in {padding: 0px 0px 2px 0px; font-size: 9pt; font-family:Arial; color: #3E3E3E;}
.events-index-title {font-size: 12pt; font-family:Arial; color: #000000; padding: 0px 0px 2px 0px; margin-top: 6px; margin-left: 10px;}
 
.active-news {font-size: 8pt; font-family:Arial; color: #4A4A4A; padding: 0px 0px 2px 0px; margin-top: 6px; border-bottom: solid 1px #BCBCBC; line-height: 140%;}
.active-news-title {font-size: 10pt; font-family:Arial; color: #622000; padding: 0px 0px 2px 0px;}
.float-right {float: right; font-size: 8pt; font-family:Arial; color: #000000;}
.posted-on {font-size: 8pt; font-family:Arial; color: #818181;}

function openCenteredWindow(Url,windowW,windowH){
var windowX = (screen.width/2)-(windowW/2);
var windowY = (screen.height/2)-(windowH/2);
WFeatures = "width="+windowW+",height="+windowH;
Nw = window.open(Url,"Centered", WFeatures) 
Nw.moveTo(windowX, windowY)
}

function VersionNavigateur(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||      
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}




