p.body       { font-size: 10pt; font-weight: normal; font-family: verdana, helvetica, sans-serif;}
h1           { font-size: 18pt; font-weight: bold;   font-family: verdana, helvetica, sans-serif; }
h2           { font-size: 14pt; font-weight: bold;   font-family: verdana, helvetica, sans-serif; color: #3EB670 }
h3           { font-size: 12pt; font-weight: bold;   font-family: verdana, helvetica, sans-serif; color: #000000 }

a:link     { color:#234E8F; }
a:visited  { color:#234E8F; }
a:hover    { color:#3EB670; }
a:active   { color:#3EB670; }

/* Displays */
	.hidden			{display: none;}
	.absolute		{position: absolute;}

/* Cursors */
	.pointer		{cursor: pointer;}

/* Justification */
	.left			{text-align: left;}
	.right			{text-align: right;}
	.center 		{text-align: center;}
	.justify		{text-align: justify;}
	.float_left		{float: left;}
	.i_50			{margin-left: 50px;}
	.i_100			{margin-left: 100px;}

/* Fonts */
	.family			{font-family: verdana, helvetica, sans-serif;}
	.bold			{font-weight: bold;}
	.italic			{font-style: italic;}
	.tiny			{font-size: 6px; height: 10px;}
	.pt8			{font-size: 8pt;}
	.pt10			{font-size: 10pt;}
	.pt12			{font-size: 12pt;}
	.pt14			{font-size: 14pt;}
	.pt16			{font-size: 16pt;}
	.pt18			{font-size: 18pt;}


/* Vertical Alignment */
	.top			{vertical-align: top;}
	.middle			{vertical-align: middle;}
	.bottom			{vertical-align: bottom;}

/* Sizes */
	.w100p			{width: 100%;}
	.w98p			{width: 98%;}
	.w95p			{width: 95%;}
	.w50p			{width: 50%;}
	.w100			{width: 100px;}
	.w200			{width: 200px;}
	.w300			{width: 300px;}
	.w400			{width: 400px;}
	.w600			{width: 600px;}

/* Text Colors */
	.fg_white		{color: #fff;}
	.fg_black		{color: #000;}
	.fg_red			{color: #f00;}
	.fg_KCC_color1	{color: #234E8F;}
	.fg_KCC_color2	{color: #3EB670;}

/* Background Colors */
	.bg_bright_blue		{background-color: #3cf;}
	.bg_bright_green	{background-color: #3f3;}
	.bg_bright_yellow	{background-color: #ff3;}
	.bg_bright_orange	{background-color: #f90;}
	.bg_bright_red		{background-color: #f33;}
	.bg_bright_gray		{background-color: #ccc;}
	.bg_dark_gray		{background-color: #999;}
	.bg_white			{background-color: #fff;}
	.bg_red				{background-color: #f00;}
	.bg_blue			{background-color: #99c;}
	.bg_black			{background-color: #000;}
	.bg_highlight		{background-color: #fc0;}
	.bg_flava_blue		{background-color: #dad9e9;}
	.bg_legend_blue		{background-color: #efefff;}
	.bg_flava_orange	{background-color: #e9e4d9;}
	.bg_legend_orange	{background-color: #fff8ef;}
	.bg_flava_purple	{background-color: #e6d9e9;}
	.bg_legend_purple	{background-color: #fdefff;}
	.bg_flava_green		{background-color: #dae9d9;}
	.bg_legend_green	{background-color: #effff0;}
	.bg_flava_red		{background-color: #e9d9d9;}
	.bg_legend_red		{background-color: #ffefef;}
	.bg_flava_yellow	{background-color: #e9e9d9;}
	.bg_legend_yellow	{background-color: #ffffef;}
	
	.bg_KCC_color1		{background-color: #234E8F;}
	.bg_KCC_color2		{background-color: #234E8F;}
	.bg_KCC_color3		{background-color: #3EB670;}

/* Borders */
	.b_black			{border: 1px solid #000;}
	.b_black_top		{border-top: 1px solid #000;}
	.b_black_left		{border-left: 1px solid #000;}
	.b_black_right		{border-right: 1px solid #000;}
	.b_black_bottom		{border-bottom: 1px solid #000;}
	.b_black_2			{border: 2px solid #000;}
	.b_black_top_2		{border-top: 2px solid #000;}
	.b_black_left_2		{border-left: 2px solid #000;}
	.b_black_right_2	{border-right: 2px solid #000;}
	.b_black_bottom_2	{border-bottom: 2px solid #000;}
	.b_gray				{border: 1px solid #666;}
	.b_gray_top			{border-top: 1px solid #666;}
	.b_gray_left		{border-left: 1px solid #666;}
	.b_gray_right		{border-right: 1px solid #666;}
	.b_gray_bottom		{border-bottom: 1px solid #666;}
	.b_title			{border-bottom: 1px solid #aaaccc;}

/* Padding */
	.p_5				{padding: 5px;}
	.p_right_5			{padding-right: 5px;}

/* Margin */
	.m_50				{margin-left: 50px;}


.fieldset
{
	border: 6px double #000000;
	border-width: thick;
	color: #FFFFFF;
	background-color: #DAD9E9;
	width: 80%;
}

a.loginLinks:link     { color:#3EB670; text-decoration:none; }
a.loginLinks:visited  { color:#3EB670; text-decoration:none; }
a.loginLinks:hover    { color:#000000; text-decoration:none; }
a.loginLinks:active   { color:#000000; text-decoration:none; }

.legend
{
	font-variant: small-caps;
	color: #000000;
	background: #FFFFFF;
	border: 0px solid #666666;
	padding: 2px;
	margin: 2px;
}

.tbMain
{
	border-style: solid;
	border-collapse: collapse;
	border-color: black;
	border-width: 7px;
	background-color: #FFFFFF;
}

.tbCenter
{
	border-style: solid;
	border-collapse: collapse;
	border-color: black;
	border-width: 0px;
	background-color: #FFFFFF;
	width:100%;
}

.tdColLeft
{
	border-style: solid;
	border-collapse: collapse;
	border-color: black;
	border-width: 2px;
	background-color: #FFFFFF;
	width:170px;
	
}

.tdColCenter
{
	border-style: solid;
	border-collapse: collapse;
	border-color: black;
	border-width: 2px;
	background-color: #FFFFFF;
	width:630px;
}

.borderSolid
{
	border-bottom-style: solid;
	border-color: black;
	border-width: 1px;
	vertical-align:top;
}
.borderDashed
{
	border-bottom-style:dotted;
	border-width: 2px;
	vertical-align:top;
}

.bodyStyle
{
	background-color:gray;
}


.tdFormHeader
{
	background-color: #3EB670;
	font-weight:bold;
	color:white;
}

.tdForm
{
	background-color: #E6E6E6;
	font-weight: normal;
	color: black;
}

.leftNav
{
	background-color:white;
	vertical-align:top;
}

.bottomNav
{
	background-color:black;
	color:white;
}

a.bottomNav:link     { color:#3EB670; text-decoration:none; }
a.bottomNav:visited  { color:#3EB670; text-decoration:none; }
a.bottomNav:hover    { color:#FFFFFF; text-decoration:none; }
a.bottomNav:active   { color:#3EB670; text-decoration:none; }


.topNav
{
	font-variant: small-caps;
	font-size: 8pt;
	font-weight: bold;
	background-color:black;
	color:white;
}

a.topNav:link     { color:#FFFFFF; text-decoration:none; }
a.topNav:visited  { color:#FFFFFF; text-decoration:none; }
a.topNav:hover    { color:#3EB670; text-decoration:none; }
a.topNav:active   { color:#3EB670; text-decoration:none; }


.hover
{
	position: absolute;
	z-index: 100;
	display: none;
	min-width: 200px;
	max-width: 400px;
	width:expression(document.body.clientWidth < 200? "200px" : document.body.clientWidth > 400? "400px" : "auto");
	left: 100px;
	top: 400px;
	background-color: white;
	padding: 5px;
	text-align: left;
	color: navy;
	font-style: italic;
	font-size: 12px;
	border: 2px groove #cdf;
	border-color: #000080;

}

.hover_heading
{
	color: #036;
	font-size: 15px;
	font-variant: small-caps;
	font-weight: bold;
}