<html>

<head>
<title>Switch Menu</title>

<style type="text/css">

	.menuOut {
		cursor: pointer; 
		margin: 7px; 
		background-color:#0099cc; 
		color:white; 
		width:140px; 
		border:1px solid silver; 
		padding:2px; 
		text-align:center; 
		font-weight:bold;
	}

	.menuOver {
		cursor:pointer; 
		margin:7px; 
		background-color:#000000; 
		color:#0099cc; 
		width:140px; 
		border:1px solid #0099cc; 
		padding:2px; 
		text-align:center; 
		font-weight:bold;
	}

	.submenu {
		width:170px; 
		font-family:Verdana; 
		font-size:14px; 
		padding-left:25px;
	}

	.submenu a {
		color:#336699; 
		text-decoration:none; 
		font-weight:bold;
	}

	.submenu a:hover {
		color:#ff0000; text-decccoration:none; 
		font-style:oblique; 
		font-weight:bold;
	}
</style>

<script type="text/javascript">
/* Script made by Martial Boissonneault © 2001-2003 http://getElementById.com/
This script may be used and changed freely as long as this msg is intact
Visit http://getElementById.com/ for more free scripts and tutorials.
*/
	function SwitchMenu(obj){

		if(document.getElementById){

		var el = document.getElementById(obj);
		var ar = document.getElementById("cont").getElementsByTagName("DIV");

		if(el.style.display == "none"){
			for (var i=0; i<ar.length; i++){
				ar[i].style.display = "none";
			}
				el.style.display = "block";
			}else{
				el.style.display = "none";
			}
		}
	}

	function ChangeClass(menu, newClass) 
	{ 
		if (document.getElementById) { document.getElementById(menu).className = newClass;
		} 
	} 

	document.onselectstart = new Function("return false");

</script>

<Base target="content">

</head>


<body bgcolor="#B1E1E7">

<div id="cont">
<!--
	<p id="menu1" class="menuOut" onclick="SwitchMenu('sub1')" onmouseover="SwitchMenu('sub1')" onmouseout="ChangeClass('menu1','menuOut')">緊急通知</p>
	<div class="submenu" id="sub1" style="display: none;">
	&#8226; <a href="cancelnotice.htm" title="緊急通知" target="content">緊急通知</a><br>
	</div>
-->
	<p id="menu2" class="menuOut" onclick="SwitchMenu('sub2')" onmouseover="SwitchMenu('sub2')" onmouseout="ChangeClass('menu2','menuOut')">教會信息</p>
	<div class="submenu" id="sub2" style="display: none;">
	&#8226; <a href="files/history.htm" title="教會簡史" target="content">教會簡史</a><br>
	&#8226; <a href="files/pastor.htm" title="牧師致詞">牧師致詞</a><br>
	&#8226; <a href="files/twentyfive.htm" title="25周年紀念">25周年紀念</a><br>
	</div>
	
	<p id="menu5" class="menuOut" onclick="SwitchMenu('sub5')" onmouseover="SwitchMenu('sub5')" onmouseout="ChangeClass('menu5','menuOut')">活動安排</p>
	<div class="submenu" id="sub5" style="display: none;">
	&#8226; <a href="http://spreadsheets.google.com/pub?key=tJpp5-nbGDcRfliBtB9vjww&output=html" title="年度教會活動">年度活動</a><br>
	&#8226; <a href="files/routineactivity.htm" title="教會定期活動">定期活動</a><br>
	</div>

	<p id="menu6" class="menuOut" onclick="SwitchMenu('sub6')" onmouseover="SwitchMenu('sub6')" onmouseout="ChangeClass('menu6','menuOut')">主日崇拜</p>
	<div class="submenu" id="sub6" style="display: none;">
	&#8226; <a href="http://docs.google.com/Doc?docid=0AXYz1YX4qYsvZHhqejVzbl8wY2pqZmhtZzI&hl=en" title="崇拜程序">崇拜程序</a><br>
	&#8226; <a href="files/sermonrequest.htm" title="信息需求">信息需求</a><br>
	&#8226; <a href="files/attention.htm" title="注意事项">注意事项</a><br>
	</div>
		
	<p id="menu4" class="menuOut" onclick="SwitchMenu('sub4')" onmouseover="SwitchMenu('sub4')" onmouseout="ChangeClass('menu4','menuOut')">e 辦公室</p>
	<div class="submenu" id="sub4" style="display: none;">
	&#8226; <a href="http://spreadsheets.google.com/ccc?key=0AnYz1YX4qYsvdFBCV2NCTnZkRU1aYkZlSXlVMlpQblE&hl=en" target="_blank" title="本季侍奉表">本季侍奉表</a><br>
	&#8226; <a href="http://spreadsheets.google.com/ccc?key=0AnYz1YX4qYsvdGlrcWt1WGtqeUh2eGU4OE92N3NpLVE&hl=en" target="_blank" title="本季清潔表">本季清潔表</a><br>
	&#8226; <a href="files/deaconmeeting.htm" title="執事會會議">執事會會議</a><br>
	&#8226; <a href="http://groups.yahoo.com/group/grcccdb/" title="本季清潔表" target="_blank">執事會網站</a><br>
	&#8226; <a href="http://groups.yahoo.com/group/grcccmwt/" title="本季清潔表" target="_blank">敬拜團網站</a><br>
	</div>

	<p id="menu3" class="menuOut" onclick="SwitchMenu('sub3')" onmouseover="SwitchMenu('sub3')" onmouseout="ChangeClass('menu3','menuOut')">重要文件</p>
	<div class="submenu" id="sub3" style="display: none;">
	&#8226; <a href="files/constitution.htm" title="教會章程">教會章程</a><br>
	&#8226; <a href="http://docs.google.com/Doc?docid=0AXYz1YX4qYsvZHhqejVzbl8xaGszdGsyZ2Y&hl=en" title="會員申請表">會員申請表</a>
	</div>

	<p id="menu8" class="menuOut" onclick="SwitchMenu('sub8')" onmouseover="SwitchMenu('sub8')" onmouseout="ChangeClass('menu8','menuOut')">有益連接</p>
	<div class="submenu" id="sub8" style="display: none;">
	&#8226; <a href="http://cb.fhl.net/" title="網路資源">網上圣經</a><br>
	&#8226; <a href="http://www.chinese-goodnews.org/v2_webpage_ch/r_today.asp" title="網路資源" target="_blank">網上靈修</a><br>
	&#8226; <a href="http://www.dbsbible.org/ct50/index.html" title="e图书馆" target="_blank">e 图书馆</a><br>
	&#8226; <a href="http://bbnbi.org" title="網路資源" target="_blank">圣經學院</a><br>
	&#8226; <a href="http://biblos.com/" title="英语資源" target="_blank">英语資源</a><br>
	</div>
	
	<p id="menu7" class="menuOut" onclick="SwitchMenu('sub7')" onmouseover="SwitchMenu('sub7')" onmouseout="ChangeClass('menu7','menuOut')">致慕道友</p>
	<div class="submenu" id="sub7" style="display: none;">
	&#8226; <a href="files/friends.htm" title="致慕道友">致慕道友</a><br>
	</div>

	<p id="menu9" class="menuOut" onclick="SwitchMenu('sub9')" onmouseover="SwitchMenu('sub9')" onmouseout="ChangeClass('menu9','menuOut')">聯系我們</p>
	<div class="submenu" id="sub9" style="display: none;">
	&#8226; <a href="files/prayer.htm" title="代禱事項">代禱事項</a><br>
	&#8226; <a href="http://spreadsheets.google.com/pub?key=toe-G6zUBbQntcMRfyLgY9w&output=html" title="聯系我們">聯系我們</a><br>
	&#8226; <a href="files/Map.htm" title="教會地圖">教會地圖</a>
	</div>

<HR height="1px" color="white">

<!-- convinient tools -->
	<p id="menu11" class="menuOut" onclick="SwitchMenu('sub11')" onmouseover="SwitchMenu('sub11')" onmouseout="ChangeClass('menu11','menuOut')">搜索引擎</p>
	<div class="submenu" id="sub11" style="display: none;">
	&#8226; <a href="http://www.google.com" title="Google" target="_blank">Google</a><br>
	&#8226; <a href="http://www.yahoo.com" title="Yahoo" target="_blank">Yahoo</a><br>
	&#8226; <a href="http://www.baidu.com" title="百度" target="_blank">百度</a><br>
	</div>

	<p id="menu12" class="menuOut" onclick="SwitchMenu('sub12')" onmouseover="SwitchMenu('sub12')" onmouseout="ChangeClass('menu12','menuOut')">電子信箱</p>
	<div class="submenu" id="sub12" style="display: none;">
	&#8226; <a href="http://www.hotmail.com" title="Hotmail" target="_blank">Hotmail</a><br>
	&#8226; <a href="http://www.gmail.com" title="Gmail" target="_blank">Gmail</a><br>
	&#8226; <a href="http://www.yahoo.com" title="Yahoo" target="_blank">Yahoo</a><br>
	</div>

</div>

</div>

</body>

</html>