html
{	height: 100%;
}
body
{
	color: #404040;
	font-weight: 300;

	background-color: #F5F5F0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: 99%;
	height: 100%;
}

	/*********** these are ID classes - unique to single element	*****/

#header
{	
	background-color: #F2F2E8;
	border-top: .3em solid #888888;
	/*padding: .5em;*/
	text-align: center;
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
}

#header a:link,
#header a:visited,
#header a:active	{	color: #888888; text-decoration:none;}


#menu
{	
	background-color: #F2F2E8;
	padding: .2em;
	border-top: .1em solid #888888;
	border-bottom: .1em solid #888888;
}


#content
{	
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

#footer
{
	background-color: #F0F0E5;
	padding: .25em;
	border-top: .3em solid #888888;
	border-bottom: .3em solid #888888;
	/*position: absolute;	*/
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
}

	/****** html elements	*********/

h1,h2,h3,h4,h5,h6,h7
{
	top-margin: 0.5em;
	bottom-margin: 0.5em;
	text-align: center;
	/*	display:block;	*/
	font-weight: 500;
	/*font-style: bold;*/
	color: black;
}

/*h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,h7.center
{	padding: 0.5em;	text-align: center; }
h1.left,h2.left,h3.left,h4.left,h5.left,h6.left,h7.left
{	padding: 0;	text-align: left; }
*/

h1	{	font-size: 200%;	}
h2	{	font-size: 180%;	/*large;*/	}
h3	{	font-size: 160%;	}
h4	{	font-size: 140%;	}
h5	{	font-size: 120%;	}
h6	{	font-size: 100%;	}

dl
{	margin-top: 0;
	margin-bottom: 0;
	margin-left: +1em;
	padding: 0;
}
dt
{	margin-top: .2em;
	margin-bottom: 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}
dd
{	margin-top: 0;
	margin-bottom: .2em;
	margin-left: +1em;
	padding: 0;
}

ul
{	margin-top: 0;
	margin-bottom: 0;
	margin-left: +1em;
	padding: 0;
}
li
{	
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
}

dl li
{	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

input, select, textarea
{
	font-size: small;
}
	/******	class styles	************/

.left				{	text-align: left; }
.error			{	color: #CC4444;	}
.message		{ color: #66AA66; }

/* name the users in the frontpage table of lists	*/
.person
{	font-style: bold;
	color: #CC4444;
}

/*	temporary, notes to myself	*/
.workingnotes
{	font-style: italic;
	color:	#888888;
}

/*	an abc tune text	*/
.abctext
{	/*color: #66AA66;*/
	font-family: monospace;
}

.abckey
{	font-family: monospace;
	font-weight: bold;
	font-size: 110%
}

.label
{	color: grey;	/*#66AA66;*/
}