*.primary {background-color: rgb(153, 0, 0)}
*.secondary {background-color: rgb(255, 204, 120)}
*.tertiary {background-color: rgb(255, 246, 146)}
*.background {background-color: rgb(255, 212, 179)}
h1#website-title {font-family: Georgia; font-size: 28px; font-weight: bold; color: rgb(255, 255, 15); font-style: italic; text-decoration: none}
h2#website-slogan {font-family: Times New Roman; font-size: 24px; font-weight: bold; color: rgb(248, 22, 0); font-style: normal; text-decoration: none}
*#content {font-family: Georgia; font-size: 14px; font-weight: normal; color: rgb(186, 44, 0); font-style: normal; text-decoration: none}
*#content a:link {font-family: Arial; font-size: 10px; font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:active {font-family: Arial; font-size: 10px; font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: Arial; font-size: 10px; font-weight: normal; color: rgb(88, 121, 147); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: Arial; font-size: 10px; font-weight: normal; color: rgb(79, 109, 132); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: Georgia; font-size: 14px; font-weight: bold; color: rgb(230, 41, 0); font-style: italic; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(255, 44, 106); font-style: italic; text-decoration: none; background-color: rgb(255, 202, 200)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(255, 44, 106); font-style: italic; text-decoration: none; background-color: rgb(255, 202, 200)}
*.accent {background: transparent url(../images/Mirrored_Mirrored_Banner.jpg) no-repeat top left}