.navbar {
	text-align: center;

	
}

.navbar  a{
	
	display:inline-block;
	
	margin: 2px;
	text-align: center;
	padding: 5px;
	
	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;
	
	}
	



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


body {
	text-align: center;

	background-color: #ddddff;
	background-image: url("bg.gif");
}


body	a{
	text-decoration: none;
}	
	


table, td{

	width: auto;
	margin-left: auto;
	margin-right: auto;
	
	
	
	border: 0px solid black;	
	border-spacing:5px;
	
	border-collapse: collapse;
	}	
	
  tr {
			border: 0px solid  black;
						
}




  td {
			border: 0px solid  black;
			border-collapse: collapse;
			
		}


  th {
			border: 3px solid  black;
			border-collapse: collapse;
			background-color:white;
}








.input  {
	
	display: inline-block;
	
	margin: 0px;
	
	padding: 0px;
	
	line-height: 0.5;
	
	background-color: #ffffff;
	
	border-style:solid;
	border-width: 5px;
	border-color:#0099ff;
	
}



.input :hover {
	
	
	
	display: inline-block;
	
	margin: 0px;
	
	padding:0px;
	
line-height: 0.5;
	
	background-color: #ffffff;
	
	border-style:solid;
	border-width:10px;
	border-color:red;
	
	
	}
	


.comment2 {
	display:inline-block;
	
	font-family: "Comic Sans MS", "Liberation Sans";
	font-size: medium;
	
	margin: 20px;
	text-align: center;
	padding:10px;
	
	line-height: 1.0;
	color:#000000; 
	background-color: #ffffff;
	
	border-style:solid;
	border-width:2px;
	border-color:red;
}



table.px550w  {

	width: 575px;
	
	line-height: 1.5;

	margin-left: auto;

	margin-right: auto;
	
	
	

		
	border-spacing:10px;
	border: 0px solid black;	
	border-collapse: collapse;
	}	


.px550w, tr { 
		width: 575px;  }
		
.px550w, tr,td {
		background-color: transparent;
		
		vertical-align: top;
}

.top { vertical-align: top;  }






.px600b {
	
	width: auto;

	
	text-align: center;	
	padding: 10px;

	margin-left: auto;

	margin-right: auto;
	
	background-color:  #5B7827;
		
	border-spacing: 10px;
	border: 3px solid red;	
	border-collapse: separate;
	
	}

.padded20 {padding: 20px;
}

.px600a {
	
	width: 600px;

	
text-align: center;

	

	margin-left: auto;

	margin-right: auto;
	
	background-color:  #ffffff;
		
	border-spacing: 15px;
	border: 3px solid red;	
	border-collapse: separate;
	
	}

.wrapper600  {

display: inline-block;

border: solid 3px red;
			
width: 600px;

padding: 20px; 

text-align: center;

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

color: black;
 
background-color: white;

}

.border {
			border: solid 10px white;
			
}

.wrapper3  {

display: inline-block;

border: solid 3px red;
			

padding: 10px; 

text-align: center;

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

color: black;
 
background-color: #5B7827;

}


span.under  {
	
			text-decoration: underline;
}


.type {
				font-family: "Courier New", "Liberation Mono";
				font-size: medium;
	
}


hr.half-width {
	width: 50%;
	margin: auto;
	}

table.px550  th {

	width:550px;

	margin-left: auto;

	margin-right: auto;
	
	background-color: white;
		
	border-spacing:15px;
	border: 3px solid red;	
	border-collapse: separate;
	}

table.px600  {

	width:600px;

	margin-left: auto;

	margin-right: auto;
	
	background-color:  #ccffff;
		
	border-spacing:15px;
	border: 3px solid red;	
	border-collapse: separate;
	}	
	
	
	.px600 th   {

	width:600px;

	margin-left: auto;

	margin-right: auto;
	
	background-color:  #ccffff;
		
	border-spacing:15px;
	border: 3px solid red;	
	border-collapse: separate;
	}	
	
	
	
	

	
.cursive1 {
	font-family: "Comic Sans MS", "Liberation Sans";
	font-size: medium;
	}	

table.data1  {

	width:95%;

		margin-left: auto;

		margin-right: auto;
		
		
	background-color: #b3ffcc;	
		
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	
	border-spacing: 10px;
	
	border: 0px solid black;	
	border-collapse: separate;
			
}

.white  { background-color:white; color:red;}
.white1 { background-color:white; color:black;}
.yellow { background-color:yellow; color:red;}
.pink   { background-color:#fff0f0; color:blue;}
.grey   { background-color:#dddddd; color:blue;}
.blue   { background-color:#ccffff; color:red;}
.bisque { background-color:bisque; color:red;}
.violet { background-color:violet; color:red;}

.background {background-color: #b3ffcc;	}


.blue1 	{ background-color: #ffffff; color:blue}
.brown1 { background-color: #d2ba88;}
.bluet	{ color:blue;}
.redt	{ color:red;}
.grey1   { background-color:#dddddd; color:black;}
.blue2 { background-color: #ccffff; color: black;}

.data1 td	{border: solid 0px black;}
.data1 td	{padding-left: 20px;}
.data1 td	{padding-right: 20px;}
.data1 td	{padding-top: 20px;}
.data1 td	{padding-bottom: 20px;}





			 
.wrapper1  {

display:inline-block;

width: 630px;

border: 3px red solid;

padding: 15px; 

line-height: 1.5;

text-align: center;

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

color: black;
 
background-color: white;


}




 /* Delete this entry if commenting it out has no advers effect on the rest of the site.
 The problem is in in the th and tr in the first line. Perhaps they could be made a separate
 entry for .first.
 
 
 
table.first,  th, tr  {
  
  	
	
  	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	border: 0px solid black;	
	
	
	font-size: large;
	border-collapse: collapse;
	background-color: white;
}

*/
.cursive  {
	font-family: "Comic Sans MS", "Liberation Sans";
}


.center tr {
	
	border: 0px solid black;
}


.center {

	width: auto;

		margin-left: auto;

		margin-right: auto;
		
		
	text-align: center;
	border: 0px solid black;	
	border-collapse: collapse;
			
}

table.ninefive  {

	width:95%;

	margin-left: auto;

	margin-right: auto;	
	
	border: 1px solid black;	
	border-collapse: separate;
	
	padding: 10px;
			
	}

.ninefive  {

	background-color: #eeeeee;
	}

.cursive {
	font-family: "Comic Sans MS", "Liberation Sans";
	font-size: large;
	}

h2.blue  {
	color: blue;
	
	}

p.blue {
	color: blue;
	}

p.j {
	
	text-align: justify;
	}

.justify {
	
	text-align: justify;
	}

.left {
	
	text-align: left;
	}

.right {
	
	text-align: right;
	}


	img.FloatLeft {
		float: left;
	}





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


}


p.red  {	
	color: red;
}
	
a:hover{
color:red;
}




.comment {
	display:inline-block;
	
	margin: 20px;
	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;
}




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

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




.nav a:hover, .navbar a:active
{
	
	color: red;
	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 {
	
	text-align: center;}



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



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

		
.linkbox_small {
	text-align: center;
		
	
	
		}
/*	
	display: inline-block;
	width: auto;
	margin: 0px;
	text-align: center;
	padding:1px;
	text-decoration: none;
	background-color: #dddddd;
	color:#000000; 
	
	
	border-style:outset;
	border-width:1px;
	border-color:#000000;
*/	



.linkbox_small a {
	display: inline-block;
	width: auto;
	margin: 0px;
	text-align: center;
	padding:2px;
	text-decoration: none;
	
	color:#000000; 
	background-color: #eeeeee;
	
	border-style:outset;
	border-width:1px;
	border-color:#000000;
	border-radius: 8px;
}

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



.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:red; 
	background-color: #ffffff;
	
	border-style:outset;
	border-width:1px;
	border-color:#0000ee;
}



.linkboxb a {
	display: inline-block;
	width: auto;
	margin: 2px;
	text-align: center;
	padding:10px;
	text-decoration: none;
	
	color:blue; 
	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;
	
	}
	
	
	

.linkboxb 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: 3px red solid;

padding: 20px; 

text-align: center;

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

color: black;
 
background-color: white;

}