function createOffsets(className) {
			document.body.innerHTML = '<div style="position: absolute; left: -1000px; float: left;" class="'+className+'"><span id="laquo">&laquo;</span><span id="brace">(</span><div id="1em" style="width: 1em;"></div></div>' + document.body.innerHTML;
			var laquoOffset = document.getElementById('laquo').offsetWidth;
			var braceOffset = document.getElementById('brace').offsetWidth;
			var em = document.getElementById('em').offsetWidth;
			var laquoEm = laquoOffset / em;
			var braceEm = braceOffset / em;
			var sheetHlaquo = "margin-left: -"+laquoEm+"em";
			var sheetSlaquo = "margin-right: "+laquoEm+"em";
			var sheetHbrace = "margin-left: -"+braceEm+"em";
			var sheetSbrace = "margin-right: "+braceEm+"em";
			var thesheet = document.styleSheets[0];
			if (window.opera) {
				sheetSlaquo = "margin-left: "+laquoEm+"em";
				sheetSbrace = "margin-left: "+braceEm+"em";
			}
			// IE detection 
			if (thesheet.removeRule) {
				with (thesheet) {
					addRule(".hlaquo", sheetHlaquo);
					addRule(".slaquo", sheetSlaquo);
					addRule(".hbrace", sheetHbrace);
					addRule(".sbrace", sheetSbrace);
				}
			} else {
				with (thesheet) {
					insertRule(".hlaquo {"+sheetHlaquo+"}", 0);
					insertRule(".slaquo {"+sheetSlaquo+";}", 0);
					insertRule(".hbrace {"+sheetHbrace+"}", 0);
					insertRule(".sbrace {"+sheetSbrace+";}", 0);
				}
			}
		}
		createOffsets('maintext');
		createOffsets('text');