Style Guide

Colors

Typography

H1

H2

H3

H4

H5
H6

Blockquote

Blockquote. Highlight all text and from the Style pull down menu - choose the style "Blockquote" to apply the style to the text. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. choose the style "cite" from the Style pull down menu to apply this style.

Body Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Bold Italic Hyperlink
  • Unordered List
  • Unordered List
  • Styled List
  • Styled List
  1. Ordered List
  2. Ordered List

Callout

Callout text - 20px #A01413 highlight all text and from the Style pull down menu - choose the style "Callout" to apply the style to the text. Nullam quis risus ornare vel eu leo. Lorem ipsum dolor sit amet, cons.

Buttons & Tabs

Tabs

Tables & Accordions

Header Header Header
Content Content Content
Content Content Content
Content Content Content

To apply style to table: select table and click on "gear" icon to access the table settings.

Accordion

Image Sizes

  • Home Page Slideshow: 1440 x 687 pixels
  • MegaNav Images: 216 x 176 pixels to maintain size as per the design comp. Width should be maintained at 216px - the height can be larger than 176px but this will increase the height of the MegaNav.

Textblocks, News & Calendar

News element below is a shared element:

News - White Background.

All news thumbnails can be cropped to 570 x 512 pixels

News

News element below is a shared element:

News - Grey Background.

All news thumbnails can be cropped to 570 x 512 pixels

News

Calendar element below is a shared element:

Calendar - White Background.

Calendar

Calendar element below is a shared element:

Calendar - Grey Background.

Calendar