*.primary {background-color: rgb(90, 129, 40)}

*.secondary {background-color: rgb(41, 62, 45)}

*.tertiary {background-color: rgb(119, 178, 0)}

*.background {background-color: rgb(238, 245, 211)}

h1#website-title {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}

h2#website-slogan {font-family: "trebuchet ms", tahoma, sans-serif; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); font-style: normal; text-decoration: none}

*#content {font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; color: rgb(0, 0, 0); font-style: normal; text-decoration: none}

*#content a:link {font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; color: rgb(204, 0, 0); font-style: normal; text-decoration: none}

*#content a:active {font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; color: rgb(204, 0, 0); font-style: normal; text-decoration: none}

*#content a:visited {font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; color: rgb(204, 0, 0); font-style: normal; text-decoration: none}

*#content a:hover {font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; color: rgb(204, 0, 0); font-style: normal; text-decoration: underline}

*#navcontainer div a h3 {font-family: "trebuchet ms", tahoma, sans-serif; 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(83, 149, 0)}

*#navcontainer div a:hover {font-weight: normal; color: rgb(255, 255, 255); font-style: normal; text-decoration: none; background-color: rgb(83, 149, 0)}

*.accent {background: transparent url(../images/Main_Website_image_2.jpg) no-repeat top left}


