#button a		{font-family: "Times Roman, serif";	
			text-decoration: none; 
			text-align: center;
			align: center;
			display: inline;
			font-size: 24px;
			font: bold;
			color: #FFFFFF;
			width: 98; 
			margin:1; 
			padding: 4; 
			background-color: rgb(102,102,153);
			}

#button a:hover	{background-color: A3A3C1}

#buttonhighlight a	{color: rgb(102, 102, 153);
		background-color: #E0E0EA}

#sidebutton a		{font-family: "Times Roman, serif";	
			text-decoration: none; 
			text-align: center;
			align: center;
			display: inline;
			font-size: 20px;
			color: #FFFFFF;
			margin: 4; 
			padding: 3; 
			background-color: rgb(102,102,153);
			width: 200px;
			white-space: nowrap;
			}

#sidebuttonhighlight a	{color: rgb(102, 102, 153);
		background-color: #E0E0EA}


/*#hiddentext a	{display: none}

#hiddentext a:hover {display: block;
   position: relative top: -200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   text-align: center;}
*/

/* button background colors
    darker blue: 666699; 102, 102, 153; 20,20,0,40 
    medium blue: 9999CC; 153,153, 204; 20,20,0,20
    light blue: #E0E0EA

    text on light blue is the darker blue
    these are not quite correct
*/