@charset "utf-8";
/*
**  contactus.css
**  This style sheet is used by the 'contactus' page.
*/

/*
**  For faster page loading, tell the browser to only look at the first row
**  of the contacts table when determining the column widths.
*/
contacts_table {table-layout:fixed}

/*
**	Format the contact details column.
*/
.contact_details {width:200px; vertical-align:top; padding:20px 0 20px 0;
					text-align:center; font-weight:bold}

/*
**	Format the contact photo column.
*/
.contact_photo {vertical-align:top; padding:0 0 20px 0}

/*
**  Format the fieldset for the message facility.
*/
fieldset {margin-bottom:1em; padding:2em 0 1em 1em}
#fs_message {background:#f3b4f5; border:outset #f3b4f5}

/*
**  Format any messages that might result from the Submit Button being
**  activated.
*/
#err {margin-right:1em; background-color:yellow; color:red}
#ok  {margin-right:1em; background-color:#00ff00; color:black}

/*
**  Recreate the legend effect (see Castro page 261).
*/
p.legend {background:#f3b4f5; border:2px solid; color:black; font-weight:bold;
    padding:.2em .3em; position:relative; margin:1em 0 -1em 1em; width:8em}

/*
**  Set the font for the input fields.
*/
.ip_field {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px; margin-bottom:15px}

/*
**  Set the font for the 'create message' text area.
*/
#ta_message {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px}

/*
**  Arrange that the 'Send Message' button will be centred for Internet
**  Explorer.
*/
#sendpara {text-align:center}

/*
**  Format the 'Send Message' button and arrange that it will be centred for
**  most browsers.
*/
#sendbutton {display:block; text-decoration:none; width:8em;
    margin-left:auto; margin-right:auto; margin-top:2px; margin-bottom:2px;
    color:#000080; background-color:#d4ecfb; border:5px outset #d4ecfb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px}