Class 4.8 of 2009.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body style="background-image: url('http://i29.photobucket.com/albums/c282/bolong92/Background.jpg')">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Class 3.8 of 2008.</title>
 
<style type="text/css">
#navbar-iframe {visibility: hidden;}

body {
font-size: 8pt;
font-family: Trebuchet MS;
color: #ffffff;
text-align: center;
line-height: 11px;
}

a:link {font-family: Trebuchet MS;text-transform: normal; text-decoration: none; font-size: 8pt; color: #c87640;}
a:visited {font-family: Trebuchet MS; text-transform: normal; text-decoration: none; font-size: 8pt; color: #b06837; }
a:active {font-family: Trebuchet MS; text-transform: normal; text-decoration: none; font-size: 8pt; color: #c87640; }
a:hover {font-family: Trebuchet MS; text-transform: uppercase; text-decoration: none; font-size: 8pt; cursor: default; color: #eb9975;}

.effect_expand_text {
padding: 5px;
text-align: justify;
}

blockquote {
font: 8pt georgia;
color: #ffffff;
border-left: 2pt solid #6e5d2f;
letter-spacing: 0pt;
line-height: 7pt;
padding: 3px;
background: #4c473b;
}
                    
b {font-family: georgia; color: #c5cf5c;font-weight:bold;}
u {color: #a79980; border-bottom: 1px dashed #a79980;}
i,em {color: #ebcaaf;}

#text {position: absolute;text-align: justify;width: 198px;left: 92px;top: 100px;}

#test1-label {
background: #c07146;
font: normal 10pt Georgia;
color: #403c31;
cursor: pointer;
letter-spacing: 0pt;
padding: 3px;
text-align: center;
}

#test2-label {
background: #808c61;
font: normal 10pt Georgia;
color: #403c31;
cursor: pointer;
letter-spacing: 0pt;
padding: 3px;
text-align: center;
}

#test3-label {
background: #afb76e;
font: normal 10pt Georgia;
color: #403c31;
cursor: pointer;
letter-spacing: 0pt;
padding: 3px;
text-align: center;
}

#test4-label {
background: #d9cf94;
font: normal 10pt Georgia;
color: #403c31;
cursor: pointer;
letter-spacing: 0pt;
padding: 3px;
text-align: center;
}

#test5-label {
background:#ded4c6;
font: normal 10pt Georgia;
color: #403c31;
cursor: pointer;
letter-spacing: 0pt;
padding: 3px;
text-align: center;
}

#bar {
background: #5f5a4d;
font: normal 9pt Century Gothic;
color: #e5ddd2;
letter-spacing: 0pt;
text-align: center;
}

#test-label:hover, #test1-label:hover, #test2-label:hover, #test3-label:hover, #test4-label:hover, #test5-label:hover {
-moz-opacity: 0.80;
filter: alpha(opacity=80);
letter-spacing: 0pt;
}

.header {
font-family: georgia; 
letter-spacing: -1px;
background-color: #5b574b;
text-transform: uppercase;
font-weight: bold;
font-size: 11pt; 
line-height: 12pt;
color: #f1f4d5;
text-align: right;
}

.blogitemdatetime {
font-family: georgia; 
letter-spacing: -1px;
border-bottom: 0px dashed #ffffff;
text-transform: lowercase;
font-weight: normal;
font-size: 8pt; 
line-height: 9pt;
color: #e2edcc;
text-align: right;
}

</style>
                 
<script type="text/javascript">
function $(d){return document.getElementById(d);}
function dsp(d,v){if(v==undefined){return d.style.display;}else{d.style.display=v;}}
function sh(d,v){
// if you are getting the height then display must be block to return the absolute height
 if(v==undefined){
  if(dsp(d)!='none'&& dsp(d)!=''){
   return d.offsetHeight;
  }
  viz = d.style.visibility;
  d.style.visibility = 'hidden';
  o = dsp(d);
  dsp(d,'block');
  r = parseInt(d.offsetHeight);
  dsp(d,o);
  d.style.visibility = viz;
  return r;
 }else{
  d.style.height=v;
 }
}
/*
* Variable 'S' defines the speed of the accordian
* Variable 'T' defines the refresh rate of the accordian
*/
s=1;
t=1;

function cl(d){
 if(dsp(d)=='block'){
  clearInterval(d.t);
  d.t=setInterval('ct("'+d.id+'")',t);
 }
}

function ex(d){
 if(dsp(d)=='none'){
  dsp(d,'block');
  d.style.height='0px';
  clearInterval(d.t);
  d.t=setInterval('et("'+d.id+'")',t);
 }
}

// Removes Classname from the given div.
function cc(n,v){
 s=n.className.split(/\s+/);
 for(p=0;p<s.length;p++){
  if(s[p]==v+n.tc){
   s.splice(p,1);
   n.className=s.join(' ');
   break;
  }
 }
}
//Accordian Initializer
function Accordian(d,s,tc){
 l=$(d).getElementsByTagName('div');
 c=[];
 for(i=0;i<l.length;i++){
  h=l[i].id;
  if(h.substr(h.indexOf('-')+1,h.length)=='text'){c.push(h);}
 }
 sel=null;
 
 for(i=0;i<l.length;i++){
  h=l[i].id;
  if(h.substr(h.indexOf('-')+1,h.length)=='label'){
   d=$(h.substr(0,h.indexOf('-'))+'-text');
   d.style.display='none';
   d.style.overflow='hidden';
   d.maxh =sh(d);
   d.s=(s==undefined)? 7 : s;
   h=$(h);
   h.tc=tc;
   h.c=c;

h.onclick = function(){
    for(i=0;i<this.c.length;i++){
     cn=this.c[i];
     n=cn.substr(0,cn.indexOf('-'));
     if((n+'-label')==this.id){
      ex($(n+'-text'));
      n=$(n+'-label');
      cc(n,'__');
      n.className=n.className+' '+n.tc;
     }else{
      cl($(n+'-text'));
      cc($(n+'-label'),'');
     }
    }
   }
   if(h.className.match(/select/)!=undefined){ sel=h;}
  }
 }
 if(sel!=undefined){sel.onclick();}
}
</script>
</head>

<div id="text">
<div id="test1-label" class="effect_expand_links" >About</div><div id="test1-text"><div class="effect_expand_text">

<div id="bar">21 + 18 = 39</div>
<b>GIRLS:</b> alicia, annette, claire, cindy, denise, elza, guifang, olivia, joleen, chermaine, 
valerie, jiawen, liyana, nabilah, aqilah, ruixin, charlene, sandy, vanessa, yiting, michelle <p>

<b>BOYS:</b>naim, chongjun, jiajun, gavin, nivash, cheesiang, firdaus, iskandar, zafran, hamizzan, tingrui, robson, geraint, jason, lester, kevin

</div></div>

<div id="test2-label" class="effect_expand_links" >Others</div><div id="test2-text"><div class="effect_expand_text">
<div id="bar">CLASS COMMITTEE</div><div align="justify">

<b>Chairperson:</b> Firdaus<br>
<b>Vice-Chairperson:</b> Gavin<br>
<b>IT Rep:</b> Jiajun, Claire<br>
<b>Safety and Security Rep:</b> CheeSiang<br>
<b>Maths Rep:</b> Sze You<br>
<b>Literature Rep:</b> Nivash<br>
<b>Physics Rep:</b> Hamizzan<br>
<b>Biology Rep:</b> Nivash<br>
<p>

<div id="bar">TEACHERS</div>
<b>Hometutor/Maths:</b> Mr Jason Soo<br>
<b>English:</b> Mdm Kamisah<br>
<b>Chemistry:</b> Mrs Mimi Ang<br>
<b>Physics:</b> Mr Harms Collin<br>
<b>Biology:</b> Ms Nancy Ng<br>
<b>Literature:</b> Mrs Cellina Xie<br>
<b>Geography:</b> Mrs Sheri<br>
<b>History:</b> Ms Junainah<br>
<b>Chinese:</b> Ms Wu Qi, Mdm Phyllis Tan<br>
<b>Malay:</b>  <br>
<b>Tamil:</b> Mr Mani
</div></div></div>

<div id="test3-label" class="effect_expand_links" >Links & Credits</div>
<div id="test3-text">
<div class="effect_expand_text">
<div id="bar">AFFILIATES</div>

<a href="http://houses-memwomen.blogspot.com">aqilah</a> |
<a href="http://www.imprintedpassion.blogspot.com">annette</a> |
<a href="http://th-redacids.blogspot.com/">cindy</a> |
<a href="http://eclair-x.blogspot.com">claire</a> |
<a href="http://mistedpast.blogspot.com">denise</a> |
<a href="http://isolated-mints.blogspot.com/">elza</a> |
<a href="http://stupiddumbdumb-loved.blogspot.com/">gui fang</a> |
<a href="http://jiajialiangteh93.blogspot.com/">jia wen</a> |
<a href="http://ilovebangbus.blogspot.com/">ting rui</a> |
<a href="http://the-protagonistshow.blogspot.com">valerie</a> |
<a href="http://happy-n-optimistic.blogspot.com/">yi ting</a> |

<p><div id="bar">ACKNOWLEDGMENTS</div>
Designer: <a href="http://www.bolongy.blogspot.com">bo</a><a href="http://www.blogskins.com/me/bolong92">long</a><br>
Basecodes/Inspiration: <a href="http://www.blogskins.com/me/ooh-">ooh-</a>, <a href="http://z1ppy.deviantart.com/">z1ppy</a><br>
Editing: <a href="http://www.adobe.com">Adobe Photoshop CS2</a>
</div></div>

<div id="test4-label" class="effect_expand_links" >Archives</div>
<div id="test4-text">
<div class="effect_expand_text">
<div id="bar">ALREADY HISTORY</div>

<a href="http://sanjaya-three8.blogspot.com/2008/05/">May 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/06/">June 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/07/">July 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/08/">August 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/09/">September 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/10/">October 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2008/11/">November 2008</a> |

<a href="http://sanjaya-three8.blogspot.com/2009/01/">January 2009</a> |

</div></div>
<div id="test5-label">Close All</div>
<div id="test5-text">
</div></div>

<div class="header">Saturday, May 24, 2008</div><br>   
<font color="ffffff"><div style="clear:both;"></div><span style="font-size:180%;">PEOPLE, CLASS CHALET NOT CONFIRMED YET. SO IT MAY BE CANCELED. SORRY!!!</span> My mum refused to let me book the chalet cause i will be in Taiwan for 1 week. After i come back then i will try to book again. Right now, the dates 17 to 19 are available. So if there is any kind soul who would like to help to book, please do so cause I'm afraid that it might not be available after i come back. Sorry to disappoint some of you people. I will confirm again as soon as i return to Singapore.<br /><br />Alicia<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">11:07 PM</div>
<br><p>
</div></div>

<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www5.cbox.ws/box/?boxid=276373&boxtag=q9c55d&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www5.cbox.ws/box/?boxid=276373&boxtag=q9c55d&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>