*.primary {background-color: rgb(124, 57, 38)}
*.secondary {background-color: rgb(169, 173, 82)}
*.tertiary {background-color: rgb(238, 160, 153)}
*.background {background-color: rgb(197, 203, 195)}
h1#website-title {font-family: arial, verdana, sans-serif; font-size: 32px; font-weight: bold; color: rgb(204, 255, 255); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: garamond, georgia, "palatino linotype", "book antigua", "times new roman", "ms mincho", serif; font-size: 25px; font-weight: bold; color: rgb(255, 255, 204); font-style: italic; text-decoration: none}
*#content {font-family: "comic sans ms"; font-size: 12px; font-weight: normal; color: rgb(0, 0, 0); font-style: normal; text-decoration: none}
*#content a:link {font-family: "comic sans ms"; font-size: 12px; font-weight: normal; color: rgb(164, 9, 25); font-style: normal; text-decoration: underline}
*#content a:active {font-family: "comic sans ms"; font-size: 12px; font-weight: normal; color: rgb(164, 9, 25); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: "comic sans ms"; font-size: 12px; font-weight: normal; color: rgb(164, 9, 25); font-style: normal; text-decoration: underline}
*#content a:hover {font-weight: normal; color: rgb(255, 51, 0); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: "comic sans ms"; font-size: 12px; font-weight: normal; color: rgb(0, 0, 0); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: normal; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(105, 101, 66)}
*#navcontainer div a:hover {font-weight: normal; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(105, 101, 66)}
*.accent {background: transparent url(../images/potters_wheel.jpg) no-repeat top left}