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">Sunday, June 8, 2008</div><br>   
<font color="ffffff"><div style="clear:both;"></div><span style="font-weight: bold;">CLASS CHALET CANCELED!</span> Sorry people! The dates which the class had agreed on has been fully booked. Remember, there is physics lesson in the 13th. Sadly, there will no free show on that day cause a certain someone will be away for holiday.<br /><br />Alicia<div style="clear:both; padding-bottom:0.25em"></div></font><br>
<div class="blogitemdatetime">1:38 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>