Heading 1 - Typically Main Title

Heading 2 (Secondary Heading)

Lead-in text (p format): This is lead-in text, and should be used for an introductory sentence or short paragraph. There should never be more than one paragraph of intro text.

P: This is paragraph text which should be used for the majority of all text content on the page. Inline links, which look like this, may be added to paragraph text using the link icon. Paragraphs are ended with the return key, which will create a large margin at the end of the paragraph:

Within each paragraph a “single-line break” may also be created by holding down shift, and then hitting return:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Small paragraph text. This is small-paragraph text which should be used for content that is second in heirarchy, like the Helpful links sidebar. This style can be used by manually adding 'class="small"' inside the wrapping tag.


Heading 3 (Sub-heading)

Heading 3 should be used to break up content into headed sub-sections.

  • This is
  • an “unordered”
  • or bulleted list
    • This is a sub bullet

Heading 4 (Sub-heading 2)

Heading 4 should be used only within sub-sections (headed by a sub-heading), and for very granular content.

  1. This is
  2. an “ordered”
  3. or numbered
    1. list

This is bold text and should be used inline and never for headings. This is italic text.

“Blockquote text. This can be used to highlight important information or share a testimonial.”- Quote Attribution. (if needed. This style can be used by manually adding a <caption>Attribution</caption> inside the <blockquote> tags)

Below is a horizontal rule. Horizontal rules should be used sparingly (once or twice per page) to separate content of completely different subject matters. A horizontal rule should immediately be followed by a Heading 3. This style can be used by manually adding an <hr> tag.


Dark Button
Light Button

See Register page for input and checkbox examples