body            
{ 
	padding-right: 1ex; /* 50pt 5% */
	padding-left: 1ex;
	background-attachment: fixed;
	color: "#000066";
	/* margin-right: 10ex; /* 5%
	background-color: #BBBBBB;
	background-image: none;
	/* background: #BBBBBB; */
}

p
{
	font-family: Verdana;
	/*margin-right: 50pt;*/
}

.large  /* can apply to any html element */
{
	font-size: 110%;
}

.larger
{
	font-size: 130%;
	font-weight: bold;
}

.largest
{
	font-size: 150%;
	font-weight: bolder;
}

.huge
{
	font-size: 250%;
	font-weight: bolder;
}

.small  /* can apply to any html element */
{
	font-size: 80%;
}

.smaller
{
	font-size: 70%;
}

.smallest
{
	font-size: 65%;
}

.tiny
{
	font-size: 50%;
}

.shaded
{
	background-color: #eeeeee;
}

.updated /* For the page-updated note */
{
	font-size: 70%;
}

.title
{
	font-family: Times New Roman; 
	font-size: 300%;
	font-style: italic;
	font-weight: bold;
	color: "#000099";
	margin-bottom: 2ex;
}

.subtitle
{
	color: "#000099";
}

.poetry
{
	margin-left: 20%;
}

h1
{ 
	font-family: Times New Roman;
	/*font-family: Verdana;*/
	font-size: 300%;
	font-style: italic;
	font-weight: bold;
	color: "#000099";
	margin-bottom: 2ex;
}

h2
{ 
	font-family: Arial;
	font-size: 150%;
	font-weight: bold;
	color: #000099;
	/*margin-right: 50pt;*/
	text-align: center;
}

h3
{
	font-family: Arial;
	font-style: italic;
	font-size: 130%;
	color: #000099;
	/*margin-right: 50pt;*/
}

h4
{
	font-family: Arial;
	font-style: italic;
	font-size: 110%;
	color: #000099;
	/*margin-right: 50pt;*/
}

h5
{
	font-family: Arial;
	font-style: italic;
	font-size: 100%;
	color: #000099;
	/*margin-right: 50pt;*/
}

a:hover
{
	color: #990000; /* red */
	/* background-color: #FFFF66; /* orange-yellow? */
}

/* Bulleted lists seem to allow a smaller right margin than they inherit from the BODY style. */
ul
{ 
    list-style-type: disc;
	font-family: Verdana;
	/*margin-right: 80pt;*/
}

table
{ 
	padding-right: 1ex; /* 50pt 5% */
	padding-left: 1ex;
}