window.addEvent('domready', function(){
var accordion = new Accordion('h2.atStart', 'div.atStart', {
start: 'all-closed',
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#ff3300');
},

onBackground: function(toggler, element){
toggler.setStyle('color', '#222');
}
}, $('accordion'));


var newTog = new Element('h2', {'class': 'toggler'}).setHTML('<a href="#uos">Reference &amp; Resources</a>');
// [ NOTE: Make sure to put the trailing " \ " after each </li> in the following. ]
var newEl = new Element('div', {'class': 'element'}).setHTML('\
<ul>\
<li><a href="/at/it_appropriate_use_of_technology.shtml">Appropriate Use of Technology</a></li>\
<li><a href="http://www.security.harvard.edu/enterprise-security-policy">Enterprise Security Policy</a></li>\
<li><a href="/at/it_policies.shtml">Information Technology Policies</a></li>\
<li><a href="/at/it_security_policies_and_practices.shtml">Security Policies and Practices</a></li>\
<li><a href="/at/it_support_services.shtml">Support Services</a></li>\
</ul>');

accordion.addSection(newTog, newEl, 1);
});