/* put tags first to override defaults */

p, td {font-size: 9pt; color: #000000;}

body {background:url(http://www.hpmi.us/images/hpmi_web_backgroundf8.jpg) top repeat-x;
	background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;line-height:17px;}

a {color:#517AAC;}
a:hover {color:#E17800;}

<!-- // styles for drop down menu -->
ul {
	font-family: arial, helvetica, serif;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style:none;
	line-height: 1;
}

#nav a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 2px;
	font-weight:bold;
	/*width: 70px; */
}

#nav a:hover {
	color: #803A56;
	display: block;
	text-decoration: none;
	padding: 2px;
	font-weight:bold;
}

#nav a.navlink:{
	color: #FFFFFF;
	background: #803A56;
	width: 152px;
	padding: 2px;
	font-weight:bold;
}

#nav a.navlink:hover{
	color: #803A56;
	background: #FFFFFF;
	width: 152px;
	padding: 2px;
	text-decoration:none;
	font-weight:bold;
}

#nav li { /* all list items */
	float: left;
	display: block; 
}

#nav li ul { /* second-level lists */
	background: #803A56;
	position: absolute;
	color: #FFFFFF;
	text-decoration:none;
	padding: 4px;
	width: 156px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.hover ul { /* lists nested under hovered list items */
	left: auto;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	display: block; 
}

#content {
	clear: left;
}

<!-- // end styles for drop down menu -->

/* put classes last to override tags */

.navigation {color:#666666; font-size: 9pt;  text-decoration:none; text-transform:uppercase; font-weight:bold;}
.navigation:hover {color:#666666; font-size: 9pt;  text-decoration:underline; text-transform:uppercase; font-weight:bold;}

.client-header {color:#888D49;  font-size: 14pt; font-weight:bold;text-transform: uppercase;}
.header {color:#813A56;font-size: 12pt; font-weight:bold;}
.sub-header {color:#888D49;  font-size: 10pt; font-weight:bold;}

.rightimage {border:1px solid #517AAC; margin-left:20px; margin-bottom:20px;}

.hpmi-home {font-size: 8pt; color: #666666; padding-bottom:10px;line-height:16px;}
.hpmi-info {padding-top:20px;  color:#517AAC; font-size:8pt;}

.quote { font-size: 8pt; color: #888D49; text-transform: uppercase; font-weight:bold;padding-bottom:10px;padding-top:10px;line-height:18px;}
.quote-orange {color:#E17800;}
.quote-author {padding-top:10px; padding-bottom:10px; font-size: 8pt; color:#666666;line-height:16px;}

.contactinfo {font-size: 8pt; color: #517AAC; font-weight:bold;}
.footer {font-size: 8pt; color: #666666;line-height:16px;}

.required {font-size: 8pt; color: #FF0000; font-style:italic;}


.class { background-color:#f1f7ff;}
.challenge {background-color:#fff9f2;}
.feedback {background-color:#F7F8F1;}
.coaching {background-color:#F0E9F8;}
.other {background-color:#EFEFEF;}


.scrollbars{scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #ECECEC; scrollbar-3dlight-color: #813A56; scrollbar-shadow-color: #813A56; scrollbar-darkshadow-color: #813A56; scrollbar-arrow-color: #7492E7; scrollbar-track-color: #ABAFBA;}

.text {background-color:#FFFFFF; border:1px solid #813A56; color: #000000; width:175px; font-size: 9pt; }
.dropdown {background-color:#FFFFFF; border:1px solid #813A56; color: #000000; font-size: 9pt;}
.antibottext {background-color:#FFFFFF; border:1px solid #813A56; color: #000000; width:50px; font-size: 9pt; }
.textarea {background-color:#FFFFFF; border:1px solid #813A56; color: #000000; width:400px; font-size: 9pt; font-family:Arial, Helvetica, sans-serif;}
.button {background-color:#FFFFFF; border:2px solid #813A56; color: #517AAC; font-weight:bold; font-size: 10pt; }



.bar {
	width:99%;
	border:1px solid #E13740;
	padding:1px;}

.percentage {
	background:#D6EED0;}