/* Section Menu */
ul.arrowunderline{ list-style-type:none; margin:0; padding:0; margin-bottom:5px; 
  text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
  font: bold 12px Tahoma; /* font-family:Tahoma, Geneva, sans-serif; */ }
ul.arrowunderline li{ display:inline; margin-right:25px; /* spacing between each menu item */ }
ul.arrowunderline li a{ position:relative; color:black;
  padding-bottom:4px; /*spacing between each menu item and arrow underline beneath it */
  text-decoration:none; }
ul.arrowunderline li a:hover{ border-bottom:2px solid purple; /* style of arrow underline */ }
ul.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */
  content:''; width:0; height:0; position:absolute; left:50%; margin-left:-5px; /* value should match border-width below */
  bottom: 0; border-width:5px; /* value should match margin-left above */
  border-style:solid; border-color: transparent transparent purple transparent; /* create up arrow */ }

/*****************************************************************************************************/

a.squarebutton{ background: transparent url('images/square-green-left.gif') no-repeat top left;
  display: block; float: left; font: normal 16px Arial; /* Change 12px as desired */
  line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
  height: 23px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none; }

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
  font-family: "Comic Sans MS", cursive, sans-serif; font-size: 12pt;color: #000000; /*button text color*/ }

a.squarebutton span{
  background: transparent url('images/square-green-right.gif') no-repeat top right;
  display: block; padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/ }

a.squarebutton:hover{ /* Hover state CSS */
  background-position: bottom left; }

a.squarebutton:hover span{ /* Hover state CSS */
  background-position: bottom right; color: black; }

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 750px; }

/*******************************************************/

.MorseCodeTable {
  border-collapse: collapse; /* 'cellspacing' equivalent */
  border: solid 1px #000000; padding: 0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}

/* .MorseCodeTable tr:hover td{ 	 } */

/* .MorseCodeTable tr:nth-child(odd) { background-color:#d4ffaa; } */
/* .MorseCodeTable tr:nth-child(even) { background-color:#ffffff; } */

.MorseCodeTable td{
	vertical-align:middle; text-align:center; border: 1px solid #3f7f00;
	/* font-family: "Comic Sans MS", cursive, sans-serif; font-size: 10pt; */
	width:40px; padding: 5px; font-weight:bold;
}

.MorseCodeTable th{
	vertical-align:middle; border:1px solid #3f7f00; text-align:center;
	padding:2px; /* font-family: "Comic Sans MS", cursive, sans-serif;font-size: 12pt; */
	font-weight:bold; color:#000000;
}
.MorseCodeTable td:nth-child(1) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(2) { width:40px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(3) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(4) { width:40px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(5) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(6) { width:40px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(7) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(8) { width:40px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(9) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(10) { width:120px; border-width:1px 0px 1px 0px; }
.MorseCodeTable td:nth-child(11) { width:55px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(12) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(13) { width:120px; border-width:1px 0px 1px 0px; }
.MorseCodeTable td:nth-child(14) { width:55px; border-width:1px 1px 1px 0px; }

.MorseCodeTable td:nth-child(15) { width:25px; border-width:1px 0px 1px 1px; }
.MorseCodeTable td:nth-child(16) { width:120px; border-width:1px 0px 1px 0px; }
.MorseCodeTable td:nth-child(17) { width:55px; border-width:1px 1px 1px 0px; }