Please note: the background is set to gray to better see all the web styles.

Style Guide Contents

• Text Styles
• Styles Applied to Common HTML Tags
• Link Styles
• Tables Styles

Text Styles

.textbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.textgreen {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006633;}

.textitalic {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}

.textunderline {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}

.textwhite {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}

.textwhitebold {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold;}

.textsmall { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.textsmallbold { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.textlarge { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px;}

.textlargebold { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.textlargegray { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; }

.text9px {font-size: 9px;}

.text10px {font-size: 10px;}

.text11px {font-size: 11px;}

.text12px {font-size: 12px;}

.larger {font-size: 120%; line-height: 120%;}

.missiontext { color: #006633; font-size: 12px; font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif; line-height: 25px; }

.pagetitle { color: #006633; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-weight: bold; }

.serif {font-family: Georgia, Palatino, Times New Roman, Times, serif;}

.titleUSF { color: #000000; font-size: 11px; font-weight: bold; font-family: Helvetica Neue; }

Back to Top

Styles Applied to Common HTML Tags

h1 { color: #006633; font-size: 13px; font-family: Verdana, Arial, Helvetica;}

h2 { color: #006633; font-size: 12px; font-family: Verdana, Arial, Helvetica;}

h3 { color: #006633; font-size: 11px; font-family: Verdana, Arial, Helvetica }

h4 { color: #006633; font-size: 10px; font-family: Verdana, Arial, Helvetica }

h5 { color: #006633; font-size: 9px; font-family: Verdana, Arial, Helvetica }

p { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

body { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

ul { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 15px; padding-left: 5px;}

li { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

blockquote { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

td { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

th {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: white; font-weight: bold;}

Back to Top

Link Styles

a { font-family: Verdana, Arial, Helvetica; text-decoration: underline; color:#000000}
a:visited {color: #663300; font-family: Verdana, Arial, Helvetica; text-decoration: underline;}
a:hover {color: #663300; font-family: Verdana, Arial, Helvetica; text-decoration: underline;}
a:active {color: #663300; font-family: Verdana, Arial, Helvetica; text-decoration: underline;}

.footer { font-family: Verdana, Arial, Helvetica; text-decoration: none; color:#006633; font-size: 9px; line-height: 20px; }
.footer:hover { color: #006633; text-decoration: underline; font-size: 9px; line-height: 20px;}

.linkLight { color: #FFFFFF; }

.linkwhite {color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.linkwhite:visited {color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.linkwhite:hover {color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: underline }

.linkND {color: #006633; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.linkND:visited {color: #006633; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.linkND:hover {color: #663300; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: underline; }
.linkND:active {color: #663300; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: underline; }

.linkNDbold {color: #006633; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-decoration: none;}
.linkNDbold:visited {color: #7f7f7f; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold;}
.linkNDbold:hover {color: #006633; font-family: Verdana, Arial, Helvetica; text-decoration: underline; font-weight: bold;}
.linkNDbold:active {color: #7f7f7f; font-family: Verdana, Arial, Helvetica; text-decoration: underline; font-weight: bold;}

.navlevel3 {color: #006633; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; line-height: 13px }
.navlevel3:hover { color: #006633; text-decoration: underline }
.navlevel3:visited {color: #006633; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; line-height: 13px }

.navhighlight3 {color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: none; line-height: 15px;}

.navright {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.navright:hover { color: #006633; text-decoration: none }

.navrightsmall {color: #FFFFFF; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.navrightsmall:hover { color: #006633; text-decoration: none }

.navrightyellow {color: #CC9933; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.navrightyellow:hover { color: #CC9933; text-decoration: none }

.navtopcontact {color: #FFFFFF; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; text-decoration: none; }
.navtopcontact:hover { color: #FFFFFF; text-decoration: underline }

/* styles for all top level navigation */
.navtoptext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #006633; }
.navtop1iout { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFCC; letter-spacing: 1px;}
.navtop1iover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #FFCC33; letter-spacing: 1px;}
.navtop1oout { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFCC; background: #006633 ;}
.navtop1oover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration : none; font-weight: bold; background: #006633; color: #FFCC33; }

Back to Top

Table Styles

.rowColorAlt { background-color: #eeeeee; }

.tableborder { border-top : 1px solid #000000; border-right : 1px solid #000000; border-bottom : 1px solid #000000; border-left : 1px solid #000000; }

.tablebordergreen { border-color: #CCCCCC; border : 1 px; border-bottom-style : solid; border-bottom-color: cccc99; border-top-style: solid; border-top-color: cccc99; border-left-style : solid; border-left-color: cccc99; border-right-style : solid; border-right-color: cccc99; }

.navtoptable { border: 1px outset #999966; background: #E6E6BD;}

Back to Top