h2	{ font-family: Trebuchet MS; font-size: 14pt; font-weight: bold; color: red }
h3      { font-family: Trebuchet MS; font-size: 12pt; font-weight: bold; color: orange }

body  	{ font-family: Trebuchet MS, Arial; font-size: 10pt; color: yellow }
	.box { font-size: 10pt; color: yellow }
	.orange { color: orange; font-size: 10pt; }
	.bigorange { color: orange; font-size: 12pt; }
	.yellow { color: yellow; font-size: 10pt; }
	.red { font-size: 11pt; color: red } 
	.centre { color: orange; text-align: center }
	.review { color: orange; font-style: italic }

	
a:link, a:visited { color: yellow; text-decoration: none }
a:hover { color: red; text-decoration: none }

span.highlight { background-color: red; }
	
#splashscreen {
    position:absolute;
    top:150px;
    left:150px;
    bottom:0;
    width:100%;
    background-color:black;
	z-index: 99;
}
	
div.thead  { background-color: #C0C0A0; padding: 3px; padding-bottom: 8px; 
	     font-family: Trebuchet MS; font-size: 10pt; font-weight: bold; color: #660033 }
div.tbody  { font-family: Trebuchet MS; font-size: 10pt; list-style-type: none;
	     list-style-image: url(notes.gif); padding-top: 10px; }

.band-background { 
	background-image: url(/images/band-background.jpg); 
/*	background-image: url(/images/live-music-2.jpg); */
	background-position:top right;
	background-repeat: no-repeat; 
	} 

#bigger { font-family: Comic Sans MS, Trebuchet MS, Arial; font-size: 12pt; color: red }

/* ===================== NAVIGATION MENU =================== */
#menu {	width: 155px;
	margin:0px;
	border-style: none }

#menu ul { position:relative; left:-20px; list-style-type: none;
	 }
	
#menu li a, #menu1 li a:link, #menu li a:visited {
  	height: 24px;
	font-size: 10pt;
	color: yellow;
	text-decoration: none; 
	display: block;
	position:relative; left:-10px;
	padding: 6px 0 0 12px;
	background-image: url("/images/quaver.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}	
	
#menu li a:hover {
	color: red;
	font-size: 10pt;
	background-image: url("/images/notes.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
/* ===================== FOOTER MENU =================== */
#footer	{ clear: both; padding-left: 20%; padding-right: 20%; border-top: 2px solid brown; }
#footer a:link, #footer a:visited { color: orange; text-decoration: none; }
#footer a:hover { color: red; }
        .moddate { color: #99CCFF; font-size: 8pt; font-style: italic; }
        .design { color: orange; font-size: 8pt; font-style: bold; }


/* ===================== PHOTO THUMBNAIL LIST =================== */
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -66px;
	left: -40px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	padding: 2px;
	vertical-align: top;
	width: 120px;
	height: 90px;
}

.hoverbox li
{
	background: #fff;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #fff;
	width: 500px;
	height: 375px;
}