Tue Jun 17 11:43:05 CEST 2003

Update of /cvsroot/koha/koha/koha-tmpl/opac-tmpl/unido/en/includes
In directory sc8-pr-cvs1:/tmp/cvs-serv31750/includes

Added Files:
	crumb-end.inc crumb-start.inc itemtype-image.inc koha.css 
	main.css opac.css script.js vanilla-about-menu.inc 
	vanilla-about-menu.tmpl vanilla-botnav-all.inc 
	vanilla-cat-search.inc vanilla-contact-menu.tmpl 
	vanilla-crumb-end.inc vanilla-crumb-start.inc 
	vanilla-end-main.inc vanilla-key.inc vanilla-left-nav.inc 
	vanilla-logout.inc vanilla-main.css vanilla-member-menu.inc 
	vanilla-membership-botnav.inc vanilla-membership-left-nav.inc 
	vanilla-menu.inc vanilla-personal-details.inc 
	vanilla-search-menu.inc 
Log Message:
And more unido opac stuff

--- NEW FILE ---
  </div>
--- NEW FILE ---
  </td>
  <td width="5"><img src="<TMPL_VAR NAME='themelang'>/images/holder.gif" width="5" height="1" border="0" alt="" /></td>
  <td width="35"><img src="<TMPL_VAR NAME='themelang'>/images/holder.gif" width="35" height="1" border="0" alt="" /></td>
  <td><div class="crumb"><img src="<TMPL_VAR NAME='themelang'>/images/holder.gif" width="1" height="35" border="0" align="right" alt="" />
--- NEW FILE ---
<TMPL_IF NAME="book">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/book.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="largeprint">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/large-print.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="picture">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/magazine.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="cdrom">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/disk.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="cassette">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/disk.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="cd">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/disk.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="video">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/tape.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="bag">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/book.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="magazine">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/magazine.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="puzzle">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/jigsaw.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="picturebook">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/picture-book.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="map">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/map.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="photograph">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/magazine.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="talkingbook">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/talking-book.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>
<TMPL_IF NAME="dvd">
<IMG SRC="<TMPL_VAR NAME='themelang'>/images/dvd.gif" WIDTH="50" HEIGHT="45" BORDER="0">
</TMPL_IF>

--- NEW FILE ---
.heading1
{font-family:arial,helvetica;font-size:180%;color:#A88050}

.heading1bold
{font-family:arial,helvetica;font-size:180%;
font-weight:bold;
color:#A88050}

.heading4 {font-family:arial,helvetica;
font-size:110%;
color:#614523;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px}

 input.checkbox
{font-family:monospace;
font-size:25px;
size:25px;
height:25px;
width:25px;
}
.small {font-size:90%;
font-family: arial,helvetica;
margin-bottom:3pt;
}

.tiny {font-size:x-small;
font-family: arial,helvetica;
}

.pink{
background-color:#FEEDDB;
padding: 5px;
}

.plain{
padding: 5px;}

.tan{
background-color:#A88050;}

.selected{
color:#C96029;
font-weight:bold;
padding: 3px;
}

.selected-lge{
color:#C96029;
font-size:120%;
font-family: arial,helvetica;
font-weight:bold;
padding:3px;
}

.padded{
padding: 5px;
font-size:small;
}

.dk-brown{
background-color:#4E300C;}

.green{
background-color:#E0EBDD;}

.search-number {
    font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
text-decoration: none;
 width: 17px;
height: 17px;
padding: 2px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-top: 1px;
  border-style: solid;
  border-color: #354E27;
    }
.selected-number {
    font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
text-decoration: none;
background-color:#FEEDDB;
 width: 17px;
height: 17px;
padding: 2px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-top: 1px;
  border-style: solid;
  border-color: #354E27;
    }
.selected-box {
   background-color:#E3A46D;
padding:0px;
    }

.green-box {
background-color: #344E26;
  font-family:verdana,arial,hevetica;
font-size:small;
font-weight:bold;
color: #FEEDDB;
   border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 4px;
  border-style: solid;
  border-color: #667755;
    }

.brown-box {
background-color:#A88050;
   font-family:verdana,arial,hevetica;
font-size:small;
font-weight:bold;
color: #FEEDDB;
 border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 4px;
  border-style: solid;
  border-color: #817567;
    }
.table-heading {
background-color:#D7AB7A;
   font-family:verdana,arial,hevetica;
font-size:small;
font-weight:bold;
 padding: 5px;
       }
.white-box {
background-color:#ffffff;
    border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 0px;
  border-style: solid;
  border-color: #4E300E;
    }
.fines-box {
background-color:#E3A46D;
    border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 0px;
  border-style: solid;
  border-color: #4E300E;
    }
--- NEW FILE ---
/*
What is
*.search-number

*/

*.search-number {
  border-bottom: 1px;
  border-color: #354E27;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  display: inline;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  height: 17px;
  padding: 2px;
  text-decoration: none;
  width: 17px;
}

*.selected-number {
  background-color: #FEEDDB;
  border-bottom: 1px;
  border-color: #354E27;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  height: 17px;
  padding: 2px;
  text-decoration: none;
  width: 17px;
}

a {
  color: #BF470A;
  font-weight: bold;
}

a:visited {
  color: #BF740A;
}

a:hover {
  color: #000000;
}

a.button:hover {
  background: transparent;
  padding: 0;
}

body {
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica, san-serif;
  margin: 0px;
  padding: 0px;
}

h1 {
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 180%;
}

h2 {
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 160%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h3 {
  color: #614523;
  font-family: arial,helvetica;
  font-size: 130%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h4 {
  color: #614523;
  font-family: arial,helvetica;
  font-size: 110%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

input {
  font-family: monospace;
  font-size: 12px;
}

input.checkbox {
  font-family: monospace;
  font-size: 25px;
  height: 25px;
  size: 25px;
  width: 25px;
}

p,ul,ol,li {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
  line-height: 20px;
}

td {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
}

.botnav a:link {
  color: #41622F;
  font-family: verdana,arial,helvetica;
  font-size: 10pt;
  font-weight: normal;
}

.botnav a:visited {
  color: #909E88;
  font-family: verdana,arial,helvetica;
  font-size: 10pt;
  font-weight: normal;
}

.botnav a:hover {
  background: #E3A46D;
  color: #000000;
}

.brown-box {
  background-color: #A88050;
  border-bottom: 1px;
  border-color: #817567;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  color: #FEEDDB;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.crumb {
  color: #000000;
  font-weight: normal;
}

.crumb a:link {
  color: #41622F;
  font-weight: normal;
}

.crumb a:visited {
  color: #909E88;
  font-weight: normal;
}

.crumb a:hover {
  background: #E3A46D;
  color: #000000;
}

.dk-brown{
  background-color: #4E300C;
}

.fines-box {
  background-color: #E3A46D;
  border-bottom: 1px;
  border-color: #4E300E;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  padding: 0px;
}

.green{
  background-color: #E0EBDD;
}

.green-box {
  background-color: #344E26;
  border-bottom: 1px;
  border-color: #667755;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  color: #FEEDDB;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.head1 {
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 180%;
}

.head1bold {
  color: #A88050;
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 180%;
  font-weight: bold;
}

.head2{
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 160%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.head2bold {
  color: #A88050;
  font-family: arial,helvetica;
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.heading4 {
  color: #614523;
  font-family: arial,helvetica;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.main {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
}

.navhead {
  font-weight: bold;
}

.padded{
  font-size: 12px;
  padding: 5px;
}

.pink{
  background-color: #FEEDDB;
  padding: 5px;
}

.plain{
  padding: 5px;
}

.search {
  font-family: verdana,arial,hevetica;
  font-size: 7.5pt;
  font-weight: bold;
}

.selected{
  color: #C96029;
  font-weight: bold;
  padding: 3px;
}

.selected-box {
  background-color: #E3A46D;
  padding: 0px;
}

.selected-lge{
  color: #C96029;
  font-family: arial,helvetica;
  font-size: 120%;
  font-weight: bold;
  padding: 3px;
}

.shade{
  background-color: #DCCAB4;
  padding: 5px;
}

.sidenav {
  color: #41622F;
  font-size: 9pt;
  font-weight: normal;
  line-height: 13px;
  margin-bottom: 3pt;
}

.sidenav a:link {
  color: #41622F;
  font-size: 9pt;
  font-weight: normal;
  line-height: 13px;
  margin-bottom: 3pt;
}

.sidenav a:visited {
  color: #41622F;
  font-size: 9pt;
  font-weight: normal;
  margin-bottom: 3pt;
}

.sidenav a:hover {
  background: #E3A46D;
  color: #000000;
}

.small {
  font-family: arial,helvetica;
  font-size: 90%;
  margin-bottom: 3pt;
}

.table-heading {
  background-color: #D7AB7A;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 5px;
}

.tan{
  background-color: #A88050;
}

.tiny {
  font-family: arial,helvetica;
  font-size: x-small;
}

.white-box {
  background-color: #FFFFFF;
  border-bottom: 1px;
  border-color: #4E300E;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  padding: 0px;
}

--- NEW FILE ---
body {background-color:#ffffff;
font-family:verdana,arial,helvetica;
margin:0px;
padding:0px}

a {color:#41622F;
}

a:visited {color:#4D300D;
}
/*
blue
a:visited {color:#10496E}
*/
h1 {font-family:verdana,arial,helvetica;
font-size:180%;
color:#A88050}

h2 {font-family:verdana,arial,helvetica;
font-size:160%;
color:#A88050;
margin-bottom:0px;
padding-bottom:0px}

h3 {font-family:verdana,arial,helvetica;
font-size:130%;
color:#614523;
margin-bottom:0px;
padding-bottom:0px}

.botnav {font-family:verdana,arial,helvetica;
font-size:10pt;
color:#41622F;
}

.botnav a {font-family:verdana,arial,helvetica;
font-size:10pt;
color:#41622F;
}

p {font-family:verdana,arial,helvetica;
font-size:10pt;
}

td {font-family:verdana,arial,helvetica;
font-size:10pt;
}

ul {font-family:verdana,arial,helvetica;
font-size:10pt;
}

ol {font-family:verdana,arial,helvetica;
font-size:10pt;
}

li {font-family:verdana,arial,helvetica;
font-size:10pt;
}

.main {font-family:verdana,arial,helvetica;
font-size:10pt;
}

input {font-family:monospace;
font-size:12px}

.navhead {font-weight:bold}

.sidenav {font-size:9pt;color:#41622F;
font-family: arial,helvetica;
margin-bottom:3pt;
}
.small {font-size:9pt;
font-family: arial,helvetica;
margin-bottom:3pt;
}

.tiny {font-size:7pt;
font-family: arial,helvetica;
}

.crumb {color:#41622F;
}

.crumb a:visited {color:#41622F;
}

.pink{
background-color:#FEEDDB;
padding: 5px;
}

.plain{
padding: 5px;}

.tan{
background-color:#A88050;}

.selected{
color:#C96029;
font-weight:bold;
}

.selected-lge{
color:#C96029;
font-size:120%;
font-family: arial,helvetica;
font-weight:bold;
}

.padded{
padding: 2px;}

.dk-brown{
background-color:#4E300C;}

.search {font-family:verdana,arial,hevetica;
font-size:7.5pt;
font-weight:bold}

.search-number {
    font-family: verdana,arial,hevetica;
  font-size: 8pt;
  font-weight: bold;
text-decoration: none;
 width: 17px;
height: 17px;
padding: 2px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-top: 1px;
  border-style: solid;
  border-color: #354E27;
    }
.selected-number {
    font-family: verdana,arial,hevetica;
  font-size: 8pt;
  font-weight: bold;
text-decoration: none;
background-color:#FEEDDB;
 width: 17px;
height: 17px;
padding: 2px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-top: 1px;
  border-style: solid;
  border-color: #354E27;
    }
.selected-box {
   background-color:#E3A46D;
padding:0px;
    }

.green-box {
background-color: #344E26;
  font-family:verdana,arial,hevetica;
font-size:8pt;
font-weight:bold;
color: #FEEDDB;
   border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 4px;
  border-style: solid;
  border-color: #667755;
    }

.brown-box {
background-color:#A88050;
   font-family:verdana,arial,hevetica;
font-size:8pt;
font-weight:bold;
color: #FEEDDB;
 border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 4px;
  border-style: solid;
  border-color: #817567;
    }
.table-heading {
background-color:#D7AB7A;
   font-family:verdana,arial,hevetica;
font-size:12pt;
font-weight:bold;
 border-top: 2px;
border-right: 0px;
border-bottom: 2px;
border-left: 0px;
padding: 5px;
  border-style: solid;
  border-color: #4E300C;
    }
.white-box {
background-color:#ffffff;
    border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 2px;
  border-style: solid;
  border-color: #4E300E;
    }
.fines-box {
background-color:#E3A46D;
    border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
padding: 0px;
  border-style: solid;
  border-color: #4E300E;
    }
checkbox{
 font-size:160%;
}
--- NEW FILE ---

--- NEW FILE ---
<table class="opac-menu" width="100%" border=0>
<TR class="opac-background">

<td><div class="logo"><h1>UNIDO: About</h1></div></td>

<td align=right>
<TMPL_INCLUDE name="vanilla-menu.inc"></td>
</tr>

</table>
<p>

--- NEW FILE ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<!--

design and HTML by rachel at katipo.co.nz, 
templating by finlay at katipo.co.nz

SEARCH

This is the part of the "vanilla" theme put together by Katipo Communications for general distribution with Koha. 

Add links to other searches etc to this page.

If you don't wish people to search by these fields, or want to add others then this is the place to do it.

If you see strange tags and comments you don't understand they may be out of Kea our content management system. If you'd like to use Kea to change your template & website text please contact Katipo.

Cheers
R

12/1/03

-->
<html>
<head>
<title>About the UNIDO Library</title>
<link rel="stylesheet" href="includes/vanilla-main.css" type="text/css" />

</head>
<body marginheight="0" marginwidth="0">

<!--START TOP TABLE-->
<TMPL_INCLUDE name="vanilla-about-menu.inc">

<!--START MAIN TABLE AND LEFT NAVIGATION-->
<TMPL_INCLUDE name="includes/vanilla-left-nav.inc">

<!--SEARCH FORM-->
<TMPL_INCLUDE name="includes/vanilla-cat-search.inc">
<!--END LEFT NAV, START CRUMBS-->
<TMPL_INCLUDE name="includes/vanilla-crumb-start.inc">	
<a href="/">Home</a> &gt;<a href='/about.html'>About</a>
<!--END CRUMBS-->
<TMPL_INCLUDE name="includes/vanilla-crumb-end.inc">
<!--CONTENT-->

<h1>About the UNIDO Library</h1>
<h3>Where is the library?</h3>
The main library  is at the UNIDO headquaters, Vienna International Centre, Vienna, Austria, located in room D1042 and is open around the clock. 
<ul>
<li> <a href="http://www.unido.org/doc/3355">More about UNIDO</a> (United Nations Industrial Development Organisation)
</ul>

<h3>Who can use the library?</h3>
Anyone with access to the VIC campus can come to the library -ie.
<ul>
<li> UNIDO Staff
<li> Consultants
<li> Interns
<li> Other visitors
<li> Staff from other UN Organisations on campus
</ul>

<h3>Who can borrow from the library?</h3>
<ul>
<li>All UNIDO staff and interns
<li> Other registered patrons
</ul>

If you are not a UNIDO staff memeber, but would like to become a registered patron please contact 
<a href="mailto:Library at unido.org ?subject=Membership Enquiry">Library at unido.org </a>.  

<h3>The Library Software</h3>
The UNIDO library is running the <a href="http://www.koha.org">Koha open source library system</a>

<!--BOTTOM NAVIGATION - ALL-->
<TMPL_INCLUDE name="includes/vanilla-botnav-all.inc">

<!--END MAIN TABLE-->
<TMPL_INCLUDE name="includes/vanilla-end-main.inc">
</body>
</html>
--- NEW FILE ---

--- NEW FILE ---
 <p>&nbsp;</p> <form action="/cgi-bin/koha/opac-searchresults.pl" method="post">
  <div class="search">Search the Catalogue</div>
  <input type="text" name="words" size="12" alt="Search the catalogues" />&nbsp;<input type="image" name="Go" src="<TMPL_VAR name='themelang'>/images/styles/home-go-button.gif" alt="Go" align="absmiddle" border="0" />
  </form>
--- NEW FILE ---
<table class="opac-menu" width="100%" border=0>
<TR class="opac-background">

<td><div class="logo"><h1>UNIDO: About</h1></div></td>

<td align=right>
<TMPL_INCLUDE name="vanilla-menu.inc"></td>
</tr>

</table>
<p>

--- NEW FILE ---
  </div>
--- NEW FILE ---
  </td>
  <td width="5"><img src="/images/holder.gif" width="5" height="1" border="0" alt="" /></td>
  <td width="35"><img src="/images/holder.gif" width="35" height="1" border="0" alt="" /></td>
  <td><div class="crumb"><img src="/images/holder.gif" width="1" height="35" border="0" align="right" alt="" />
--- NEW FILE ---
  </td><td><img src="/images/holder.gif" width="32" height="1" alt=" "></td></tr>
</table>
--- NEW FILE ---
<br>
--- NEW FILE ---
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top"><td class="sidenav-box">

--- NEW FILE ---
  <form>

<input type="submit" name="Log Out" value="Log Out" align="absmiddle" class="submit" />
  </form>

--- NEW FILE ---
/*
What is
*.search-number

*/

*.search-number {
  border-bottom: 1px;
  border-color: #354E27;

  border-left: 1px;
  border-right: 1px;
  border-top: 1px;
  display: inline;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  height: 17px;
  padding: 2px;
  text-decoration: none;
  width: 17px;
}

*.selected-number {
  background-color: #FEEDDB;
  border-bottom: 1px;
  border-color: #354E27;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 1px;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  height: 17px;
  padding: 2px;
  text-decoration: none;
  width: 17px;
}

a {
  color: #CC6600;
  font-weight: bold;

}

a:visited {
  color: #3333CC;
}

a:hover {
  color: #000000;
  background-color: D6F96A;

}

a.button:hover {
  background: transparent;
  padding: 0;
}

body {
  background-color: #FFFFFF;
  font-family: verdana,arial,helvetica, san-serif;
  margin: 0px;
  padding: 0px;
}

h1 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 180%;
}

.logo h1 {
  margin-left: 20px;
  margin-bottom: 4px;
  margin-top: 4px;
  color: #D3DFAD;}

h2 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 160%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h3 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 130%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h4 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 110%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

input {
  font-family: monospace;
  font-size: 12px;
}

input.checkbox {
  font-family: monospace;
  font-size: 25px;
  height: 25px;
  size: 25px;
  width: 25px;
}

p,ul,ol,li {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
  line-height: 20px;
}

td {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
}

.botnav a:link {
  color: #41622F;
  font-family: verdana,arial,helvetica;
  font-size: 10pt;
  font-weight: normal;
}

.botnav a:visited {
  color: #909E88;
  font-family: verdana,arial,helvetica;
  font-size: 10pt;
  font-weight: normal;
}

.botnav a:hover {
  background-color: #D7E8A5;
  color: #000000;
}

.brown-box {
  background-color: #A88050;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  color: #FEEDDB;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.crumb {
  color: #000000;
  font-weight: normal;
}

.crumb a:link {
  color: #CC9966;
  font-weight: normal;
}

.crumb a:visited {
  color: #666666;
  font-weight: normal;
}

.crumb a:hover {
  background-color: #D6F96A;
  color: #000000;
}

.dk-brown{
  background-color: #A2BB64; D7E8A5; 4E300C;
}

.fines-box {
  background-color: #E3A46D;
  border: 1px;
  border-style: solid;
  border-color: #4E300E;

  padding: 0px;
}

.green{
  background-color: #E3A46D;
}

.green-box {
  color: #FEEDDB;
  background-color: #C57619;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.head1 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 180%;
}

.head1bold {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 180%;
  font-weight: bold;
}

.head2{
  color: #663366;
  font-family: arial,helvetica;
  font-size: 160%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.head2bold {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.heading4 {
  color: #663366;
  font-family: arial,helvetica;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.label {
  padding-right: 12px;
  padding-bottom: 6px;

}

.line {
  background-color: #663366; A2BB64; D7E8A5;
}

.opac-menu {
  background-color: #663366;
border-top: 0px;
border-left: 0px;
border-right: 0px;
  border-bottom: 1px;
  border-color: #000000;
  border-style: solid;
  margin: 0px;  
}

.main {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
}

.menu {
  margin-right: 10px;
  color: #CCCC99;
}

.menu a:link {
  color: #CCFF66;
}

.menu a:visited {
  color: #E6E6CD;
}

.menu a:hover {
  color: #000000;
  background: EDF8CD;
}

.navhead {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
}

.navhead a:hover {
  color: #000000;
  background: ffffff;
}

.padded{
  font-size: 12px;
  line-height: 20px;
  padding: 5px;

}

.pink{
  background-color: #EDF8CD;
  line-height: 20px;
  margin-left: 5px;

}

.plain{
  line-height: 20px;
  margin-left: 5px;
}

.reset {
  background-color: #A88050;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  color: #FEEDDB;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.search {
  font-family: verdana,arial,hevetica;
  font-size: 7.5pt;
  font-weight: bold;
}

.selected{
  color: #C96029;
  font-weight: bold;
  padding: 3px;
}

.selected-box {
  background-color: #E3A46D;
  padding: 0px;
}

.selected-lge{
  color: #C96029;
  font-family: arial,helvetica;
  font-size: 120%;
  font-weight: bold;
  padding: 3px;
}

.shade{
  background-color: #DCCAB4;
  padding: 5px;
}

.shaded{
  background-color: #EDF8CD;
  padding: 5px;
}

.sidenav-box {
  background-color: #C3DC76;
  padding-left: 20px;  
  padding-right: 4px;  
  border-bottom: 1px;
  border-top: 1px;
  border-left: 0px;
  border-right: 1px;
  border-color: #A2BB64; 
  border-style: solid;

}

.sidenav ul {
  list-style-image: url(/images/styles/nav-dot.gif);
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 16px;
  margin-top: 2px;
  padding-left: 0px;
  padding-top: 2px;

  font-size: 9pt;
  font-weight: normal;
  line-height: 13px;
  margin-bottom: 3pt;
}

.sidenav a:hover {
  background: #ffffff;
  color: #000000;
}

.small {
  font-family: arial,helvetica;
  font-size: 90%;
  margin-bottom: 3pt;
}

.submit {
  color: #FEEDDB;
  background-color: #C57619;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

submit {
  color: #FEEDDB;
  background-color: #C57619;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 4px;
}

.table-heading {
  background-color: #D7E8A5;
  font-family: verdana,arial,hevetica;
  font-size: small;
  font-weight: bold;
  padding: 5px;
}

.tan{
  background-color: #A2BB64; D7E8A5;
}

.tiny {
  font-family: arial,helvetica;
  font-size: x-small;
}

.white-box {
  background-color: #FFFFFF;
  border-bottom: 1px;
  border-left: 1px;
  border-right: 1px;
  border-top: 1px;
  border-style: solid;
border-color: #4E300E;

  padding: 0px;
}

--- NEW FILE ---
<table class="opac-menu" width="100%" border=0>
<TR class="opac-background">

<td><div class="logo"><h1>UNIDO: Patrons</h1></div></td>

<td align=right>
<TMPL_INCLUDE name="vanilla-menu.inc"></td>
</tr>

</table>
<p>

--- NEW FILE ---
<br />In this Section: | <a href="/cgi-bin/koha/opac-membership.pl">Membership</a> 
| <a href="/cgi-bin/koha/opac-user.pl">My Account</a> 
| <a href="/cgi-bin/koha/opac-readingrecord.pl">Reading Record</a> 
| <a href="/cgi-bin/koha/opac-userdetails.pl">Personal Details</a> |<!--+Katipo+end--><br />&nbsp;</p>
--- NEW FILE ---
<div class="navhead"><a href="/membership/">Membership</a></div>
<div class="sidenav">

<TMPL_IF NAME="loggedinuser">
<ul>
<li><a href="/cgi-bin/koha/opac-user.pl">My Home</a></li>

<li><a href="/cgi-bin/koha/opac-account.pl">My Account</a></li>

<li><a href="/cgi-bin/koha/opac-readingrecord.pl">Reading Record</a></li>

<li><a href="/cgi-bin/koha/opac-userdetails.pl">Personal Details</a></li>
</ul>

<p>&nbsp;<p>
<TMPL_LOOP NAME="USER_INFO">

   <B> <TMPL_VAR NAME="firstname"> <TMPL_VAR NAME="surname"></B></br>

<TMPL_IF NAME="emailaddress">

    <A HREF='mailto:<TMPL_VAR NAME="emailaddress">'><TMPL_VAR NAME="emailaddress"></A></br>

</TMPL_IF>
<TMPL_IF NAME="streetaddress">
    <TMPL_VAR NAME="streetaddress"></br>

</TMPL_IF>
<TMPL_IF NAME="suburb">
    <TMPL_VAR NAME="suburb"></br>

</TMPL_IF>
<TMPL_IF NAME="city">
    <TMPL_VAR NAME="city"></br>

</TMPL_IF>
<TMPL_IF NAME="phone">
    <TMPL_VAR NAME="phone"></br>

</TMPL_IF>
</TMPL_LOOP>

 >><A HREF="/cgi-bin/koha/opac-userupdate.pl" class="sidenav">Edit Details</A>

</div>

<form action="/cgi-bin/koha/opac-main.pl" method="post">
  <input type="hidden" name="logout.x" value="1">
  <input type="submit" name="logout" value="logout" class="submit" />
</form>

<TMPL_ELSE>

<form action="/cgi-bin/koha/opac-user.pl" method="post">
  <div class="main">Members can sign in here:
  <br />Cardnumber:
  <br /><input type="text" name="userid" size="10" />
  <br />Password:
  <br /><input type="password" name="password" size="10" />&nbsp;&nbsp;
  <input type="image" name="Go" src="<TMPL_VAR NAME='themelang'>/images/styles/home-go-button.gif" alt="Go" align="absmiddle" border="0" /></div>
</form>

</TMPL_IF>

--- NEW FILE ---
<div class="menu"><a href="/cgi-bin/koha/opac-search.pl">Search</a>  |  
<a href="/cgi-bin/koha/about.pl">About</a>  | 
<a href="/cgi-bin/koha/contact.pl">Contact</a>  | 
<a href="/cgi-bin/koha/opac-main.pl">Home</a>

</div>
--- NEW FILE ---
<div class="sidenav"><B> Finlay Thomson</B>
<br>
<A HREF="mailto:finlay at katipo.co.nz">finlay at katipo.co.nz</A>
<br>123 Some St
<br>York By
<br>Eastbourne
<br>Ph 123 4567
<p>

>><A HREF="http://hlt-edit.katipo.co.nz/kaka/membership/account.html">Edit Details</A>
</div>
--- NEW FILE ---
<table class="opac-menu" width="100%" border=0>
<TR class="opac-background">

<td><div class="logo"><h1>UNIDO: Catalogue Search</h1></div></td>

<td align=right>
<TMPL_INCLUDE name="vanilla-menu.inc"></td>
</tr>

</table>
<p>