*.primary {background-color: rgb(71, 186, 0)}
*.secondary {background-color: rgb(11, 186, 0)}
*.tertiary {background-color: rgb(56, 189, 0)}
*.background {background-color: rgb(255, 229, 177)}
h1#website-title {font-family: "arial black", arial, sans-serif; font-size: 30px; font-weight: bold; color: rgb(0, 0, 0); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: arial, verdana, sans-serif; font-size: 20px; font-weight: normal; font-style: normal; text-decoration: none}
*#content {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(0, 0, 0); font-style: normal; text-decoration: none}
*#content a:link {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(31, 115, 111); font-style: normal; text-decoration: underline}
*#content a:active {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(31, 115, 111); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(31, 115, 111); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(10, 70, 67); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; color: rgb(10, 70, 67); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(10, 70, 67); font-style: normal; text-decoration: none; background-color: rgb(224, 224, 224)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(10, 70, 67); font-style: normal; text-decoration: none; background-color: rgb(224, 224, 224)}

