H1 {font-family: arial,helvetica; font-size: 12pt; color: black}

.crystals {
font: bold 9px/16px Verdana, Arial, Helvetica, sans-serif;
}

.crystals a,.menu a:link,.menu a:active,.menu a:visited {
display: block;
color: #8696D4;
font: bold 9pt Arial, Helvetica, sans-serif;
height: 9pt;
text-decoration: none;
}

.crystals a:hover {
display: block;
color: #344FBA;
font: bold 9pt Arial, Helvetica, sans-serif;
cursor: pointer;
height: 9pt;
text-decoration: none;
}
 //-remove "background:" lines before using

.watersmart {
font: bold 9px/16px Verdana, Arial, Helvetica, sans-serif;
}

.watersmart a,.menu a:link,.menu a:active,.menu a:visited {
display: block;
color: #DFA97E;
font: bold 9pt Arial, Helvetica, sans-serif;
height: 9pt;
text-decoration: none;
}

.watersmart a:hover {
display: block;
color: #CB702A;
font: bold 9pt Arial, Helvetica, sans-serif;
cursor: pointer;
height: 9pt;
text-decoration: none;
}

.other {
font: bold 9px/16px Verdana, Arial, Helvetica, sans-serif;
}

.other a,.menu a:link,.menu a:active,.menu a:visited {
display: block;
color: #7ED588;
font: bold 9pt Arial, Helvetica, sans-serif;
height: 9pt;
text-decoration: none;
}

.other a:hover {
display: block;
color: #2BB93E;
font: bold 9pt Arial, Helvetica, sans-serif;
cursor: pointer;
height: 9pt;
text-decoration: none;
}