diff --git a/common.inc.php b/common.inc.php
index 508eee86..100d5234 100644
--- a/common.inc.php
+++ b/common.inc.php
@@ -1,23 +1,99 @@
 <?
 require("config.inc.php");
+mysql_connect($DBHOST,$DBUSER,$DBPASS);
+mysql_select_db($DBNAME);
+
+
+function i18n($str)
+{
+	if(!$str)
+		return "";
+
+	if($_SESSION['lang'])
+	{
+		if($_SESSION['lang']=="en")
+			return $str;
+		else
+		{
+			$q=mysql_query("SELECT * FROM languages WHERE lang='".$_SESSION['lang']."' AND str='".mysql_escape_string($str)."'");
+			if($r=@mysql_fetch_object($q))
+			{
+				if($r->val)
+					return $r->val;
+				else
+				{
+					return "<font color=red>($str)</font>";
+				}
+					
+			}
+			else
+			{
+				mysql_query("INSERT INTO languages (lang,str) VALUES ('".$_SESSION['lang']."','".mysql_escape_string($str)."')");
+				echo mysql_error();
+				return "<font color=red>($str)</font>";
+			}
+		}
+	}
+	else
+	{
+		//no language set, assume english
+		return $str;
+	}
+}
+
 
 function send_header($title="")
 {
+	global $FAIRYEAR;
+	$q=mysql_query("SELECT * FROM config WHERE year='$FAIRYEAR'");
+	while($r=mysql_fetch_object($q))
+	{
+		$config[$r->var]=$r->val;
+	}
+
 ?>
 <!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" xml:lang="en" lang="en">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
 <head><title><?=$title?></title>
+<link rel="stylesheet" href="sfiab.css" type="text/css" />
 </head>
 <body>
-<h1>Science Fair In A Box</h1>
-<hr />
 
+<div id="header">
+<?
+echo "<h1>".i18n($config['fairname'])."</h1>";
+?>
+<hr />
+</div>
+
+<div id="left">
+<ul class="mainnav">
+<li><a href="register_participants.php">Participant Registration</a></li>
+<li><a href="register_judges.php">Judges Registration</a></li>
+</ul>
+<br />
+<ul class="mainnav">
+<li><a href="admin/">Fair Administration</a></li>
+<li><a href="config/">SFIAB Configuration</a></li>
+</ul>
+<br />
+<p class="aligncenter">
+<a href="http://www.sfiab.ca/">Return to SFIAB Development Page</a>
+</p>
+</div>
+
+
+<div id="main">
 <?
 }
 
 function send_footer()
 {
 ?>
+</div>
+<div id="footer">
+</div>
+
 </body>
 </html>
 
diff --git a/config.inc.php b/config.inc.php
index 7ef8b8d5..0cd6843a 100644
--- a/config.inc.php
+++ b/config.inc.php
@@ -1,5 +1,9 @@
 <?
-$SFIABDIRECTORY="sfiab/";
-
+$SFIABDIRECTORY=	"sfiab/";
+$FAIRYEAR=		2005;
+$DBHOST=		"localhost";
+$DBNAME=		"sfiab";
+$DBUSER=		"sfiab";
+$DBPASS=		"sfiab";
 
 ?>
diff --git a/sfiab.css b/sfiab.css
new file mode 100644
index 00000000..e89e7995
--- /dev/null
+++ b/sfiab.css
@@ -0,0 +1,87 @@
+body
+{
+	font-family: Verdana, Arial;
+	margin: 0;
+	padding: 0;
+	background: #E0E0FF;
+}
+
+#header {
+	height: 50px;
+	text-align: center;
+	background: #E0E0FF;
+	padding: 10px;
+}
+
+#footer {
+	text-align: center;
+	background-color : #5C6F90;
+	font-size: 10px;
+
+}
+
+#left {
+	position: absolute;
+	top: 80px;
+	left: 10px;
+	width: 175px;
+	background: #EEEEFF;
+	border: 2px solid silver;
+	padding: 5px;
+}
+
+
+#main {
+	background: #EEEEFF;
+	margin-left: 210px;
+	margin-top: 10px;
+	margin-right: 10px;
+	padding: 5px;
+	border: 2px solid silver;
+	min-height: 400px;
+
+}
+
+h1,h2,h3 {
+	margin-top: 0;
+}
+
+ul.mainnav {
+	list-style : none;
+	margin : 0;
+	padding : 0;
+	background-color : #d6d6d6;
+}
+
+ul.mainnav li {
+	display : block;
+	border-top : 1px solid #a5b5c6;
+}
+
+ul.mainnav li a {
+	display : block;
+	margin : 0;
+	padding : 6px 6%;
+	background-color : #5C6F90;
+	font : bold 0.8em/1.5 arial, sans-serif;
+	color : #fff;
+	text-decoration : none;
+	width : 88%;
+}
+
+ul.mainnav li a:hover {
+	background-color : #63616b;
+	color : #eee;
+}
+
+.aligncenter {
+	width: 100%;
+	text-align: center;
+}
+
+a {
+	text-decoration: none;
+	font-weight: bold;
+	font-size: 10px;
+	color: #5C6F90;
+}
