<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
</head>

<body>
<div id="header"> <img src="/static/images/noel/logo.png" width="237" height="118" alt="itf-logo" id="logo">
  <form id>
    <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>Login</li>
    <li>Register</li>
    <li>Contact Us</li>
  </ul>
</div>

<div id="center">
  <div id=centerContent" class="centerContent">
    <div id="shadow">
    </div>
    <div id="image"> <img src="/static/images/noel/banner-image.jpg" width="469" height="282"alt="banner-image" id="bannerImage">
      <p id="textTop">Welcome to the India Theatre Forum </p>
      <p id="textBottom"> A place where you can come and get, give, share, exchange all sorts of information, ideas, resources and more. </p>
      <div id="buttonBanner">
        <div id="buttonOne" class="buttons buttonsSelected"></div>
        <div id="buttonTwo" class="buttons buttonsSelected"></div>
        <div id="buttonThree" class="buttons buttonsSelected"></div>
      </div>
    </div>
    <div id="news" class="tab">
      <h3 class="tabHeader">NEWS</h3>
    </div>
    <div id="events" class="tab">
      <h3 class="tabHeader">EVENTS</h3>
    </div>
    <div id="slider">
      <ul id="sliderTabs">
        <li id="scriptArchive" class="tab">
          <h3 class="tabHeader"> SCRIPT <span>ARCHIVE</span> </h3>
          <div class="textTab">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
          </div>
          <a href="" class="buttonTab"> Learn more </a> </li>
        <li id="itfProjects" class="tab">
          <h3 class="tabHeader"> ITF <span>PROJECTS</span> </h3>
          <div class="textTab">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
          </div>
          <a href="" class="buttonTab"> Learn more </a> </li>
        <li id="eRang" class="tab">
          <h3 class="tabHeader"> E-<span>RANG</span> </h3>
          <div class="textTab">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
          </div>
          <a href="" class="buttonTab"> Learn more </a> </li>
        <li id="bestPractice" class="tab">
          <h3 class="tabHeader"> BEST <span>PRACTICE</span> </h3>
          <div class="textTab">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
          </div>
          <a href="" class="buttonTab"> Learn more </a> </li>
      </ul>
    </div>
  </div>
</div>
<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>
</html>
