function button(id) {
        document.getElementById(id).style.border = '2px outset gray';
}

function unbutton(id) {
        document.getElementById(id).style.border = '2px outset black';
}

function push(id) {
        document.getElementById(id).style.border = '2px inset gray';
}


function create(id, text, link) {
document.writeln('<a class=bar href=' + link + '><span class=link id=' + id + ' onMouseOver=button(&#039;' + id + '&#039;)&#059 onMouseOut=unbutton(&#039;' + id + '&#039;)&#059 onMouseDown=push(&#039;' + id + '&#039;)&#059 onMouseUp=button(&#039;' + id + '&#039;)&#059>' + text + '</span></a>');
}

function linksbar()
{
create('l0', 'Home', 'index.html');
create('l6', 'About the Society', 'about.htm');
// create('l1', 'Project', 'project target=_new');
create('l2', 'Resources', 'resources.htm');
create('l3', 'Membership', 'membership.htm');
// create('l4', 'Volunteers', 'volunteers.htm');
create('l5', 'Board/Staff', 'staff.htm');
create('l7', 'Contact us', 'contact.htm');
}

function setmargins() {

var isIE = document.all?true:false;

if (isIE) {
document.getElementById('links').style.left = document.getElementById('links').offsetParent.style.marginLeft;
document.getElementById('content').style.left = 0;
 }
}