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">Friday, January 2, 2009</div><br>   
<font color="ffffff"><div style="clear:both;"></div><span style="font-size:180%;">Hey, its 2009! We are officially 4/8!!! See u people soon!!!</span><br /><br />ps. remember to complete yr hw!<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">6:08 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>