//Function to hide/reveal a section of html
function toggle1and2(){
//	element = document.getElementById('at1').style;
	var rule=GetRule("tog1")[0]
		if(rule.style.display=='none') {rule.style.display = 'block'}
		else{rule.style.display='none'}
	var rule=GetRule("tog2")[0]
		if(rule.style.display=='none'){rule.style.display = 'block'}
		else{rule.style.display='none'}
	}
	
function toggle3and4(){
	var rule=GetRule("tog3")[0]
		if(rule.style.display=='none') {rule.style.display = 'block'}
		else{rule.style.display='none'}
	var rule=GetRule("tog4")[0]
		if(rule.style.display=='none'){rule.style.display = 'block'}
		else{rule.style.display='none'}
	}


function GetRule(ruleName){
	var styleSheet=null;
	var Rules=new Array();
	var styleCount=0;
	for (var ssIndex=0;
			ssIndex<document.styleSheets.length;
			ssIndex++){
		styleSheet=document.styleSheets[ssIndex];
		for (var rIndex=0;
				rIndex<styleSheet.rules.length;
				rIndex++){
			rule=styleSheet.rules[rIndex]
			if ((rule.selectorText=="."+ruleName)||(rule.selectorText==ruleName)){
				Rules[styleCount]=rule
				styleCount++;
				}								
			}
		}
	return Rules;
	}