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">Wednesday, October 22, 2008</div><br>   
<font color="ffffff"><div style="clear:both;"></div>All right you screwheads, listen up. IF YOU WANT A CLASS CHALET THEN CAN YOU PLEASE COOPERATE, IF NOT WE WON'T HAVE ONE AND YOU ALL WILL GO BLAME ALICIA AGAIN. SO STOP PESTERING HER AND START SHUTTING YOUR MOUTHS UP WHEN SHE TALKS.<br /><br />Gay Clown<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">8:29 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>