Style Sheet Glossary
Policies
Procedures
Resources
Help
Children's Guidelines
Notification Form
Getting Started
Setting Up a Site Map
Writing Style Guide
Design Style Guide
Branding & Identity
Graphics Guidelines
Graphics Best Practices
Photography
Page Design Guidelines
Page Design Best Practices
Screen Resolution
Template Overview
Template Dimensions
Template Types & Details
Stylesheet Glossary
Coding Standards
Site Navigation
Cascading Style Sheets are used with templates to further ensure consistency. The following is a listing of the classes used to develop and maintain pages for the Intranet.

The classes and their explanations are listed in order of frequency of use. Examples of each class are indicated in red.

For samples on how to use classes see the Coding Standards page.

copy, text and BODY (default)
"Copy" is standard body copy.

Color: #003366
Font-weight: normal
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

copymain
"Copymain" is body copy but a dark gray in color.

Color: #333333
Font-weight: normal
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

copymainbold
"Copymainbold" is the bold version of standard body copy. It is used for emphasis within copy, as well as for subtitles.

Color: #333333
Font-weight: bold
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

pagetitle
"Pagetitle" is the class used for the main title of a page.

Color: #555555
Font-weight: bold
Font-size: 13 pt
Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif



MainHed
"MainHed" is the class used for the main title of a page.

Color: #336699
Font-weight: bold
Font-size: 16 px
Font-family: Arial,Helvetica,sans-serif



Title
"Title" is the class used for a title within a page.

Color: #3366CC
Font-weight: bold
Font-size: 11 pt
Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif

navheader
"Navheader" is the non-linking title that appears above right side navigation

Color: #555555
Font-weight: bold
Font-size: 9 pt
Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif

formtext
"Formtext" is the text used in form fields

Color: #333333
Font-weight: normal
Font-size: 8 pt
Font-family: Verdana, Arial, Geneva, sans serif

ul
"Ul" are unordered lists of bulleted items.

Color: #003366
Font-weight: bold
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

li
"Li" is a list element; either bulleted or numbered and found in unordered lists or ordered lists.

Color: #003366
Font-weight: normal
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

ol
"Ol" are ordered lists. Items are indented and numbered, not bulleted.

Color: #003366
Font-weight: normal
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

Right Navigation Bar
l1navoff
"L1navoff" is the "off" state of an item in the first level of right side navigation.

Color: #336699
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l1navoff:hover
"L1navoff:hover" is the "hover or roll-over" state of an item in the first level of right side navigation.

Color: #333333
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l1navon
"L1navon" is the "on" state of an item in the first level of right side navigation.

Color: #333333
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l1navon:hover
"L1navon:hover" is the "hover or roll-over" state of a selected item in the first level of right side navigation.

Color: #EE9C00
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l2navoff
"L2navoff" is the "off" state of an item in the second level of right side navigation.

Color: #339999
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l2navoff:hover
"L2navoff:hover" is the "hover or roll-over" state of an item in the second level of right side navigation.

Color: #333333
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l2navon
"L2navon" is the "on" state of an item in the second level of right side navigation.

Color: #000000
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l2navon:hover
"L2navon:hover" is the "hover or roll-over" state of a selected item in the second level of right side navigation.

Color: #EE9C00
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l3navoff
"L3navoff" is the "off" state of an item in the third level of right side navigation.

Color: #339999
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l3navoff
"L3navoff" is the "off" state of an item in the third level of right side navigation.

Color: #555555
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l3navoff:hover
"L3navoff:hover" is the "the hover or roll-over" state of an item in the third level of right side navigation.

Color: #111111
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l3navon
"L3navon" is the "on" state of an item in the third level of right side navigation.

Color: #111111
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

l3navon:hover
"L3navon:hover" is the "the hover or roll-over" state of an item in the third level of right side navigation.

Color: #EE9C00
Font-weight: normal
Font-size: 8 pt
text-decoration: none
Font-family: Verdana, Arial, Geneva, sans serif

type02MenuLink
"type02MenuLink" is used for linkable items on index pages

Color: #888888
Font-weight: normal
text-decoration : underline
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

type02MenuLink:hover
"type02MenuLink:hover" is used for the hover or roll-over effect on index pages.

Color: #000000
Font-weight: normal
text-decoration : underline
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

anchor tag
"A" is used for any href in copy text that is not another class. For example, links within body copy, or "back/ return to top".

Color: #3366CC
Font-weight: normal
text-decoration : underline
Font-size: 9 pt
Font-family: Verdana, Arial, Geneva, sans serif

SM
"SM" is used where you want a smaller link font.

Color: #3366CC
Font-weight: normal
text-decoration : underline
Font-size: 7 pt
Font-family: Verdana, Arial, Geneva, sans serif