/* CSS Document */

BODY {
	background: url(/images/bg.jpg) top center repeat-x #e2e2e2;	
	margin: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 950px;
	margin: auto;	
	text-align: left;
}

#header {	
	height: 110px;
}

#menu {
	height: 37px;	
	border-left: 1px solid #cfcfcf;
	font-weight: bold;
}

#menu UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#menu li {
	float: left;
	height: 29px;
	padding: 8px 25px 0px 25px;	
	border-right: 1px solid #cfcfcf;
}

#menu li:hover {
	background: #000;
}

#menu a:link, #menu a:active, #menu a:visited {
	color: #666;	
	text-decoration: none;
}

#menu a:hover {
	color: fff;	
	text-decoration: none;
}

.contenttop {
	clear: both;
	margin: 10px 0px 0px 0px;	
}

.homenews {
	background: #fff;
	padding: 10px;
	margin: 0px;
	font-size: 13px;
}

.homenews H4 {
	background: url(images/news.gif) top left no-repeat;
	padding: 0px 30px 0px 30px; 
	margin: 0px;
	height: 21px;
}

.homenews P {
	padding: 0px 30px 0px 30px;
	margin: 0px;
}

#content {
	clear: both;
	margin: 32px 0px 0px 0px;	
}

#content H2 {
	background: #ccc;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font-size: 15px;
	font-style: italic;	
	margin: 0px;
	padding: 10px;
}



#content H3 {
	font-size: 13px;
	font-weight: bold;
}

H1 {
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	display: block;	
	margin: 0px;
	padding: 10px;
}

#text {
	background: #fff;
	padding: 10px;
	margin: 0px;	
	font-size: 17px;
}

#text P {
	line-height: 23px;	
}

.contentbottom {
	clear: both;
	height: 12px;
	margin: 0px;
	padding: 0px;	
}


#footertop {
	margin: 32px 0px 0px 0px;	
}

#footerbottom {
	margin: 0px 0px 32px 0px;	
}

#footer {
	clear: both;
	background: #666;
	color: #ccc;
	margin: 0px;
	padding: 10px;
	text-align: right;
}

#footer H2 {
	font-size: 17px;	
}

#footer UL {
	list-style-type:  none;
}

#roster {
	border-right: 1px dotted #666;
	width: 300px;
	float: left;	
}

#upcoming {
	border-right: 1px dotted #666;
	width: 300px;
	float: left;	
	margin: 0px 0px 0px 20px;
}

.artist {
	width: 470px;
	float: left;	
}

.artisttext H4 {
	font-size: 15px;
	font-style: italic;	
	padding: 0px;
	border: 0px;	
}

.artisttext {
	background: #fff;
	padding: 10px;
	margin: 0px;	
	font-size: 13px;
}

.artistright {
	width: 470px;
	float: left;	
	margin: 0px 0px 0px 10px;
}

.artistbottom {
	margin: 0px 0px 10px 0px;	
}

.events {
	text-align: left;
	background: #fff;
	padding: 10px;
	height: 18px;
	margin: 0px;
	font-size: 13px;
}

.date {
	float: left;
	background: url(images/events-calend.gif) top center no-repeat;
	font-size: 11px;	
	width: 17px;
	height: 18px;
	padding: 3px 0px 0px 4px;
	margin: 0px 15px 0px 0px;
}

.bandname {
	float: left;
	width: 200px;
	font-size: 14px;
	padding: 0px;
	margin: 0px 15px 0px 0px;	
}

.venue {
	float: left;
	width: 200px;
	font-size: 14px;
	padding: 0px;
	margin: 0px 15px 0px 0px;	
}

.city {
	float: left;
	width: 150px;
	font-size: 14px;
	padding: 0px;
	margin: 0px 15px 0px 0px;	
}

.time {
	float: left;
	width: 80px;
	font-size: 14px;
	padding: 0px;
	margin: 0px 15px 0px 0px;	
}

.cost {
	float: left;
	width: 80px;
	font-size: 14px;
	padding: 0px;
	margin: 0px 15px 0px 0px;	
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:349px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}