body {padding:0; margin:0; background-image: url('images/mainbg.jpg'); background-repeat:repeat-x; background-color:#FFFCED}

table.chart {color:#000000; font-family:Georgia,serif; font-size:9pt}

td.chart {background-image: url('images/chartbg.jpg'); height:194px; background-repeat:no-repeat; text-align:center; padding-top:.5em; border-top:1px solid #000000; color:#FFFFFF; font-family:Georgia,serif; font-size:9pt}

td.content {background-image: url('images/contentbg.jpg'); background-repeat:repeat-y; padding:4em; border-bottom:1px solid #000000; border-top:1px solid #000000; color:#FFFFFF; font-family:Georgia,serif; font-size:10pt}

table.content {color:#FFFFFF; font-family:Georgia,serif; font-size:10pt}


td.copy {color:#000000; font-family:Georgia,serif; font-size:7pt; text-align:center; padding-top:1em}

/* This document contains examples of styles that should be useful for making
 * forms with the template system. You could copy them into your stylesheet,
 * and modify them to suit your design */



/* Here's an example of a set of styles you might use to change the captions of
 * form fields to indicate which are required, which are optional, and which
 * have been filled incorrectly (e.g. not filled at all) */
*.required_caption { text-align: right; vertical-align: top; font-weight: bold; }
*.error_caption { text-align: right; vertical-align: top; font-weight: bold; color: red; }
*.optional_caption { text-align: right; vertical-align: top; }

/* You can have as many sets of these styles as you need. In some cases it does
 * not work to change the color/boldness of text (such as when you have a
 * pulldown with no caption. Perhaps these styles for changing the background
 * color would be useful in such cases. */
*.required_bg { text-align: right; font-weight: bold; }
*.error_bg { background-color: red; text-align: right; padding: 2px; }
*.optional_bg { text-align: right; }

*.required_left_caption { text-align: right; font-weight: bold; }
*.error_left_caption { text-align: right; font-weight: bold; color: red; }

*.form_field { vertical-align: top; align:left; }
*.template { color: red; font-size: 26px; }

*.required_right_caption { text-align: left; font-weight: bold; }
*.error_right_caption { text-align: left; font-weight: bold; color: red; }

*.required_center_caption { text-align: center; font-weight: bold; }
*.error_center_caption { text-align: center; font-weight: bold; color: red; }

span.required { font-weight: bold; }
span.error { font-weight: bold; color: red; }

