topContent -- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus.

Dept Name -- h2 class="deptTitle"

Page Name -- h3 class="pageTitle"


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor.

City Hall

For the graphic above, make sure you use <span class="image full">, so that the image works properly on tablet and mobile device screens.  The preferred maximum width of this graphic is 800 pixels.

"gray12option" Text, width is 75% and underlined

This is contBold

This is bold12black

This is contItalic

This is contBoldItalic

Press Release Title Text

Press Release Subtitle Text

Red Bold Text

Caption Text

ADA Friendliness

Use ALT Tags for graphics -- The basic reason for ALT Tags is to describe a graphic for webpage visitors who are blind or have a significant visual impairment. When someone utilizes a reading device such as JAWS, we want them to be able to identify graphics on our pages.

Do not use CLICK HERE for text links -- Use descriptive wording, as "click here" is ADA-unfriendly. The basic reason that “click here” should not be used is that when someone utilizes a reading device such as JAWS because they are blind or have a significant visual impairment, they will simply hear the words “CLICK HERE” instead of being directed to the reference page. So what most experts recommend is that the full text citation be listed instead of listing “click here”.

Color Contrasting -- Using Web Content Accessibility Guidelines (WCAG) 2.0, though AA contrasts are preferred, we are using AAA contrast ratios of 7:1 for normal text and 4.5:1 for large(r) text. Brand-compliant and AAA-compliant color contrasts are featured below.

Run your pages through the Web Accessibility Evaluation Tool at
http://wave.webaim.org/

ADA-compliant color contrasts below via
https://webaim.org/resources/contrastchecker/

Our website is required to be in compliance with
Section 508 of the Rehabilitation Act

A Title

twoColLeft (half width) Morbi in ipsum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non elit quis turpis maximus vehicula at at ante. Suspendisse eget augue convallis, mollis turpis quis, mollis odio. Donec eu rhoncus tellus. Vestibulum rhoncus, dolor et sagittis consequat, nulla purus iaculis orci, at interdum ligula ante non odio. Cras eget maximus risus.

 

A Title

twoColRight (half width) Morbi in ipsum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non elit quis turpis maximus vehicula at at ante. Suspendisse eget augue convallis, mollis turpis quis, mollis odio. Donec eu rhoncus tellus. Vestibulum rhoncus, dolor et sagittis consequat, nulla purus iaculis orci, at interdum ligula ante non odio. Cras eget maximus risus.

 

middleContent (full width) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor. Ut porta iaculis felis, in faucibus turpis feugiat quis. Pellentesque congue sem in turpis blandit auctor. Etiam bibendum molestie ante, vel eleifend dui dictum id. Aliquam vestibulum lacus vitae velit porttitor, sed dapibus nisi dignissim. Proin porta arcu quis dui sodales dignissim. Vivamus malesuada lectus at arcu hendrerit, sit amet vulputate urna ullamcorper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi purus ante, dapibus non magna vel, consequat elementum est.

An H2 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus.
Read more A Hyperlink

An H3 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus.
Read more A Hyperlink
A Bold Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus.
Read more A Hyperlink

threeColLeft25

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor. Ut porta iaculis felis, in faucibus turpis feugiat quis. Pellentesque congue sem in turpis blandit auctor.

threeColMiddle50

Placeholder GraphicLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor. Ut porta iaculis felis, in faucibus turpis feugiat quis. Pellentesque congue sem in turpis blandit auctor. Etiam bibendum molestie ante, vel eleifend dui dictum id.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor.

threeColRight25

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, A Hyperlink ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor. Ut porta iaculis felis, in A Hyperlink faucibus turpis feugiat quis.
bottomContent Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus justo sit amet mattis sodales. Nulla velit nulla, ultricies sit amet aliquet et, auctor nec tellus. Praesent in justo dolor. Ut porta iaculis felis, in faucibus turpis feugiat quis. Pellentesque congue sem in turpis blandit auctor. Etiam bibendum molestie ante, vel eleifend dui dictum id.

BLUE

(main color)

#34587F

SUB.BLUE

(decorate)

#4846AA

GRAY

(main text)

#595959

GOLD

(hover / line)

#74522F

GREEN

(border)

#415E26

RED

(attention)

#B30000

MAGENTA

(decorate)

#8A3860

Text for use on white #FFFFFF backgrounds. Primary BLUE is #4676AA

Text for use on gray #F3F3F3 backgrounds. Primary BLUE is #416F9F

BLUE

(main color)

#2F5074

SUB.BLUE

(decorate)

#43419F

GRAY

(main text)

#525252

GOLD

(hover / line)

#694A2B

GREEN

(border)

#3A5322

RED

(attention)

#A30000

MAGENTA

(decorate)

#7F3458