*.primary {background-color: rgb(0, 24, 40)}
*.secondary {background-color: rgb(0, 22, 47)}
*.tertiary {background-color: rgb(0, 26, 58)}
*.background {background-color: rgb(0, 22, 40)}
h1#website-title {font-family: Times New Roman; font-size: 20px; font-weight: bold; color: rgb(62, 255, 255); font-style: normal; text-decoration: none}
h2#website-slogan {font-family: Times New Roman; font-size: 18px; font-weight: bold; color: rgb(7, 240, 255); font-style: normal; text-decoration: none}
*#content {font-family: Times New Roman; font-size: 14px; font-weight: bold; color: rgb(4, 255, 248); font-style: normal; text-decoration: none}
*#content a:link {font-family: Times New Roman; font-size: 14px; font-weight: bold; color: rgb(4, 255, 248); font-style: normal; text-decoration: underline}
*#content a:active {font-family: Times New Roman; font-size: 14px; font-weight: bold; color: rgb(4, 255, 248); font-style: normal; text-decoration: underline}
*#content a:visited {font-family: Times New Roman; font-size: 14px; font-weight: bold; color: rgb(4, 255, 248); font-style: normal; text-decoration: underline}
*#content a:hover {font-family: Times New Roman; font-size: 14px; font-weight: bold; color: rgb(4, 255, 248); font-style: italic; text-decoration: underline}
*#navcontainer div a h3 {font-family: Times New Roman; font-size: 16px; font-weight: bold; color: rgb(91, 240, 255); font-style: normal; text-decoration: none}
*#navcontainer div a:hover h3 {font-weight: bold; color: rgb(91, 240, 255); font-style: normal; text-decoration: none; background-color: rgb(0, 19, 66)}
*#navcontainer div a:hover {font-weight: bold; color: rgb(91, 240, 255); font-style: normal; text-decoration: none; background-color: rgb(0, 19, 66)}
*.accent {background: transparent url(../images/pier_feature_use.JPG) no-repeat top left}