BODY
{
  font-size: 11pt;
  margin: 0px;
  font-family: Tahoma, sans-serif;
  background-color: thistle;
}

A 
{
	COLOR: indigo; 
	TEXT-DECORATION: none
}

A:hover 
{
	COLOR: crimson; 
	TEXT-DECORATION: underline
}

/* ----- Tables, general. ----- */

TABLE
{
  padding: 4px;
}

TD, TH
{
  vertical-align: top;
  text-align: left;	
	PADDING: 4px;
}

/* ----- Tables with no border, used for layout. ----- */

TABLE.noBorder
{
	BORDER: none; 
	BORDER-COLLAPSE: collapse;
  margin: 4px 8px 8px 8px;
}

TABLE.noBorder CAPTION 
{
	BORDER: black 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11pt; 
	COLOR: black; 
	BACKGROUND-COLOR: #ccccff;
  text-align: left;	
}

/* ----- Tables with border used for tabular presentation of data. ----- */

TABLE.withBorder
{
	BORDER-COLLAPSE: collapse;
  margin: 4px 8px 8px 8px;
}

TABLE.withBorder TD
{
  border: gray 1px solid;
  font-size: 9pt;
}

TABLE.withBorder TH
{
  font-size: 9pt;
	BORDER: 1px gray solid; 
  background-color: #ccccff;
}

TABLE.withBorder TD img
{
  border: medium none;
  margin: 4px;
  left: 0px;
}

/* ----- Table used for forms. ----- */

TABLE.formTable
{
	BORDER: none; 
	BORDER-COLLAPSE: collapse;
  margin: 4px 8px 8px 8px;
}

TABLE.formTable TH
{
  font-size: 9pt;
  text-align: right;
  padding: 2px;
}

TABLE.formTable TD
{
  font-size: 9pt;
  padding: 2px;
}

/* ----- Styles for left side bar. ----- */

div.leftSidebar
{
  padding: 4px;
  width: 20%;
  position: absolute;
  top: 70px;
  font-size: 10pt;
}

div.leftSidebar li
{
  margin: 0px;
  padding: 0px;
}

div.leftSidebar li a
{
  color: black;
  padding: 4px;
  display: block;
  width: 95%;
}

div.leftSidebar li a:hover
{
  color: #ffffff;
  background-color: #ba55d3;
}   

div.leftSidebar li.thisPageLink
{
  background-color: #ccccff;
}

div.leftSidebar li.boxTitle
{
  border-left: #ba55d3 1px solid;
  border-right: #ba55d3 1px solid;
  border-top: #ba55d3 1px solid;
  border-bottom: black 1px solid;
  padding: 4px;
  font-weight: bold;
  color: white;
  background-color: #ba55d3;
  text-align: center;
}

div.leftSidebar li.boxDetails
{
  padding-left: 4px;
}


div.leftSidebar ul
{
  border: black 1px solid;
  font-size: 10pt;
  margin-left: 4px;
  list-style-type: none;
  background-color: #ffccff;
  width: 78%;
  margin-bottom: 8px;
  padding: 0px 0px 0px 0px;
}

div.leftSidebar img
{
  margin: 6px;
}
 
/* ----- Styles for Masthead ----- */

div.mastHead P, div.mastHead A
{
  visibility: hidden;
} 

/* ----- Styles for the main body of the document. ----- */

div.mainBody
{
  left: 20%;
  width: 78%;
  position: absolute;
  top: 70px;
}   

div.mainBody h1
{
  background-color: #ba55d3;
  border-bottom: black 1px solid;
  padding: 4px;
  font-size: 12pt;
  color: white;
  margin: 0px 0px 8px 0px;
}

div.mainBody h2
{
  font-weight: bold;
  font-size: 11pt;
  margin: 8px;
  color: #ba55d3;
}

div.mainBody h3
{
  font-weight: bold;
  font-size: 10pt;
  margin: 8px;
  color: #ba55d3;
  text-decoration: underline;
}

div.mainBodyContent, div.mainBodyFooter
{
  border: solid 1px black;
  background-color: white;
  padding: 0px;
  margin-bottom: 10px;
}   

div.mainBodyFooter
{
  font-size: 9pt;
  background-color: #ffccff;
  padding: 8px;
}  

div.mainBody P, div.mainBody Form 
{
  margin: 0px 8px 8px 8px;
}

div.mainBody img
{
  border: black 1px solid;
  margin: 0px 8px 8px 40px;
}

div.mainBody img.imageIcon
{
  border: none;
  display: inline;
  left: 0px;
  margin: 0px 4px 0px 4px;
  position: relative;
  top: 4px;
  left: 0px;
}


/* ----- End of CSS ----- */