document.write ('<style>#faq .answer {line-height:18px; padding: 0px 32px 16px 48px; display: none;}</style>');
		document.write ('<style>#faq .answer p {margin-bottom: 0px;}</style>');
		document.write ('<style>#faq .question {font-size: 12px; cursor: pointer; line-height: 35px; width: 100%; padding-top: 4px;}</style>');
		document.write ('<style>#faq .question h3 {padding: 0px 48px; margin: 0px; background: url(gfx/bullet_002.png) 8px 0px no-repeat; font-size: 12px; line-height: 35px;}</style>');
		document.write ('<style>#faq .question:hover {background-color: #bccfeb;}</style>');
		

		//once the dom is ready
		window.addEvent('domready', function() {
			//hide all answers
			$$('.answer').each(function(el) {
				el.setStyle('display','none');
			});
			//for every question div
			$$('.question').each(function(el) {
				//create a slider
				var slyder = new Fx.Slide(el.getAttribute('rel')).hide();
				//click event
				el.addEvent('click', function(e) {
					//toggle!
					e = new Event(e); slyder.toggle(); e.stop();
				});
			});
			//"show" all answers
			$$('.answer').each(function(el) {
				el.setStyle('display','block');
			});
		});