body {
    margin-top:0px;
    margin-left:0px;
    text-align:center;
    background-color:#221;
    background-position:top left;
    background-repeat:repeat;
    font-family:'times new roman', times, serif;
    font-size:15pt;
    color: black;
}
#centerwrapper {
    width:772px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
#siteface {
    width:771px;
    margin-top:15px;
    text-align:left;
    background-color:#FFD4A8; 
    border: 1px solid black;
    background-image: url('../images/fill3.jpg');
}
#banner { 
	background-image: url('../images/woodheader4.JPG');
	background-repeat:no-repeat;
	height:181px; background-position-y:center;
	text-align:center;
	color:brown;
}
#bottom-beam { 
	clear:both;
	background-image: url('../images/bottombeam.JPG');
	background-repeat:no-repeat;
	height:30px;
	font-size:10pt;
}
#bottom-beam a, #bottom-beam a:link:visited:active { 
	color:brown; 
	text-decoration:none; 
	display:block;
	float:right;
	margin-top:11px; margin-right:3px;
}
#bottom-beam a:hover  { color:black; /*text-decoration:underline; */}
.clear {clear:both;}

a.button,a.button:link:visited:active {
	background-color:#CCC;
	border:outset 2px #666;
	padding-left:.1em;
	padding-right:.1em;
	font-size:smaller;
	color: black;
	text-decoration:none
}
a.button:hover {border:inset 2px #666;}
a.brand, a.brand:link:visited:active {
	color: black;
	padding-left:.2em; 
	padding-right: .2em;
	text-decoration: none;
	border: solid 2px black;
	font-size:smaller;
}
a.brand:hover {
	color:red;
	border: solid 2px red;
}
#navbar {
	clear:both; 
	margin-bottom:1em;
	margin-top:0px; 
	width:100%; 
	text-align: center;
	/*border: solid 2px blue;*/
}
#navbar a {
	display: block; float:left;
	width:175px; /* 175px for 4 * 140px for  5*/
	height:41px;
	overflow: hidden; 
	background-position: top left;
	background-repeat:no-repeat;
	text-decoration:none; 
	text-align: center; 
	color:white;
}
#a1 { background-image: url('../images/mnuHome.PNG');}
#a1:hover{ background-position:bottom left; }
#a1.on{	background-image: url('../images/mnuHomeOn.PNG');}
#a2 { background-image: url('../images/mnuMenu.PNG');}
#a2:hover{ background-position:bottom left; }
#a2.on{	background-image: url('../images/mnuMenuOn.PNG');}
#a3 { background-image: url('../images/mnuCalendar.PNG');}
#a3:hover{ background-position:bottom left; }
#a3.on{	background-image: url('../images/mnuCalendarOn.PNG');}
#a4 { background-image: url('../images/mnuMusic.PNG');}
#a4:hover{ background-position:bottom left; }
#a4.on{	background-image: url('../images/mnuMusicOn.PNG');}
#a5 { background-image: url('../images/mnuMap.PNG');}
#a5:hover{ background-position:bottom left; }
#a5.on{	background-image: url('../images/mnuMapOn.PNG');}
.menu-text{
  display:block; 
  position:absolute; 
  left:-9999px;
}


h1 {
	font-size:larger;
	font-weight:bold;
	margin-bottom: 0; margin-top:0;
}

p {margin-top: 0px;}
#page {
	margin:0px;
	padding: 0px 33px 0px 33px;
}
.songs { text-align: center; }
textarea { font-family:arial,sans-serif;}
.title:first-line, .songs:first-line {
	font-size:larger;
	font-weight:bold;
}

#songframe {
	border: 5px outset #BC915A;
	width:99%;
	height:350px;
	font-size:10pt;
	background-image: url('../images/scroll.jpg');
}
a.songlink, a.songlink:link:visited:active {
	color:black;
	text-decoration:none;
	padding-left:.15em; padding-right:.15em;
}
a.songlink:active { border:solid 1px red; color:red}
a.songlink:hover {
	color:red;
}

#singers {
	float:right; clear:right;
	margin-right:5px;
	width:75%;
	border: 5px outset #BC915A;
	background-image: url('../images/scroll.jpg');
	text-align: center;
}
#singers a,#singers a:visited:active:link{
	text-decoration:none;
	color:black;
}
#singers a:hover{text-decoration:underline; }
	

/***********
** IMAGES **
***********/
.imgtop { float:right; }
.imgright { float:right; }
.imgleft { float:left; }
	
/***********
** TABLES **
***********/

.hours {
	border-collapse:collapse;
	border: 5px outset #BC915A;
	text-align: center;
	background-image: url('../images/scroll.jpg');
	float:right;
	margin-left:5px
}
.hours th, .hours td, .menu th, .menu td {
	border: outset 1px #BC915A;
	padding:.2em;
}
.hours th {text-align:center; }

.menu {
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border: 5px outset #BC915A;
	text-align: left;
	vertical-align: top;
	width:680px;
	background-image: url('../images/scroll.jpg');
	font-size: 14pt;
}
.menu td { border: none;}
.menucat { text-align: center; font-weight: bold; padding-top:15px; font-size:smaller;}
.menucat:first-line {font-size: larger;}
.menuitem { vertical-align:top; width:580px; padding-left:30px;}
.menuitem:first-line { font-weight: bold;}
.menuprice {text-align: right; padding-right:5px; vertical-align:top;}


#footer { 
	text-align: center;
    font-size: 9pt; 
    color: black; margin-top: 30px; 
    clear:both;
}
#footer a, #footer alink:visited:active {
    text-decoration:underline; color:black;}
#footer a:hover { text-decoration:none;}

#hosting { float:right; clear:both; text-align:right; font-family: arial, sans-serif; font-size:8pt; }
#hosting a, #hosting a:link:visited:active { color:brown; text-decoration:none; }
#hosting a:hover  { text-decoration:underline; }