/*document layout tags */

body
{
/*
  The property below sets the background image of an element. should also set a background color that will be used when the image is unavailable. When the image is available, it is overlaid on top of the background color.
  the value of 'background-repeat' determines how/if the image is repeated. A value of 'repeat' means that the image is repeated both horizontally and vertically. The 'repeat-x' ('repeat-y') value makes the image repeat horizontally (vertically), to create a single band of images from one side to the other. With a value of 'no-repeat', the image is not repeated. 
  The 3 lines below are combined in the following line. Fixed makes the image stationary on the background.
  background-image: url(gif/watermrk.jpg);
  background-repeat: repeat-x, repeat-y;
  background: white;
*/
	background: url(gif/watermrk.jpg) white 100% repeat fixed;
	color: black;
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
/*	margin-left: 0.25in; */
	padding-left: 0.1in;
/*	margin-right: 0.25in; */
	padding-right: 0.1in
}

/* TABLE layout tags */

table
{
	border-collapse: collapse;
	border-spacing: 0pt;
	border-color: gray;
	empty-cells: show;
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 12px;
	font-weight: normal;
	font-style: normal
}

td
 {
	color: black;
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 12px;
}

th {
	color: black;
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

em {
	font-family: Times, Times-Roman, Times-New-Roman, Serif;
	font-size: 14px;
/* changed from 12px to 14px on 8-12-02 because it looked better with the Arial font */
}

.ital {font-style: italic;}
.two {text-decoration: underline;}
.three {color: blue;}
#two {color: orange;}
/* period are classes, # are ID EX: <P class="two" ID="two"> would produce underlined orange text */

br
{
	line-height: .75
}

p
{
	margin-top: 0px;
	margin-bottom: 1px
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 14px;
	line-height: 1.5
}

li
{
	line-height: 1.25
}

.note
{
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: gray;
	text-align: center;
}

.foot
{
	font-family: Arial, 'Lucida Sans', 'Sans Serif';
	font-size: 8px;
	text-align: center;
}

.head
{
	font-family: Arial, Helvetica, Verdana, 'Lucidia Sans','Sans Serif';
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}

.text
{ 
	font-size: 28px;
	color: black;
	margin-left: 10px;
	font-family: Arial Black;
 }

.highlight
{
	font-size: 28px;
	margin-top: -38px;
	margin-left: 7px;
	color: white;
	font-family: Arial Black;
 }

.hide
{
  display: none;
  color: white;
}


/* 4 lines below should always be defined in the order shown to avoid conflicts in interpretation by the various CSS-supporting browsers */
A:link { text-decoration: none; color: blue }
	/* A:visited, A:active { text-decoration: none; color: orange } */
A:visited { text-decoration: none; color: orange }
A:hover { text-decoration:none; color:red }
A:active { text-decoration:line-through }

