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">Tuesday, May 27, 2008</div><br>   
<font color="ffffff"><div style="clear:both;"></div>Hey people joleen and alicia here. We are in taiwan!<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">11:08 AM</div>
<br><p>
<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 class="header">Friday, May 23, 2008</div><br>   
<font color="ffffff"><div style="clear:both;"></div>Thanks to Claire for doing the class blog. Today was the last day of school and there was the crap use your hand campaign but it was fun spraying water at SOME people.<br /><br />BBQ is from the <span style="font-weight: bold;">17 June</span> (Tuesday) to <span style="font-weight: bold;">19 June</span> (Thursday). Everyone needs to bring $9 on that day. And boys, you all can bring your ps3, psp etc...Oh ya I just remembered, I need to know who are the people who are staying over.(IMPORTANT!!!)<br /><br />Remember to do your holiday assignments and HAVE FUN PEOPLE!!!<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">7:07 PM</div>
<br><p><br>   
<font color="ffffff"><div style="clear:both;"></div>I understand that this skin is plain and all but it'll have to do until we attain more resources to dabble with.<br /><br />Anyhow, may I suggest a change of url? Feel free to share your opinions and thoughts and suggestions too thank you very much.<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">1:05 AM</div>
<br><p><br>   
<font color="ffffff"><div style="clear:both;"></div>A layout's up. Booya.<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">12:34 AM</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>