a {text-decoration: none;}

a:link {color: navy; text-decoration: none;}

a:link:hover {color: blue; text-decoration: none;}

a:visited {color: navy; text-decoration: none;}

a:visited:hover {color: blue; text-decoration: none;}


big {font-size: 115%;}

body {font: 20px Arioso, Florens, Poetica III, ITC Zapf Chancery Italic, serif; margin: 0; padding: 0;
  color: #FFC; background: #2e8b57;
  min-width: 40em; margin: 0 auto;}
  
div#content {position: absolute; top: 380px; left: 200px; right: 250px;
   color: #FFC; 
   padding: 10px;}

div#content h3 {margin-bottom: 0.25em;}

div#content p {margin: 0 1em 1em;}

div#dancelist {position: absolute; top: 380px; left: 300px;}

div#flier {position: absolute; top: 325px; left: 300px; width: 750px; height: 500px; border:0px solid #FFC;}

div#footer {position: absolute; top: 900px;  left: 100px;}

div#links {padding: 2px; position: absolute; top: 380px; left: 300px; width: 736px; height: 429px}

div#links a {padding-left: 10px}

div#nav {position: absolute; top: 270px; left: 3px; width: 166px; height: 700px; font: 18px; z-index: 100;}

div#nav a {display: block; text-align: center; font: bold 1em; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}

div#nav a span {display: none;}

div#nav a:hover {color: #FFC; background: #AAA;
   border-right: 5px double white;}

div#nav a:hover span {display: block;
   position: absolute; top: 320px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #FFC; background: #444;
   font: 14px; text-align: center;}
   
div#logo {position: absolute; top: 0px; left: 0px; width: 281px; height: 89px;}

div#map {position: absolute; top: 325px; left: 300px; width: 1500px; height: 500px;}

div#masthead {position: absolute; top: 15px; left: 300px; width: 736px; height: 229px;}

div#previous {position: absolute; top: 360px; left: 300px; width: 736px; height: 429px; border:0px solid #FFC;}
div#season {padding: 5px; float: left; width: 350px; text-align: center; border:1px solid #FFC;}

div#schedule {position: absolute; top: 360px; left: 300px; width: 736px; height: 529px; border:0px solid #FFC;}

div#date-header {padding: 5px; float: left; width: 200px; text-align: center; border:1px solid #FFC;}
div#date {padding: 5px; float: left; width: 200px;  border:1px solid #FFC;}

div#caller-header {padding: 5px; float: left; width: 250px; text-align: center; border:1px solid #FFC;}
div#caller {padding: 5px; float: left; width: 250px; border:1px solid #FFC;}

div#musician-header {padding: 5px; float: left; width: 250px; text-align: center; border:1px solid #FFC;}
div#musician {padding: 5px; float: left; width: 250px; border:1px solid #FFC;}

div#events {position: absolute; top: 80px; left: 35px; width: 950px;}
div#event-date {padding: 5px; float: left; width: 225px; border:0px solid #FFC;}
div#event-name {position: relative; padding: 5px; float: left; border:0px solid #FFC;}
div#event-info {position: relative; left: 75px;  padding: 5px; float: left; width: 736px; border:0px solid #FFC;}
div#event-spacer {padding: 5px; float: left; width: 736px; border:0px solid #FFC;}


div#textrun {
	color: #FFC;
	font: 15px; padding: 5px;
}

small {font-size: 85%; color: #FFC;}

sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

/* ------------------
 styling for the tables 
   ------------------   */

#box-table-a
{
	margin: 1px;
	width: 736px;
	text-align: left;
	border: 1px solid #FFC;
	border-collapse: collapse;
}
#box-table-a th
{
	padding: 8px;	
	border-top: 3px solid;
	border-bottom: 3px solid;
}
#box-table-a td
{
	padding: 8px;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
#box-table-a tr:hover td
{
	background: #8FBC8F;
	color: #006400;
}