Index: oceandb/jQuery_Prototype/index.css
===================================================================
--- oceandb/jQuery_Prototype/index.css	(revision 55)
+++ oceandb/jQuery_Prototype/index.css	(revision 55)
@@ -0,0 +1,16 @@
+body, html  { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; }
+
+/* header */
+#header	      { position: absolute; color: #bbb; border-bottom: 1px solid; width: 100%; margin-bottom: 2px; background-color: black; padding: 5px; }
+#header a     { color: white; }
+#main-menu    { float: left;  margin-left:  15px; }
+#title	      { float: right; margin-right: 15px; font-size: 18px; }
+
+/* main */
+
+/* footer */
+#footer	    { position: absolute; color: #bbb; border-top: 1px solid; bottom: 5px; width: 100%; background-color: black; padding: 5px; }
+#footer	a   { color: white; }
+#copyright  { float: left;  margin-left:   15px; }
+#logos	    { float: right; margin-right:  15px; }
+#logos img  { border: none; height: 31px; }
Index: oceandb/jQuery_Prototype/index.html
===================================================================
--- oceandb/jQuery_Prototype/index.html	(revision 55)
+++ oceandb/jQuery_Prototype/index.html	(revision 55)
@@ -0,0 +1,27 @@
+<!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">
+  <head>
+    <title>台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</title>
+    <link rel="stylesheet" type="text/css" href="index.css" media="all">
+  </head>
+  <body>
+    <div id="header">
+      <div id="main-menu">
+	<a href="http://oceandb.info" accesskey="0">HOME</a>
+	<a href="#">MENU</a>
+	<a href="#">NEWS</a>
+	<a href="#">ABOUT</a>
+      </div>
+      <div id="title"><a href="http://oceandb.info">台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</a></div>
+    </div>
+    <div id="main"><div id="map-menu"></div><div id="map"></div></div>
+    <div id="footer">
+      <div id="copyright">Copyright 2008 <a href="http://www.tori.narl.org.tw/" target="_top">TORI</a> & <a href="http://www.nchc.org.tw/" target="_top">NCHC</a>, <a href="http://www.narl.org.tw/" target="_top">NARL</a>, Taiwan</div>
+      <div id="logos">
+	<a href="http://www.tori.narl.org.tw/" target="_top"><img src="image/tori_logo.png"></a>
+	<a href="http://www.nchc.org.tw/" target="_top"><img src="image/nchc_logo.jpg"></a>
+      </div>
+    </div>
+  </body>
+</html>
