*.primary {background-color: rgb(98, 117, 132)}
*.secondary {background-color: rgb(210, 223, 242)}
*.tertiary {background-color: rgb(253, 231, 184)}
*.background {background-color: rgb(240, 240, 230)}
h1#website-title {font-family: georgia, "times new roman", serif; font-size: 20px; font-weight: bold; color: rgb(255, 51, 255); font-style: italic; text-decoration: none}
h2#website-slogan {font-family: georgia, "times new roman", serif; font-size: 14px; font-weight: normal; color: rgb(153, 0, 153); font-style: italic; text-decoration: none}
*#content {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(204, 0, 156); font-style: normal; text-decoration: none}
*#content a:link {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(153, 0, 153); font-style: normal; text-decoration: underline}
*#content a:active {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(153, 0, 153); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(153, 0, 153); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(109, 0, 87); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: georgia, "times new roman", serif; font-size: 12px; font-weight: bold; color: rgb(153, 0, 153); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(255, 51, 255); font-style: normal; text-decoration: none; background-color: rgb(255, 182, 244)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(255, 51, 255); font-style: normal; text-decoration: none; background-color: rgb(255, 182, 244)}
*.accent {background: transparent url(../images/frontpage6_0_overlay_text_.jpg) no-repeat top left}