This is H1 Title 0px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque pulvinar sem, egetiaculis augue sodales a. Suspendisse non purus id elit imperdiet tempus ut vel dui. Aliquam porta metus finibus nisl aliquam pellentesque Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pellentesque pulvinar sem, egetiaculis augue sodales.

This is H2 Title 0px

This is H3 Title 0px

This is H4 Title 0px

This is H5 Title 0px

This is H6 Title 0px

Paragraph Text

font: Open Sans, sans-serif;
color: #515151;
font-Size: 18px;
font-style: normal;
font-variant: normal;
font-weight: 100;
line-height: 27px;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac velit libero, eu gravida nibh. Ut augue lorem, venenatis quis condimentum sit amet, lacinia tristique nunc. Maecenas elementum lacus id nisi volutpat vel viverra nunc ultricies. Sed aliquet sollicitudin risus, eu imperdiet nulla commodo malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Above is the space between paragraphs. Maecenas sagittis leo et leo tincidunt eu elementum lectus dictum. Pellentesque fermentum, magna in mattis interdum, ante tortor molestie justo, a volutpat magna dui id turpis. Pellentesque eros nibh, venenatis non malesuada sit amet, sodales vitae augue. Proin ornare malesuada odio sed pulvinar. Donec faucibus velit sed nulla sodales et suscipit lectus placerat. Quisque quis gravida augue.

For the color emphasis of text, a dark red is needed to meet WCAG color contrast requirements. Use #C52F00 and make it bold.

Blockquote (https://www.cssfontstack.com/Open-Sans)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac velit libero, eu gravida nibh. Ut augue lorem, venenatis quis condimentum sit amet, lacinia tristique nunc. Maecenas elementum lacus id nisi volutpat vel viverra nunc ultricies. Sed aliquet sollicitudin risus, eu imperdiet nulla commodo malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas sagittis leo et leo tincidunt eu elementum lectus dictum. Pellentesque fermentum, magna in mattis interdum, ante tortor molestie justo, a volutpat magna dui id turpis. Pellentesque eros nibh, venenatis non malesuada sit amet, sodales vitae augue. Proin ornare malesuada odio sed pulvinar. Donec faucibus velit sed nulla sodales et suscipit lectus placerat. Quisque quis gravida augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac velit libero, eu gravida nibh. Ut augue lorem, venenatis quis condimentum sit amet, lacinia tristique nunc. Maecenas elementum lacus id nisi volutpat vel viverra nunc ultricies.

Sed aliquet sollicitudin risus, eu imperdiet nulla commodo malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas sagittis leo et leo tincidunt eu elementum lectus dictum. Pellentesque fermentum, magna in mattis interdum, ante tortor molestie justo, a volutpat magna dui id turpis. Pellentesque eros nibh, venenatis non malesuada sit amet, sodales vitae augue. Proin ornare malesuada odio sed pulvinar. Donec faucibus velit sed nulla sodales et suscipit lectus placerat. Quisque quis gravida augue.

Unordered List

Bullet point as part of an unordered list
Bullet point as part of an unordered list
Maecenas sagittis leo et leo tincidunt eu elementum lectus dictum. Pellentesque fermentum, magna in mattis interdum, ante tortor molestie justo, a volutpat magna dui id turpis. Pellentesque eros nibh, venenatis non malesuada sit amet, sodales vitae augue.

When an unordered list reverts to paragraph style the spacing is what we see in this situation.

Unordered List as Links

Bullet point as part of an unordered list
Bullet point as part of an unordered list
Bullet point as part of an unordered list

When an unordered list reverts to paragraph style the spacing is what we see in this situation.

Ordered List

Numbered item as part of an ordered list
Numbered item as part of an ordered list
Maecenas sagittis leo et leo tincidunt eu elementum lectus dictum. Pellentesque fermentum, magna in mattis interdum, ante tortor molestie justo, a volutpat magna dui id turpis. Pellentesque eros nibh, venenatis non malesuada sit amet, sodales vitae augue.

When an ordered list reverts to paragraph style the spacing is what we see in this situation.

Small Text

Links

Important Marketing Questions

Tables

For aligning text into columns:

column 1	column 2	column 3
column 1	column 2	column 3

Colors

#54a1b1	Light Blue Link Text
#128dbe	Medium Blue
#095572	Dark Blue
#fdc741	Yellow
#f9efaf	Light Yellow
#74a060	H1	design	#567426	aa 4.5.1+	#3D511B	aaa 7.1+
#74a060	H2	design	#567426	aa 4.5.1+	#3D511B	aaa 7.1+
#e2bd1b	H4	design	#947201	aa 4.5.1+	#A34F00	aa 4.5.1+	#8C4400	aaa 7.1+
#128dbe	H3	design	#107896	aa 4.5.1+	#095572	aaa 7.1+
#515151	<p> Text	design	#666666	aa 4.5.1+	#555555	aaa 7.1+
#e5e5e5	Light Gray
#ababab	Medium Gray
#a1a1a1	Medium Gray
#959595	Medium Gray
#888888	Medium Gray
#222222	Dark Gray		#222222		#222222
#f16d4f	About	design	#CF402F	aa 4.5.1	#C52F00	aa 4.5.1	#972400	aaa 7.1
#99ccd6	Clients	design	#327C91	aa 4.5.1	#0974AF	aa 4.5.1	#075783	aaa 7.1
#c6c752	Providers	design	#567426	aa 4.5.1	#3D511B	aaa 7.1
#c7b481	Resources	design	#7e6701	aa 4.5.1	#665300	aaa 7.1
#b1cca1	Other	design	#137A5C	aa 4.5.1	#0D523E	aaa 7.1

Image Standards

Photographs should be provided to the design team in high resolution so they are available for commercial printing of brochures as well as for use on the website. File sizes are usually over 1MB and often in the 5MB range. Large files give the designer more latitude to crop images to the standard sizes used on the website. After cropping images they need to be optimized for quick online loading. There are tools to do that.

Images displayed at the top of the home page are 1920px x 850px @72 pixels per inch (or dpi) resolution
Images displayed on the interior pages at 100% wide are shown 757px wide and typically 400px high @72 pixels per inch (or dpi) resolution
Images displayed on the Quick Links and Current News pages at 100% wide are shown 757px wide and typically 500px high @72 pixels per inch (or dpi) resolution on the interior page that the content on the home page links to.
Images displayed in the text area of a page with "text wrap" are typically aligned right and 250px-350px wide.
Thumbnail images are displayed 150px square.

thumbnail image 150px x 150px

Style Guide