//banner//
document.write('<table border=0 width="820">');
document.write('  <tr>');
document.write('    <td width="820">');
document.write('      <img src="images/global/banner.jpg" width=520 height=125>');
document.write('      <img src="images/global/ocol4.jpg" width=270 height=125>');
 document.write('     <div  style="position:absolute; left:20px; top:15px; width:700px; height:41px; z-index:10"');
document.write('       align="left">');
document.write('       <font size="6" face="Arial, Helvetica,sans-serif">');
document.write('       <strong>Otaki College</strong></font><br/>');
document.write('       <font size="4" face="Arial, Helvetica,sans-serif">');
document.write('       <strong>Kapiti Coast<br/>New Zealand</strong><br/></font>');
document.write('       <font size="1" face="Arial, Helvetica, sans-serif" >');
document.write('       <b><i>Tena koutou me o tatou tini aitua kia tangihia, kia mihia. No reira kua ea te wahi');
document.write('          ki a ratou</i></b></font>');
document.write('      </div>');
document.write('    </td>');
document.write('  </tr>');
document.write('</table>');

//borders//
document.write('<div style="position:absolute; left:12px; top:145px; width:755; height:35px; z-index:-1; overflow: visible;">');
document.write('  <img src="images/global/horizontalboarder.jpg" width="755" height="32"></font></div> ');
document.write('<div style="position:absolute; left:122px; top:145px; width:32px; height:403px; z-index:-2; overflow: visible;">');
document.write('  <img src="images/global/verticalboarder.jpg" width="32" height="398"></font></div>');

//sidemenu script//
var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    var spanref=document.createElement("span")
		spanref.className="arrowdiv"
		spanref.innerHTML="&nbsp;&nbsp;"
		ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  }
}
if (window.addEventListener)
window.addEventListener("load", createcssmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu)



//sidemenu//
document.write('<div style="position:absolute; left:10px; top:180px; width:117px; height:351px; z-index:17">    ');
document.write('<ul id="verticalmenu" class="glossymenu">                                                       ');
document.write('<li><A  href="index.htm" >Welcome<br/></A>                       ');
 document.write('    <ul>');
document.write('    <li><A  href="index.htm" >about Otaki College<br/></A></li>');
document.write('    <li><A  href="index.htm" >purpose statement<br/></A></li>');
document.write('    <li><A  href="index.htm" >contact us<br/></A></li>');
document.write('    <li><A  href="index.htm" >ero report<br/></A></li>');
document.write('    <li><A  href="index.htm" >maps<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="calendar.htm" >Calendar<br/></A>                                                                  ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="calendar.htm" >2010 term dates<br/></A></li>             ');
document.write('    <li><A  href="calendar.htm" >upcoming events<br/></A></li>             ');
document.write('    </ul>                                                                                       ');
document.write('</li>');

document.write('<li><A  href="news.htm" >News<br/></A>                                                          ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="news.htm" >newsletters<br/></A></li>');
document.write('    <li><A  href="news.htm" >2010 current events<br/></A></li>');
document.write('    <li><A  href="news.htm" >interhouse competition<br/></A></li>');
document.write('    <li><A  href="news.htm" >past events<br/></A></li>');
document.write('    </ul>                                                                                       ');
document.write('</li>                                                                                           ');

document.write('<li><A  href="students.htm" >Students<br/></A>                                                          ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="students.htm" >heads of school<br/></A></li>');
document.write('    <li><A  href="students.htm" >student council<br/></A></li>');
document.write('    <li><A  href="students.htm" >house captains<br/></A></li>');
document.write('    <li><A  href="students.htm" >talented students<br/></A></li>');
document.write('    </ul>                                                                                       ');
document.write('</li>                                                                                           ');


document.write('<li><A  href="year7&8.htm" >Year 7&8<br/></A>                                                          ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="year7&8.htm" >staff<br/></A></li>');
document.write('    <li><A  href="year7&8.htm" >class activities<br/></A></li>');
document.write('    </ul>                                                                                       ');
document.write('</li>                                                                                            ');

document.write('<li><A  href="academic.htm" >Academic programmes<br/></A>                                                          ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="academic.htm" >programmes by faculty<br/></A></li>');
document.write('    <li><A  href="academic.htm" >qualification information<br/></A></li>');
document.write('    <li><A  href="academic.htm" >2010 course outline<br/></A></li>');
document.write('    </ul>                                                                                       ');
document.write('</li>                                                                                           ');

document.write('<li><A  href="activities.htm" >Extra curricular activities<br/></A>                                                          ');
document.write('    <ul>                                                                                        ');
document.write('    <li><A  href="activities.htm" >winter sports<br/></A></li>');
document.write('    <li><A  href="activities.htm" >summer sports<br/></A></li>');
document.write('    <li><A  href="activities.htm" >cultural activities<br/></A></li>');
document.write('    <li><A  href="activities.htm" >musical tuition<br/></A></li>');
document.write('    <li><A  href="activities.htm" >service to school activities<br/></A></li>');
document.write('    </ul>                                                                                       ');
document.write('</li>                                                                                           ');

document.write('<li><A  href="international.htm" >International students<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="international.htm" >students room<br/></A></li>');
document.write('    <li><A  href="international.htm" >English lessons<br/></A></li>');
document.write('    <li><A  href="international.htm" >homestay information<br/></A></li>');
document.write('    <li><A  href="international.htm" >registration and enrolment information<br/></A></li>');
document.write('    <li><A  href="international.htm" >downloadable documents<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="care.htm" >Care and guidance<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="care.htm" >guidance counsellors<br/></A></li>');
document.write('    <li><A  href="care.htm" >careers advice<br/></A></li>');
document.write('    <li><A  href="care.htm" >restorative practice<br/></A></li>');
document.write('    <li><A  href="care.htm" >peer mediation<br/></A></li>');
document.write('    <li><A  href="care.htm" >peer support<br/></A></li>');
document.write('    <li><A  href="care.htm" >STARS programme<br/></A></li>');
document.write('    <li><A  href="care.htm" >te k&#257hui m&#257tua<br/></A></li>');
document.write('    <li><A  href="care.htm" >pouwhakataki<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="staff.htm" >Staff<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="staff.htm" >management team<br/></A></li>');
document.write('    <li><A  href="staff.htm" >deans<br/></A></li>');
document.write('    <li><A  href="staff.htm" >curriculum leaders<br/></A></li>');
document.write('    <li><A  href="staff.htm" >other teachers<br/></A></li>');
document.write('    <li><A  href="staff.htm" >administration and support staff<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="bot.htm" >Board of trustees<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="bot.htm" >members<br/></A></li>');
document.write('    <li><A  href="bot.htm" >meetings<br/></A></li>');
document.write('    <li><A  href="bot.htm" >policies<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="archivesmain.htm" >Archives<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="archivesmain.htm" >5 decades of history<br/></A></li>');
document.write('    </ul>');
document.write('</li>');

document.write('<li><A  href="links.htm" >Links<br/></A>');
document.write('    <ul>');
document.write('    <li><A  href="links.htm" >Kapiti Coast<br/></A></li>');
document.write('    <li><A  href="links.htm" >education<br/></A></li>');
document.write('    <li><A  href="links.htm" >other links<br/></A></li>');
document.write('    </ul>');
document.write('</li>');


document.write('</ul>                                                                                           ');
document.write('</div>                                                                                          ');