<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{% block title %} {% endblock %}</title>
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery.js"></script>
{% block extra_head %}

{% endblock %}
</head>
	<body>
	<div id="header"> 
		<div id="logo">
		INDIA<br>
		<span>THEATRE <span>FORUM</span></span>
		</div>
		<form>
			<input type="text" placeholder="search" name="field" id="search"/>
		</form>      
		<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
		
		<ul id="navMenu">
			<li><a href="">Resources</a>
				<ul>
					<li><a href="">Script Archive</a></li>
					<li><a href="">Guidelines for Best Practice</a></li>
				</ul>
			</li>
			<li><a href="">Read</a>
				<ul>
					<li><a href="">Bibliography</a></li>
					<li><a href="">eRang</a></li>
					<li><a href="">Publications</a></li>
				</ul>
			</li>
			<li><a href="">Participate</a>
				<ul>
					<li><a href="">Surveys</a></li>
					<li><a href="">Offers/Needs</a></li>
					<li><a href="">Make a suggestion</a></li>
				</ul>
			</li>
			<li class><a href="">About ITF</a>
				<ul>
					<li><a href="">India Theatre Forum</a></li>
					<li><a href="">Projects</a></li>
					<li><a href="">Events</a></li>
				</ul>
			</li>
			<li><a href="">Support ITF</a>
				<ul>
					<li><a href="">Make a donation</a></li>
					<li><a href="">Volunteer</a></li>
					<li><a href="">Contribute to eRang</a></li>
				</ul>
			</li>
		</ul>
	  
	  <ul id="loginMenu">
		<li><a href="">Login</a></li>
		<li><a href="">Register</a></li>
		<li><a href="">Contact Us</a></li>
	  </ul>
	</div>

	{% block content %}
	{% endblock %}
	
	<div id="footer">
  <ul id="resources" class="footerList">
    <a href="">Resources</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Script Archive</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidelines for Best Practice</a></li>
  </ul>
  
  <ul id="read" class="footerList">
    <a href="">Read</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bibliography</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eRang</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publications</a></li>
  </ul>
  
  <ul id="participate" class="footerList">
    <a href="">Participate</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surveys</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offers/needs</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a suggestion</a></li>
  </ul>
  
  <ul id="aboutItf" class="footerList">
    <a href="">About ITF</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;India Theatre Forum</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projects</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;events</a></li>
  </ul>
  
  <ul id="supportItf" class="footerList">
    <a href="">Support ITF</a>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a donation</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;volunteer</a></li>
    <li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contribute to eRang</a></li>
  </ul>
  
  <p id="copyright">&copy; 2011 India Theatre Forum. All Rights Reserved.</p>
</div>

</body>