/* background images:  green: 17620d, grey: 2c2c2c */

body,html{ 
	margin:0;
	padding:0;
	font-size:80%; 
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	background:url(gfx/bkg-city-menu.jpg) no-repeat #000000;
}

#wrapper{
	margin:0; 
	width:100%;
	background:url(gfx/bkg-city-menu.jpg) no-repeat #000000;
}

#topbanner {
	width:100%;
	height:120px;
	background:url(gfx/bkg-city-top.png) repeat-x; /* was 218d12 before making gfx darker */
	text-align:center;
	min-width:780px;

}

#logo{
	margin:10px 0 0 50px;  /* 150 - 89(star) - 11(star margin) = 50px */
}

#star {
	float:left; margin:8px 0 0 11px;
}
	

#menu{ 
	padding:15px 0;
	margin:0;
	width:150px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

#menu br {padding:0; margin-bottom:8px;}

#menu div.footer a:link, #menu div.footer a:visited { text-decoration:none; color:#FFFFFF; padding:0;}
#menu div.footer a:hover, #menu div.footer a:active { text-decoration:underline overline; color:#FFFFFF; padding:0; background:none;}


#menu a:link, #menu a:visited { text-decoration:none; color:#218d12; padding-left:22px;}
#menu a:hover, #menu a:active { text-decoration:underline overline; color:#FFFFFF; padding-left:30px; background:url(gfx/star_rough.png) no-repeat 0 0;}
#menu .current { color:#218d12; padding-left:22px; background:url(gfx/star_rough_green.png) no-repeat 0 0;}



#content{ 
	position:absolute;
	top:120px;
	left:0;
	padding:10px 10px 0 10px;
	margin-left:150px;
	width:auto;
	font-size:1.5em;
	color:#FFFFFF;
	text-align:justify;
	min-width:750px;
}


.footer{
	height:20px;
	margin-top:20px;
	padding-left:10px;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
}

.clear {clear:both;}

.three {width:32%; float:left; min-width:240px; background-color:#333333; padding-bottom:1em; text-align:center;}
.two {width:49%; float:left; min-width:350px; background-color:#333333; padding-bottom:1em; text-align:center;}
.gap {width:2%; float:left;}

p,h1,h2,h3,h4,h5,h6 {padding:0 0 1em 0; margin:0; }

.small {font-size:10px;}

.subhead {font-size:15px; font-weight:bold}

.preloadImage {display:none;}

.news, .lyrics {margin:0; padding:0;}
.news h3, .lyrics h3 {color:#218d12; font-size:18px; padding:1px 0 0.2em 23px; margin:10px 0 0 0; background:url(gfx/star_rough_green.png) no-repeat 0 2px;}
.news p, .lyrics p {padding:0 0 1em 0; margin:0; }
.lyrics p.lyriclinks {position:relative; top:-15px; }
.shows table {border-collapse:collapse}
.shows th {background-color:#218d12; padding:2px;}
.shows td, .shows th { border:1px solid white; padding:2px; }
#alt {background-color:#ff0000;}

#content a img {border:2px solid #218d12; }
#content a:link, #content a:visited { color:#cccccc; text-decoration:none; }
#content a:hover, #content a:active { color:#218d12; text-decoration:underline; }

.rule {width:100%; margin:1em 0; border-top:1px solid white; }

img.right, span.right {float:right; border:1px solid #218d12; margin:3px 0 7px 7px;}
img.left, span.left {float:left; border:1px solid #218d12; margin:3px 7px 7px 0;}

table.vids {border-collapse:collapse; border:1px solid #218d12; min-width:750px; width:100%}
table.vids tr { text-align:center; width:100%;}
table.vids td {border:1px solid #218d12; width:33%;}

#frontnews{
	color:#FFFFFF;
	font-size:1em;
	border:1px solid white;
	margin-top:-1.2em;
	margin-bottom:1.5em;
	padding:0.5em;
	}
#frontnews .date{	color:#218d12; }