BODY {
	margin-left: 5pt;
	margin-right: 5pt;
	margin-top: 16pt;
	color: rgb(0,0,100);
	BACKGROUND-COLOR: rgb(210,255,255);
}

P {
	margin-left: 10pt;
    margin-right: 10pt;
    margin-top: 8pt;
	margin-bottom: 0pt;
    color: rgb(0, 0, 102);
    font-style: normal;
    font-family: arial,helvetica,monaco,sans-serif;
    background-color: transparent;
    font-size: medium;
}

H1 {
    margin-top: 30pt;
	margin-left: 10pt;
    margin-right: 10pt;
	margin-bottom: 0pt;
    color: rgb(0, 0, 102);
    font-style: normal;
    font-family: arial,helvetica,monaco,sans-serif;
    background-color: transparent;
	font-size: large;
}

a:link {color: #8000bd}     /* unvisited link */
a:visited {color: #8000bd}  /* visited link */
a:hover {color: #ff5555}   /* mouse over link */
a:active {color: #ff5555}   /* selected link */

A.LightLink:link { 	color: rgb(238, 202, 255); }    /* unvisited link */
A.LightLink:visited { color: rgb(238, 202, 255);  }   /* visited link */
A.LightLink:hover {color: #ff5555}   /* mouse over link */
A.LightLink:active {color: #ff5555}   /* selected link */

A.LargeLink { font-size: large; }

/* 	There is a TitleBox at the top of each page.  */

.TitleBox {
	background-color: #000064;
	color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    font-family: arial,helvetica,monaco,sans-serif;
    font-size: xx-large;
    text-align: center;
	padding: 12pt;
	margin-top: 12pt;
	margin-bottom: 3pt;
	margin-left: 10pt;
	margin-right: 10pt;
	text-align: center;
}

/* There is a ReturnBox just under the TitleBox at the top
   of every page except index.html. */
   
.ReturnBoxPara {
	margin-top: 7pt;
	margin-bottom: 16pt;
	margin-left: 0pt;
	margin-right: 0pt;
    font-family: arial,helvetica,monaco,sans-serif;
    background-color: transparent;
    font-size: medium;
}

.ReturnBox {
	background-color: #000064;
	color: rgb(238, 202, 255);
    font-style: normal;
    font-family: arial,helvetica,monaco,sans-serif;
    font-size: x-small;
    font-weight: bold;
	margin-left: 10pt;
	text-align: left;
	padding-top: 5pt;
	padding-bottom: 5pt;
	padding-left: 22pt;
	padding-right: 22pt;
}

A.ReturnBox:link { 	color: rgb(238, 202, 255); }    /* unvisited link */
A.ReturnBox:visited { color: rgb(238, 202, 255);  }   /* visited link */
A.ReturnBox:hover {color: #ff5555}   /* mouse over link */
A.ReturnBox:active {color: #ff5555}   /* selected link */

.TitleLinkPara { text-align: center;
    font-size: 16pt;
    padding-bottom: 2pt;	/* Padding bottom of the WHOLE PARAGRAPH. */
    line-height: 21pt;
}

.TitleLink {
  	border-color: rgb(210, 255, 255);
  	/* colored padding of EACH LINK. */
   padding-top: 3pt;
   padding-bottom: 3pt;
   padding-left: 5pt;
   padding-right: 5pt;
   color: rgb(238, 202, 255);
   font-weight: bold;
   font-family: Arial,Helvetica,sans-serif;
   background-color: rgb(0, 0, 102);
   font-size: 10pt;
   text-decoration: underline;
}
	
A.TitleLink:link 	{	color: rgb(238, 202, 255); 	}    /* unvisited link */
A.TitleLink:visited { 	color: rgb(238, 202, 255);  }   /* visited link */
A.TitleLink:hover 	{	color: #ff5555		}   /* mouse over link */
A.TitleLink:active 	{	color: #ff5555		}   /* selected link */

/* The last item of great reader significance on each page,
excepting index.html, is a BottomLink. */

.BottomLink { 
	background-color: #000064;
	color: #eecaff;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    font-family: arial,helvetica,monaco,sans-serif;
    text-align: center;
    font-size: medium;
	padding: 16pt;
	margin-top: 12pt;
	margin-bottom: 12pt;
	margin-left: 10pt;
	margin-right: 10pt;
	text-align: center;
    }

A.BottomLink:link { 	color: rgb(238, 202, 255); }    /* unvisited link */
A.BottomLink:visited { color: rgb(238, 202, 255);  }   /* visited link */
A.BottomLink:hover {color: #ff5555}   /* mouse over link */
A.BottomLink:active {color: #ff5555}   /* selected link */

/* The HomeLink is on the very bottom of every page of The Tremolo. */

.HomeLink {
	margin-bottom: 0in;
	font-weight: bold;
	font-family: serif;
	text-align: right;
}

A.HomeLink:link { 	color: rgb(238, 202, 255); }    /* unvisited link */
A.HomeLink:visited { color: rgb(238, 202, 255);  }   /* visited link */
A.HomeLink:hover {color: #ff5555}   /* mouse over link */
A.HomeLink:active {color: #ff5555}   /* selected link */

.PageTitle { font-weight: bold;
    color: rgb(255, 255, 255);
    font-style: normal;
    text-align: center;
    background-color: rgb(0, 0, 102);
    font-family: arial,helvetica,monaco,sans-serif;
    margin-top: 10pt;
    margin-bottom: 10pt;
    font-size: 24pt;
}

.PageSmallerTitle { font-weight: bold;
    color: rgb(255, 255, 255);
    font-style: normal;
    text-align: center;
    background-color: rgb(0, 0, 102);
    font-family: arial,helvetica,monaco,sans-serif;
    margin-top: 10pt;
    margin-bottom: 10pt;
    font-size: 18pt;
}

.PageSubTitle { font-weight: bold;
    color: rgb(255, 255, 255);
    font-style: normal;
    text-align: center;
    background-color: rgb(0, 0, 102);
    font-family: arial,helvetica,monaco,sans-serif;
    margin-top: 10pt;
    margin-bottom: 10pt;
    font-size: 16pt;
}
    
.PageTitleSmallText {
    color: rgb(255, 255, 255);
    font-style: normal;
    text-align: center;
    background-color: rgb(0, 0, 102);
    font-family: arial,helvetica,monaco,sans-serif;
    margin-bottom: 10pt;
    font-size: 9pt;  
}

.SmallText {
	font-size: small;
}

.MediumText {
	font-size: medium;
}

.LargeText {
	font-size: large;
}

.TableProse1 { 
	border-style: hidden;
    border-width: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(0, 0, 102);
    background-color: rgb(0, 250, 250);
    margin-left: 6pt;
    margin-right: 6pt;
    }
    
.TableProse2 {
	border-style: hidden;
    border-width: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(0, 0, 102);
    background-color: rgb(149, 255, 255);
    margin-left: 6pt;
    margin-right: 6pt;
    }

.TableProse { border-style: hidden;
    border-width: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    color: rgb(0, 0, 102);
    margin-left: 4pt;
    margin-right: 4pt;
    }


  .TableLink1 { font-family: arial,helvetica,monaco,sans-serif;
    color: rgb(0, 0, 102);
    font-size: 12pt;
    background-color: rgb(0, 250, 250);
    vertical-align: center;
    }

  .TableLink2 { font-family: arial,helvetica,monaco,sans-serif;
    color: rgb(0, 0, 102);
    font-size: 12pt;
    background-color: rgb(149, 255, 255);
    vertical-align: center;
    }

  .TableLinkCtr1 { font-family: arial,helvetica,monaco,sans-serif;
    font-weight: bold;
    font-style: normal;
    color: rgb(0, 0, 102);
    font-size: 12pt;
    background-color: rgb(0, 250, 250);
    text-align: center;
    vertical-align: center;
    }

  .TableLinkCtr2 { font-family: arial,helvetica,monaco,sans-serif;
    font-size: 12pt;
    color: rgb(0, 0, 102);
    font-weight: bold;
    font-style: normal;
    background-color: rgb(149, 255, 255);
    text-align: center;
    vertical-align: center;
    }
