*.primary {background-color: rgb(153, 0, 0)}
*.secondary {background-color: rgb(255, 255, 255)}
*.tertiary {background-color: rgb(113, 110, 110)}
*.background {background-color: rgb(200, 200, 200)}
h1#website-title {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 25px; font-weight: normal; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 14px; font-weight: bold; color: rgb(85, 85, 85); font-style: italic; text-decoration: none}
*#content {font-family: tahoma, "trebuchet ms", sans-serif; font-size: 12px; font-weight: normal; color: rgb(106, 105, 105); font-style: normal; text-decoration: none}
*#content a:link {font-family: tahoma, "trebuchet ms", sans-serif; font-size: 12px; font-weight: normal; color: rgb(144, 8, 8); font-style: normal; text-decoration: underline}
*#content a:active {font-family: tahoma, "trebuchet ms", sans-serif; font-size: 12px; font-weight: normal; color: rgb(144, 8, 8); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: tahoma, "trebuchet ms", sans-serif; font-size: 12px; font-weight: normal; color: rgb(144, 8, 8); font-style: normal; text-decoration: underline}
*#content a:hover {font-weight: normal; color: rgb(72, 72, 72); font-style: normal; text-decoration: underline}
*#navcontainer div a h3 {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 11px; font-weight: bold; color: rgb(221, 221, 221); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(102, 0, 0)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(102, 0, 0)}
*.accent {background: transparent url(../images/lighthouse_web.jpg) no-repeat top left}