<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Example MVC Layout</title>
    <style>
	@import "dijit/themes/tundra/tundra.css";
	@import "dojo/resources/dojo.css";
            
	html, body { height: 100%; width: 100%; overflow: hidden;}
                         
	.banner {
		background-color: #C0C0C0;
		height: 50px;
		font-size: 1.5em;
		text-align: center;
		vertical-align: center;
		border-style: solid;
		border-top-color: #AAAAAA;
		border-bottom-color: #888888;
		border-left-color: #AAAAAA;
		border-right-color: #888888;
	}

	.container {
		background: #FFFFFF;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
    </style>
    
    <script type="text/javascript" src="dojo/dojo.js" djConfig="debug: true, parseOnLoad: true"></script>
    <script language="JavaScript" type="text/javascript">
	//Require in all the widgets used by the application.
	dojo.require("dijit.layout.BorderContainer");
	dojo.require("dijit.layout.ContentPane");
	dojo.require("dijit.layout.TabContainer");
	dojo.require("dijit.form.Button");

	//Require in a custom controller.
	dojo.require("samples.ContentPaneController");

	//Require in the wires code that is used by the varous pages for events.
	dojo.require("dojox.wire.ml.Invocation");
	dojo.require("dojox.wire.ml.Action");
    </script>
</head>
<body class="tundra">
    <div dojoType="dijit.layout.BorderContainer" class="container" gutters="false">
        <div dojoType="dijit.layout.ContentPane" region="top">
            <div class="banner">
                SIMPLE MVC EXAMPLE
            </div>
        </div>
        <div dojoType="dijit.layout.ContentPane"
             region="left"
             href="templates/buttons.html"
             style="width: 20%; height: 100%"
             splitter="true"
        >
        </div>
        <div dojoType="dijit.layout.ContentPane"
             href="templates/tabs.html"
             region="center">
        </div>
   </div>
</body>
</html>