<html><head>
<meta http-equiv=Content-Type content="text/html; charset=gb2312">
<style type=text/css>TD {FONT-SIZE: 9pt}
CAPTION {FONT-SIZE: 9pt}
BODY {FONT-SIZE: 9pt}
A {FONT-SIZE: 9pt; COLOR: darkblue; TEXT-DECORATION: none}
A:hover {COLOR: red; TEXT-DECORATION: underline}
A.a1 {FONT-SIZE: 9pt; COLOR: darkblue; TEXT-DECORATION: none}
A.a1:hover {COLOR: #0066fc; TEXT-DECORATION: underline}
A.white {COLOR: white; TEXT-DECORATION: none}
A.white:hover {FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: underline}
A.white2 {COLOR: black; TEXT-DECORATION: none}
A.white2:hover {COLOR: darkorange; TEXT-DECORATION: underline}
A.black {COLOR: darkblue; TEXT-DECORATION: none}
A.black:hover {COLOR: black; TEXT-DECORATION: underline}
A.white3 {COLOR: #996633; TEXT-DECORATION: none}
A.white3:hover {COLOR: red; TEXT-DECORATION: underline}
STRONG A {FONT-WEIGHT: bold}
STRONG A:hover {FONT-WEIGHT: bold; COLOR: orange}
.bar01 {BORDER-TOP: #ffcc33 1px solid; BACKGROUND: #ffcc33; BORDER-LEFT: #ffcc33 1px solid; CURSOR: hand; COLOR: #8b4513; BORDER-BOTTOM: white 1px solid; TEXT-ALIGN: center}
.bar02 {BORDER-TOP: steelblue 1px solid; BACKGROUND: none transparent scroll repeat 0% 0%; CURSOR: hand; COLOR: #f0ffff; BORDER-BOTTOM: white 1px solid; TEXT-ALIGN: center}
.bar2 {BORDER-TOP: steelblue 1px solid; BACKGROUND: #71a7c7; CURSOR: hand; COLOR: white; BORDER-BOTTOM: #eeeeee 1px solid; TEXT-ALIGN: center}
.list {BORDER-TOP: #e6f9e7 3px solid; BACKGROUND: #e6f9e7; WIDTH: 137px; BORDER-BOTTOM: #e6f9e7 2px solid; TEXT-ALIGN: center}
.panel {BORDER-RIGHT: white 0px solid; BORDER-TOP: #ffcc33 1px solid; BORDER-LEFT: white 0px solid; WIDTH: 137px; BORDER-BOTTOM: #a5dbf8 0px solid}
</style>
<script language=javascript>
var group=-1;
var TimerID;
var Index=0;
var mesc=2;
var barobj;
function display(groupid,el)
{group=groupid;
Index=divlist.length-1;
if(el.className=="bar2")
group=-1;
TimerID=window.setTimeout("expand()",1);
if(group==-1)
{if(el.className=="bar")
el.className="bar2"
else
el.className=el.getAttribute("barname","bar");
}
else
{if(typeof(barobj)!="undefined")
{barobj.className=barobj.getAttribute("barname","bar01");}
el.className="bar2";
}
barobj=el;
}
function expand()
{var a=""
var el;
if(Index>=0)
{el=divlist[Index];
a=el.getAttribute("groupid",false)
if(a!=group)
{if(el.style.display!="none")
{el.style.display="none";
Index--;
TimerID=window.setTimeout("expand()",mesc);
}
else
{Index--;
expand();
}
}
else
{if(el.style.display!="none")
{Index--;
expand();
}
else
{el.style.display="";
Index--;
TimerID=window.setTimeout("expand()",mesc);
}
}
}
else
window.clearTimeout(TimerID);
}
</script>
</head>
<table bordercolor=#ffffff cellspacing=0 cellpadding=0 width=157
bgcolor=#ffcc33 border=0>
<tbody>
<tr bgcolor=#ffcc99>
<td bordercolor=#ffffff width=10 bgcolor=#ffcc33 rowspan=14>
</td>
<td valign=top bordercolor=#ffcc33 width=147 bgcolor=#ffcc33>
<div class=panel onselectstart="return false"
style="OVERFLOW: hidden">
<div language=javascript class=bar01 onClick=display(0,this)
barname="bar01">世纪体院</div>
<div class=list id=divlist style="DISPLAY: none" group>早期名师</div>
<div class=list id=divlist style="DISPLAY: none" group>
<div class=list id=divlist style="DISPLAY: none" group>教学案例</div>
<div class=list id=divlist style="DISPLAY: none" group>电脑组装</a></div>
</div></td></tr></tbody></table>