BODY {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small
}
.oldBODY {
	BACKGROUND-COLOR: #FFEECC; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small
}
/* I tried specifying a font and size but opera and netscape underline the links */
A:link {
	COLOR: blue;  text-decoration:none
}
A:visited {
	COLOR: blue;  text-decoration:none
}
A:hover { color: "red";   text-decoration:none
	FONT-FAMILY: "arial", "helvetica", "sans-serif"; /* FONT-SIZE: small; */
}
P {
	FONT-FAMILY: "arial", "helvetica", "sans-serif"; FONT-SIZE: small; /* TEXT-ALIGN: left */
}
LI {
	FONT-FAMILY: "arial", "helvetica", "sans-serif"; FONT-SIZE: x-small; TEXT-ALIGN: left
}
TH {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
}
TD {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
}
H1 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-large;
	font-weight: bolder;
}
H2 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	font-weight: lighter;
}
.h2heading {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	font-weight: lighter;
	PADDING-BOTTOM: 16px;}
H3 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: medium;
	font-weight: bold;
}
H4 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small;
	font-weight: bold;
}
H5 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
	font-weight: bold;
}
.clickhint
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	font-weight: 600;
	padding-top: 5px;
	color: #800000;
	background-color: #FFFFFF;
}

.xxsmall
{
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: xx-small;
}
.xsmall {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
}
.small {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small;
}
.medium {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: medium;
}
.large {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: large;
}
.xlarge {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: xlarge;
}
.xxsmallbold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: xx-small;
	font-weight: bold;
}
.xsmallbold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
	font-weight: bold;
}
.smallbold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small;
	font-weight: bold;
}
.mediumbold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: medium;
	font-weight: bold;
}
.largebold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: large;
	font-weight: bold;
}
.xlargebold {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: xlarge;
	font-weight: bold;
}
.cover{
	BACKGROUND-COLOR: #eeffff; color: black;
}
.mainbody{
	BACKGROUND-COLOR: white; color: black;
}
.main { 
	BACKGROUND-COLOR: #f4f4ff; /* 244, 255, 244 */
}
.barAbout {
  background-color: #ccffcc;
}
.barGallery {
  background-color: #ccccff;
}
.barTraining {
  background-color: #ffcccc;
}
.barEmpower {
  background-color: #ffccff;
}
.barEvaluation {
  background-color: #ffffcc;
}
.barContact {
  background-color: #ccffff;
}

/* colours used in section links to product table (left nav bar)
currently in this order left-right or top-bottom.

These colours are made up of cc or ff in R, G or B. Could also have white.

The grey one isn't used on the hz nav bar */
.linkgreyish {
  background-color: #cccccc;
}
.linkgreenish {
  background-color: #ccffcc;
}
.linkpurpleish {
  background-color: #ccccff;
}
.linkorangeish {
  background-color: #ffcccc;
}
.linkpinkish {
  background-color: #ffccff;
}
.linkyellowish {
  background-color: #ffffcc;
}
.linkcyanish {
  background-color: #ccffff;
}

.vgap{
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8px;
	font-weight: bolder;
	color: black;
}
.telephone{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
	color: black;
}
.SiteTitle{
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-large;
	font-weight: bolder;
	color: black;
}
.SiteTitleColour{
	color: black;
}
.oldSiteTitle{
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-large;
	font-weight: bolder;
	color: #0000aa;
}
.oldSiteTitleColour{
	color: #0000aa;
}
.NavLink {
	COLOR: #004400;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.oldNavLink {
	COLOR: #0000ff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bolder;
}
.NavLinkLit {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.oldNavLinkLit {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	font-weight: bolder;
}
.GalleryNavLink {
	/* COLOR: black; */
	color: #002200;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.GalleryNavLinkLit {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.GalleryNavTitleLink {
	COLOR: green;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.GalleryNavTitleLinkLit {
	COLOR: #ff4400;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.NavLinkBackGround {
	background-color: #ccb899;
}
.NavBarBackGround_erm {
	background-color: #e0d4ff; 
}
.NavLinkCell_old {
	background-color: yellow; 
}
.NavLinkCellLit_old {
	background-color: #00ff00;
}
.NavLinkCell {
	background-color: #ac8dff; 
}
.NavLinkCellLit {
	background-color: #000000;
}
.NavLink_old {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; font-weight: bold; PADDING-BOTTOM: 5px;
}
.NavLinkLit_old { 
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; font-weight: bold; PADDING-BOTTOM: 5px; 
}
.NavLinkRed {
	COLOR: red; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px; font-weight: bold; PADDING-BOTTOM: 5px;
}
.NavLinkBlue {
	COLOR: blue; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; font-weight: bold; PADDING-BOTTOM: 5px;
}
.NavLinkWhite {
	COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px; font-weight: bold; PADDING-BOTTOM: 5px;
}

.ThumbBox {
	background-color: #ffffcc;
	border: 11px;
}
.WhiteBox {
	background-color: #ffffcc;
}

DIV {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small; PADDING-BOTTOM: 8px;
}
.lilike {
	FONT-FAMILY: "arial", "helvetica", "sans-serif"; FONT-SIZE: x-small; TEXT-ALIGN: left
}
.tdlike {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small;
}
.loginbox {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10.5px;
}
.para {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 8px;
}
.parabold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.paraboldred {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.parabigger{
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.parabiggerbold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.parabiggerbolder {

	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 8px;
	font-weight: bolder;
}
.parabiggerboldred {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.paralarge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.paralargebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.parahuge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.parahugebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.parasmall {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: xx-small; PADDING-BOTTOM: 2px;
}

.emailsmall {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
}
.medred {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
/*	PADDING-BOTTOM: 8px;	// padding not supported when used for links */
	font-weight: bold;
}
.medblue {
	COLOR: blue;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
/*	PADDING-BOTTOM: 8px; */
	font-weight: bold;
}
.medgreen {
	COLOR: #006000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: medium;
/*	PADDING-BOTTOM: 8px; */
	font-weight: bold;
}
.bigred {
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.bigblue {
	COLOR: blue;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.biggreen {
	COLOR: #006000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 24px; PADDING-BOTTOM: 8px;
}
.biggreener {
	COLOR: green
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.menu {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10.5px; PADDING-BOTTOM: 5px;
}
.menulit { 
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10.5px; PADDING-BOTTOM: 5px; 
}
.menubig {
	COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; PADDING-BOTTOM: 5px;
}
.menulitbig { 
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; 
}
 based on menulitbig but scalable 
.registerfree {
	COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: medium; PADDING-BOTTOM: 5px;
}
.advice {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 10px;
	font-weight: bold;
}
.emailadvice {
	COLOR: #000099;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 10px;
	font-weight: bold;
}

.bgwhite {
	background-color: white
}
.white {
	color: white
}
.red {
	color: red
}
.green {
	COLOR: #006000
}
.forestgreen {
	color: forestgreen
}
.darkgreen {
	color: #004000
}
.blue {
	color: blue;
}
.darkblue {
	color: #000080;
}
.black {
	color: black;
}
.titlelink {
	COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; PADDING-BOTTOM: 4pt;
	background-color: forestgreen

}
.titlelinklit {
	COLOR: "#ffff00"; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; PADDING-BOTTOM: 4pt;
	background-color: forestgreen

}
.titlebar {
	COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium; PADDING-BOTTOM: 4pt;
	background-color: forestgreen

}
.classiclink {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	text-decoration: underline;
	color: blue;
}
.obviouslink {
	COLOR: #0000FF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	font-weight: bold;
	PADDING-BOTTOM: 5px;
	text-decoration: underline;
}
.blue {
	color: #0000FF;
}
.biglinkblue {

	COLOR: blue;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.biglinkblack{
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.headingsmallbold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.headingmediumbold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.headinglarge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.headinglargebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: large;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.headinghuge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-large;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.headinghugebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-large;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.captionsmall {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 2px;
	font-weight: normal;
}
.captionsmallbold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	font-weight: 600;
}
.captionmedium {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumbold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldgreen {
	COLOR: #006600;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldpurple {
	COLOR: #553377;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldorange {
	COLOR: #B84400;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldpink {
	COLOR: #772277;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldyellow {
	COLOR: #664400;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}
.captionmediumboldcyan {
	COLOR: #006666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 2px;
	font-weight: bold;
}

.captionlarge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.captionlargebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24px;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.captionhuge {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 36px;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.captionhugebold {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 36px;
	PADDING-BOTTOM: 8px;
	font-weight: bold;
}
.copyright{
	color: #000080
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 8px;
	font-weight: normal;
}
.optionList{
	font-size:medium;height:24px;
}
.textinput{
	font-size:medium;
	font-weight: normal;
}
.textareainput{
	font-size:medium;
	font-weight: normal;
}
.active {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	font-weight: bold;
}
.grey {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: x-small;
	font-weight: bold;
	color: #aaaaaa}
.MancMenHealth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.SocCareTrust {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000033;
}
.ComingSoon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #006633;
	font-weight: bolder;

}
.UnderDevelopment {
	color: #003300;
	font-weight: bold;
	font-family: "Courier New", Courier, mono;


}
.floatright {	/* instead of just <img align=right> this allows for padding where I want it */
	float: right;
	margin-left: 6px; margin-bottom: 6px;
	clear: right; /* allows for a vertical stack of these images */
}
.floatleft {		/* instead of just <img align=left> */
	float: left;
	margin-right: 6px; margin-bottom: 6px;
	clear: left; /* allows for a vertical stack of these images */
}
.pricelabel {
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}
.neatform {
	margin-bottom: 2px; margin-top: 8px	 /* I may move the top padding into captionsmallbold (bottom) */
}
.keyconcepts {
	font-size : xx-small;
	color : #aaeecc;
}