<STYLE TYPE="text/css">

body {background-color: #FFFFFF;

/* These 2 lines cause trouble with the header display.  The right side won't flush completly to the right and
   display is incorrect when the page is not displayed in a full window.  
/*   margin-top: 0px;  */
/*   margin-left: 0px; */  

   }


td {color: #000000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

ul {color: #000000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }
   
input, textarea {color: #003399;
   background-color: #C0C0C0;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
	}

select {color: #003399;
   background-color: #C0C0C0;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
	}
		
.crumbarrow {color: #666666;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

.crumbcurrent {color: #FF3300;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

/*

 There are three standard "heading" classes used in our sites and applications.
Make sure you have applied the same color to each; they must be consistent. 

*/

.heading1 {color: #385CB2;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 21px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

.heading2 {color: #385CB2;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 17px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

.heading3 {color: #385CB2;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

/* 

The "textgray" class is commonly used in extended descriptions of form fields.
The gray color allows it to be read clearly, but the user understands that it is not
required reading. 

*/

.textgray {color: #666666;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

/* 

The "textnormal" class should match the "p" generic class defined above.
This class is used in an instance where the default "p" class is not appearing correctly. 

*/

.textnormal {color: #000000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

/*

 The "textredbold" class is used for special emphasis cases, and is often associated
with required fields in forms. This should be used sparingly. 

*/

.textredbold {color: #FFFF00;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color:#003399
   }


.textredboldch {color: #FF0000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }


/*

The "textwhitebold" class is commonly used for table headings in which the white text
is imposed on a table cell color, usually a medium to dark shade, enabling it to stand out well. 

*/

.textwhitebold {color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

.tocactive {color: #FF3300;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

.tocsubactive {color: #FF3300;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   }

/* -------------------------------------------------------------------------------------------------*/

/* normal anchor tags */

a:link {color: #000000;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

a:visited {color: #0C5DA8;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

a:hover {color: #CCCCCC;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   background-color: #003399;
   }

a:active {color: #82BBF0;
   font-family: Arial, serif, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   }


/* anchor tags for "crumb" class (breadcrumb trail) */

a.crumb:link {color: #666666;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

a.crumb:visited {color: #666666;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }


a.crumb:hover {color: #FF3300;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   }

a.crumb:active {color: #FF3300;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 10px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   }


/* anchor tags for "toclink" class (table of contents, left column) */

a.toclink:link {color: #FF0000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

a.toclink:visited {color: #FF0000;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   }

a.toclink:hover {color: #FF8080;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   }

a.toclink:active {color: #FF8080;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   }

.texttablehdr {color: #FFFF66;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
   background-color: #003399;
   }
   
.yellowcell {color: #003399;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFF66;
   }
   
.cellwideyellow {color: #003399;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFF66;
   width: 400
   }
   
.cellthinyellow {color: #003399;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFF66;
   width: 200
   }
   
.cellwidegreen {color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00CC00;
   width: 400
   }
   
.cellthingreen {color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #00CC00;
   width: 70
   }
   
.cellwidered {color: #FFFF66;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FF3333;
   width: 400
   }
   
.cellthinred {color: #FFFF66;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #FF3333;
   width: 70
   }
   
.cellwideblue {color: #FFFF66;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #0066CC;
   width: 1000
   text-align:center;
   }
      
.cellthinblue {color: #FFFF66;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #0066CC;
   width: 200
   text-align:center;
   }
   
.bigtable {color: #FFFFFF;
   background-color: #FFFFFF;
   border: 0;
   padding-left: 0%;
   padding-right: 10%;
   padding-top: 2%;
   padding-bottom: 2%;
   }   
         
.bigtablecell {color: #003399;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #C0C0C0;
   vertical-align: top;
   }   
      
.greybuttoncell {color: #003399;
   font-family: Arial, Helvetica, sans-serif, monospace;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #C0C0C0;
   }

.bottomtext {color: #385CB2;
   font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

div.disappear {
   display: none;
   visibility: hidden;
   font-size: 2px;
   color: #ffffff;
}


div.usercontrols {
   visibility: visible;
}

div.usercontrolshidden {
   display: none;
   visibility: hidden;
}

div.popuptop {
   background-color: #003399;
   font-size: 14px;
   color: #FFFF66;
}


td.popuptop {
   background-color: #003399;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif, monospace;
   color: #FFFF66;
   width: 300px;
}

/* All anchor tag style modifiers must appear in link-visited-hover-active order to cascade correctly within the browser. */
/* The correct format for anchor tags with classes is a.classname:link and so on (i.e.: a.speciallink:hover) */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:450px;	/* Width of tooltip content */
	height:800px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

</STYLE>



