*.primary {background-color: rgb(132, 111, 215)}
*.secondary {background-color: rgb(255, 206, 115)}
*.tertiary {background-color: rgb(255, 165, 0)}
*.background {background-color: rgb(204, 204, 204)}
h1#website-title {font-family: verdana, arial, sans-serif; font-size: 24px; font-weight: normal; color: rgb(120, 0, 109); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: normal; color: rgb(193, 198, 202); 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(132, 109, 247); font-style: normal; text-decoration: underline}
*#content a:active {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(132, 109, 247); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(132, 109, 247); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: rgb(101, 73, 215); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: rgb(50, 50, 58); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(254, 237, 183); font-style: normal; text-decoration: none; background-color: rgb(132, 111, 215)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(254, 237, 183); font-style: normal; text-decoration: none; background-color: rgb(132, 111, 215)}
*.accent {background: transparent url(../images/banner.jpg) no-repeat top left}
