/* This is the style sheet for the new HTML5 pages involving sound files. Note the start and end characters. */




body { font-family:	'Times New Roman','Liberation Serif','FreeSerif';
				
				


}

body	a{

	text-decoration: none;
	
	
}





body	table{
	text-align: center;

	

}



/* this set <p> to always be <p align="center"> */

body	p{
	text-align: center;
}

	

text	text{
	text-align: center;
	
}

body { margin:0px; padding:0px; }


.brown-body   {
	
		background-color: #FCE698;
		

}

/* This puts a table in the middle of the page (horizontally). */
table
{ 
    margin-left: auto;
    margin-right: auto;
   
}


/* This sets the padding within the table. */
th, td {
	padding: 20px;

}





img.FloatLeft {
		float: left;
	}





img.FloatRight {
		float: right;
		margin:20px;
				
	}




	
a:hover{
color:red;
}

	
a:active{
color:blue;
}

	
a:visited{
color:#551A8B;
}

.comment {
	display:inline-block;
	
	margin: 20px;my
	text-align: center;
	padding:10px;
	
	line-height: 1.0;
	color:#000000; 
	background-color: #ffffff;
	font-family:arial;
	border-style:outset;
	border-width:20px;
	border-color:#5B7827;
}


/* This is my standard blue link box. */
.navbar {
	text-align: center;
}

.navbar  a{
	display: -moz-inline-stack;
	display:inline-block;
	
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color: #ffffff;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}



.navbar a:hover, .navbar a:active
{
	
	color: #ffcc00;
	border-color:#ffcc00;
	border-style:solid;
	background-color: #000000;
	border-style:inset;
	
	}
	

.nav {
	text-align: center;
	
	display: block;
}

.nav  a{
	display:block;
	
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color: #ffffff;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.nav a:hover, .navbar a:active
{
	
	color: #ffcc00;
	border-color:#ffcc00;
	border-style:solid;
	background-color: #000000;
	
	}
	


.navtest  a{
	display: inline-block;
	width: 125px;
	margin: 2px;
	text-align: center;
	padding:2px;
	text-decoration: none;
	line-height: 1.0;
	color:#0099ff; 
	background-color: #ffffff;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.navtest a:hover, .navbar a:active
{
	
	color: #ffcc00;
	border-color:#ffcc00;
	border-style:solid;
	background-color: #000000;
	
	}
	
/* navbar2 removed from this style sheet.*/



/* This puts a border round an active image. line-height: 0;  needed to avoid white space below and/or above. Colors (!) the same as my html4 standards. */




.ActiveImage a {

	display: -moz-inline-stack;
	display: inline-block;
	line-height: 0;
	background-color: #ffffff;	
	border-style: solid;
	border-width: 3px;
	border-color: #0000ff;
}



.ActiveImage a:visited {
	
	background-color: #ffffff;	
	border-style: solid;
	border-width: 3px;
	border-color: #551A8B;

	}



.ActiveImage a:hover, a:active  {
	
	background-color: #ffffff;	
	border-style: solid;
	border-width: 3px;
	border-color: #ff0000;

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		
.linkbox_small {
	text-align: center;
	}


.linkbox_small a {
	display: inline-block;
	width: auto;
	margin: 0px;
	text-align: center;
	padding:1px;
	text-decoration: none;
	
	color:#0000ee; 
	background-color: #ffffff;
	
	border-style:outset;
	border-width:1px;
	border-color:#0000ee;
}




.linkbox a:hover, .link2test a:active
{
	border-style:solid; 
	border-width:1px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	


	
.linkbox {
	text-align: center;
	}


.linkbox a {
	display: inline-block;
	width: auto;
	margin: 2px;
	text-align: center;
	padding:10px;
	text-decoration: none;
	
	color:#0000ee; 
	background-color: #ffffff;
	
	border-style:outset;
	border-width:1px;
	border-color:#0000ee;
}




.linkbox a:hover, .link2test a:active
{
	border-style:solid; 
	border-width:1px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	
	
	

.link2 a {
	display: block;
	width:7.5em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color: #ffffff;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link2 a:hover, .link2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	


.link2rec a {
	display: block;
	width:7.5em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color: #fff0f0;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link2rec a:hover, .navbar2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	
		
		


.link2mus a {
	display: block;
	width:7.5em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color: #fefde9;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link2mus a:hover, .navbar2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	
	
.link2pink a {
	display: block;
	width:7.5em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color:#FFC0CB;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link2pink a:hover, .navbar2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	
	
		
.link2info a {
	display: block;
	width:7.5em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color:#ccffff;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link2info a:hover, .navbar2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	

.link3pink  {
	text-align: center;	
}
	
.link3pink a {
	display: inline-block;
	width:14.0em;
	margin: 2px;
	text-align: center;
	padding:2px;
	
	line-height: 1.0;
	color:#0099ff; 
	background-color:pink;
	font-family:arial;
	border-style:outset;
	border-width:3px;
	border-color:#0099ff;
}




.link3pink a:hover, .navbar2 a:active
{
	border-style:solid; 
	border-width:3px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
.link2test {
	text-align: left;
	}


.link2test a {
	display: inline-block;
	width: auto;
	margin: 1px;
	text-align: center;
	padding:1px;
	text-decoration: none;
	
	color:#0000ee; 
	background-color: #ffffff;
	
	border-style:outset;
	border-width:1px;
	border-color:#0099ff;
}




.link2test a:hover, .link2test a:active
{
	border-style:solid; 
	border-width:1px;
	border-color: #ffcc00;
	color: #ffcc00;
	background-color: #000000;
	
	}
	
	

		
	
	
	
.dead a {
	
	text-align: center;
}


.dead a{
	
	display: block;
	width:7.5em;
	margin: 2px;
}

.dead a {
	
	line-height: 1.0;
	

	padding:2px;
	color:#0099ff; 
	background-color: #ffffff;
	font-family:arial;
	border-style:ridge;
	border-width:4px;
	border-color:#0099ff;
	text-decoration: none;
	
	
}



.heading {
	background-color: #DDFECD; 
	
}	


	
@font-face {
    font-family: Allegro;
    src: url("Lucida Calligraphy Italic.ttf");
}

.allegro    {
    font-family: Allegro;

} 


.wrapper2  {

display:inline-block;



border: 10px red outset;

padding: 20px; 

text-align: center;

font-family:	'Times New Roman','Liberation Serif','FreeSerif';

color: black;
 
background-color: white;


}



.caption
	{
	font-size: 2em;
}


.hidden
	{
	font-size: 2em;
	color: #ffffff;
}