//Start Copying Here

//This defines the font you want to use as a variable for this example the font file is named "yourfont.swf"
//Note that the file path is root then sIFR and your font. 
//This path is important
var futura= {
      src: '/sIFR/futura.swf'
};
var futurasingle= {
      src: '/sIFR/futurasingle.swf'
};
var futuraTEElig= {
      src: '/sIFR/futuraTEElig.swf'
};
//This activates your font file and enable sIFR to work
//NOTE: this no longer has .swf at the end. This is because we are now naming a variable and from now on throughout the font file you
sIFR.activate(futura);
sIFR.activate(futurasingle);
sIFR.activate(futuraTEElig);

//This is where you add your CSS Class 
//This can be repeated for infinite number of classes as long as you are using the same font.
//In order to use a new font file you MUST copy the first 4 lines of actual code above.

sIFR.replace(futurasingle, {
      selector: 'div.pageheader',
      css: [
      '.sIFR-root { font-size:30px; text-align: center; line-height: 20; background-color: #971DA9; letter-spacing: -0.7; padding-top: 10px; margin:0; font-weight:normal; color:#ffffff; }'
      ]
});
sIFR.replace(futura, {
      selector: 'div.pageheadermulti',
      css: [
      '.sIFR-root { font-size:30px; text-align: left; line-height: 20; background-color: #971DA9; letter-spacing: -0.7; padding: 0; margin:0; font-weight:normal; color:#ffffff; }'
      ]
});
sIFR.replace(futuraTEElig, {
      selector: 'div.eventheader',
      css: [
      '.sIFR-root { font-size:22px; text-align: left; background-color: #632662; letter-spacing: 0; padding: 0; margin:0; font-weight:bold; color:#ffffff; }'
      ]
});
sIFR.replace(futuraTEElig, {
      selector: 'div.eventheadersm',
      css: [
      '.sIFR-root { font-size:14px; text-align: center; background-color: #632662; letter-spacing: 0; padding: 0; margin:0; font-weight:bold; color:#ffffff; }'
      ]
});

// Stop Copying Here