To maintain the same look and feel throughout the site all the pages link to a Cascading Style Sheet (CSS) file, in this case it's a file called default.css in the root directory of the site. The CSS file determines the way every single piece of text appears throughout the site, from page articles to menu links. It doesn't just define the text styles either as it also takes care of some default table and cell styles.

The CSS file determines several backgrounds and their placement however you will not need to use any of these styles as they are part of the default page structure already.

Visual representations

Here's how all the various styles used on this site look on the page.

Page Header Purpose to page here further info on purpose of page or any special instructions here Whats New Table Used mainly on each section's Home page if needed to highlight any new additions to each section. The colour of this text is all part of the table and does not need to be applied seperately. Important Table Used mainly on each section's Home page if needed to highlight any notes of Importance about each section. The colour of this text is all part of the table and does not need to be applied seperately. ^^ Picture Table ^^ replace picture when table has been pasted into the destination page

When you open a page in Frontpage all the styles in any the linked style sheet are loaded into the top right pull down menu and are then selectable from there (see picture).

Certain types of style are easily applied by copying and pasting exisiting examples. For this purpose you will find a file in the /templates directory called styles.shtml. This contains the visual representations of all the styles on this site so you can copy and paste from this file as directed in the following instructions.

All the different coloured Section Bars are shown on this page, all detailing which section/area of useage they apply to. Load the styles.shtml file into Frontpage and select the one that you require by placing the cursor inside the table and selecting table>select>table from the pull down menus in Frontpage, this will highlight the entire Section Bar. Next select edit>copy then simply edit>paste into the page you wish to use it.

Applying text styles in Frontpage is an easy task and simply involves highlighting the required area of text then selecting the required style for the top right pull down menu (see earlier picture). This is fine for complete paragraphs but leads us on to one of Frontpage's serious limitations. If you try changing the text style on a few words in a paragraph Frontpage will apply the style to the entire paragraph.

To get around this you will have to use the Font Toolbar in Frontpage and alter the text according to the values in the Style Sheet to maintain a consistent look across the whole site.

To colour a section of text in Blue highlight the required text the set the font toolbar as follows :-
Leave Style as Normal, Select font Verdana, leave size as Normal, select font colour (last icon) as Blue (if you leave the mouse over each colour text will appear telling you the text name).

To colour a section of text in Red highlight the required text the set the font toolbar as follows :-
Leave Style as Normal, Select font Verdana, leave size as Normal, select font colour (last icon) as Red.

Note : All Hyperlinks automatically pick up the correct style from the Style Sheet as does any text inside the Content Window.

As with the Section Bars all the various predefined tables are shown on this page, all detailing which area of useage they apply to. Simply load the styles.shtml page into Frontpage and select the one that you require by placing the cursor inside the table and selecting table>select>table from the pull down menus in Frontpage, this will highlight the entire Section Bar. Next select edit>copy then simply edit>paste into the page you wish to use it.

It cannot be stressed enough how much better it is to simply copy and paste exisiting example rather than create everything from scratch. For example if you were adding a page inside the Maintenance section then use an exisiting Maintenance page as your template and alter accordingly.