First off, Lets me understand your stylesheet. .FontStyleSheet is the class of the tag you want to give a font of Calibri. If this is so then your css should look like this:

@charset "utf-8";

@fontface{
font-family:Calibri;
src: url("Calibri.ttf");
}

.FontStyleSheet {
font-family: Calibri;
font-size: 12px;
}

Note that the Calibri.ttf file should be in the same location as the FontStyleSheet.css file

You can equally import the font using CSS. Which means you have to upload the font itself to the site. In your css you can do this:

@font-face {
src:url("path/to/font.ttf");
fontFamily: YourFontFamily;
}

selector {
fontFamily: YourFontFamily;
}

You would have to monitor the text boxes' onKeyUp event. For every invoke of the event you would copy the content of the respective text box and represent in the respective area. Example:

/**
* variable x is the id of the text box you want copied
* and y is the id of the tag you want the text box's value to be copied to
**/

function copy(x,y)
{
var text=document.getElementById(x).value;
document.getElementById(y).innerText = text;
}

The above should be placed in a script tag preferably within your head tag. Then add the following code to the respective textboxes:

Well for starters your hidden element should look like this: <input type="hidden" name="HddElement" id="HddElement" />

Here:

$file = "output.txt";//file to write to
$f = fopen($file, 'w');//open file for writing
$date = date("G:i:s A");//gets the server time with the format: 24:00:00 AM
fwrite($f, $date);//write to file
fclose($f);//close file after writing

check the php manual for more formats for the date function

nocturnal

You would have to stop the default action of the element. You can achieve that by returning a false right after the showHint function. Your code should look like the following: <INPUT TYPE="image" SRC="submit_button.gif" HEIGHT="30" WIDTH="173" BORDER="0" ALT="Submit Form" onClick="showHint(this.value); return false;">