body {
	background-color: black;
	text-align: center;  /* for IE stupidity */
	margin: 0px;
	padding: 0px;
}

a {
	color: #E9C000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
   color: #C6A300;
}

ul.threecolumn_left, ul.threecolumn_middle, ul.threecolumn_right {
   margin: 0px 0px 20px 15px;
   width: 170px;
   float: left;
}
html>body ul.threecolumn_left, html>body ul.threecolumn_middle, html>body ul.threecolumn_right {
   margin: 0px 0px 20px 0px;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 30px;
}

input.formstyle, textarea.formstyle {
   padding: 3px 4px;
	border: 1px solid black;
	font: 12px courier, arial;
}
input.button {
   background-color: #E9C000;
	border: 1px solid black;
	color: black;
	text-transform: uppercase;
	font: 12px arial;
	letter-spacing: .5px;
	font-weight: bold;
	cursor: pointer;
	padding: 2px 10px;
}
input:hover.button {
   background-color: #C6A300;
}

blockquote {
   margin: 0px 0px 10px 40px;
	font: 12px/1.4em georgia, times, serif;
}

.hidden {
	display: none;
}

.clearer {
	clear: both;
	height: 1px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 30px;
   text-align: justify;
}

#content ol, ul {
   margin: 0px 60px 12px 60px;
}
html>body #content ol, ul {
   margin: 0px 10px 12px 10px;
}

.tiny {
   font-size: 9px;
}

#wrapper {
	margin: 0 auto;  /* This is the proper way to center an element */
	margin-top: 10px;
	margin-bottom: 30px;
	width: 680px;
	position: relative;  /* The container must be positioned in order to contain positioned elements */
	text-align: left;  /* corrects for IE hack */
}

#header {
	background: url('../images/bg_header.gif') top center no-repeat;
	height: 139px;
}

#logo a {
	position: absolute;
	z-index: 1;
	width: 680px;
	height: 109px;
	cursor: pointer;
}

#content {
	background: url('../images/bg_middle.jpg') top center repeat-y;
   margin-bottom: -1px;
   padding: 0px 15px;
	font: 12px/1.4em georgia, times, serif;
	/* font: 12px/1.4em verdana, arial, helvetica, sans-serif; */
   color: white;
}
html>body #content {
   margin-bottom: 0px;
}

#content h2 {
	margin: 0px 0px 10px 28px;
	padding: 0px;
	text-indent: -3000px;
}
#content h2#welcome { background: url('../images/title_welcome.gif') bottom left no-repeat; height: 40px; }
#content h2#about { background: url('../images/title_about.gif') bottom left no-repeat; height: 40px; }
#content h2#gigs { background: url('../images/title_gigs.gif') bottom left no-repeat; height: 40px; }
#content h2#music { background: url('../images/title_music.gif') bottom left no-repeat; height: 40px; }
#content h2#photos { background: url('../images/title_photos.gif') bottom left no-repeat; height: 40px; }
#content h2#biz { background: url('../images/title_biz.gif') bottom left no-repeat; height: 40px; }
#content h2#store { background: url('../images/title_store.gif') bottom left no-repeat; height: 40px; }
#content h2#contentadmin { background: url('../images/title_contentadmin.gif') bottom left no-repeat; height: 40px; }

#content h3 {
	zcolor: #E9C000;
   color: white;
	margin: 10px 0px 6px 29px;
	padding: 0px;
	font: 14px georgia, verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

hr {
	border: 0px;
	border-top: 1px dashed #CBA380;
}

#inline_left_caption {
	border: 1px solid #aaa;
	background-color: #ccc;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	padding-bottom: 3px;
	font-size: 8pt;
	text-align: center;
	font-style: italic;
	background: #ccc url('../images/zoom.gif') bottom right no-repeat;
}
#inline_left_caption img {
	background-color: white;
	border: 0px;
	margin: 0px;
	margin-bottom: 3px;
}

img.left {
	float: left;
	margin: 4px 8px 8px 16px;
}
img.right {
	float: right;
	margin: 4px 50px 8px 8px;
}

img.bio_left {
   background-color: white;
	margin: 2px 8px 14px 28px;
	float: left;
   padding: 3px;
   border: 1px solid black;
}
img.bio_right {
   background-color: white;
	margin: 2px 28px 14px 8px;
	float: right;
   padding: 3px;
   border: 1px solid black;
}

/* ---------------------------------- BEGIN MENU ---------------------------------- */

#menu {
	position: relative;
	top: 109px;
	zheight: 30px;
}
#menu ul {
	margin: 0px 0px 0px 13px;  /* Tweak button centering on bar */
   padding: 0px;
   height: 30px;
}
html>body #menu ul {
	margin: 0px 0px 0px 13px;  /* Tweak button centering on bar */
}
#menu ul li {
    float: left;
    padding-left: 32px;
    list-style: none;
}
html>body #menu ul li {
   padding-left: 32px;
   
}
#menu ul li a {
    display: block;
    height: 30px;
}
#menu ul li span {
   visibility: hidden;
   letter-spacing: -10px;
}

#menu ul li a#about { background: url('../images/menu_about_off.gif') top left no-repeat; width: 79px; }
#menu ul li a:hover#about { background: url('../images/menu_about_on.gif') top left no-repeat; }
#menu ul li a#gigs { background: url('../images/menu_gigs_off.gif') top left no-repeat; width: 58px; }
#menu ul li a:hover#gigs { background: url('../images/menu_gigs_on.gif') top left no-repeat; }
#menu ul li a#music { background: url('../images/menu_music_off.gif') top left no-repeat; width: 75px; }
#menu ul li a:hover#music { background: url('../images/menu_music_on.gif') top left no-repeat; }
#menu ul li a#photos { background: url('../images/menu_photos_off.gif') top left no-repeat; width: 90px; }
#menu ul li a:hover#photos { background: url('../images/menu_photos_on.gif') top left no-repeat; }
#menu ul li a#biz { background: url('../images/menu_biz_off.gif') top left no-repeat; width: 60px; }
#menu ul li a:hover#biz { background: url('../images/menu_biz_on.gif') top left no-repeat; }
#menu ul li a#store { background: url('../images/menu_store_off.gif') top left no-repeat; width: 79px; }
#menu ul li a:hover#store { background: url('../images/menu_store_on.gif') top left no-repeat; }

/* ---------------------------------- END MENU ---------------------------------- */

#menu.second {
   background: url('../images/bg_menu.gif') 0px 1px no-repeat;
   padding-bottom: 10px;
   top: 0px;
}
#menu.second ul {
	margin: 0px 0px 0px -4px;  /* Tweak button centering on bar */
	padding-top: 1px;
}
#menu.second ul li {
   padding-left: 30px;
}
html>body #menu.second ul li {
   padding-left: 30px;
}
#menu.second ul li a {
   zpadding-bottom: 15px;
}

/* ---------------------------------- END MENU 2 ---------------------------------- */

table.calendar {
   border: 1px solid white;
	margin: 0px 30px 10px 30px;
   padding: 0px;
}
table.calendar th {
   background-color: #E9C000;
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   vertical-align: top;
   color: black;
   font-weight: bold;
   text-transform: uppercase;
   margin: 0px;
   padding: 4px;
}
table.calendar th.last {
   border-right: 0px;
}
table.calendar td {
   vertical-align: top;
   margin: 0px;
   padding: 4px;
   border-bottom: 1px solid #666;
}

/* ---------------------------------- END CALENDAR ---------------------------------- */

table.music {
   border: 1px solid white;
	margin: 0px 15px 20px 30px;
   padding: 0px;
   float: right;
}
html>body table.music {
   margin-right: 30px;
}
table.music th {
   background-color: #E9C000;
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   vertical-align: top;
   color: black;
   font-weight: bold;
   text-transform: uppercase;
   margin: 0px;
   padding: 4px;
}
table.music th.last {
   border-right: 0px;
}
table.music td {
   vertical-align: top;
   margin: 0px;
   padding: 4px;
   border-bottom: 1px solid #666;
}

/* ---------------------------------- END MUSIC ---------------------------------- */

#footer {
	background: url('../images/bg_footer.jpg') bottom center no-repeat;
	height: 18px;
}

#copyright {
	text-align: left;
   color: #777777;
	font: 9px/1.4em verdana;
   padding-top: 16px;
   padding-left: 180px;
}
#copyright img {
   float: left;
   margin-right: 6px;
}
#copyright a {
	font-weight: normal;
}
#copyright #credit a {
   color: #777777;
}