BODY {
  margin: 0px;
  padding: 0px;
	font: 11px/15px georgia,verdana,helvetica,arial,san-serif;
	text-align: left;
	color: #333;
	background-color: #FFF;
}
BODY.printer {
	margin: 2em;
	background: #FFF;
}

DIV#sky {
  position: absolute;
  height: 150px;
  padding: 0px 20px;
  padding-top: 120px; /* Offsets the logo */
  background-color: transparent;
  background-image: url("../images/bg_sky.jpg");
  background-position: top left;
  background-repeat: repeat-x;
  z-index: 2;
}
IMG#sky_sun {
  position: absolute;
  top: -25px;
  right: 0px;
}

DIV#grass {
  position: absolute;
  left:   0px;
  bottom: 0px;
  height: 172px;
  background-image: url("../images/bg_grass.jpg");
  background-position: bottom left;
  background-repeat: repeat-x;
  z-index: 1;
}

IMG { border: 0px; }
DIV { text-align: left; }

A { color: #039; text-decoration: underline; }
A:hover { color: #999; }

P { margin: 0em 0em 15px 0em; }

UL { margin: 0em 0em 15px 0em; }

FORM { margin: 0px; }
INPUT, TEXTAREA, SELECT {
	color: #333;
	font: 11px verdana,helvetica,arial,san-serif;
	padding: 1px 2px;
	border: 1px solid #999; }
INPUT.button {
  border: 1px solid #666;
  cursor: pointer;
}
INPUT.checkbox {
  border: none
}

TABLE { border: none; }
TD,TH { text-align: left; padding: 0px; }


H1 { margin: 0em 0em .7em 0em; font-weight: bold; font-size: 1.4em; }
H1 SPAN.msg { margin-left: 10px; color: #C00; font-size: .8em; }

H1 SPAN.buttonGroup {
  position: relative;
  top: -2px;
  left: 30px;
}
H1 SPAN.label,
H1 A.button {
  border: 1px solid #E0E0E0;
  padding: 1px 4px;
  color: #999;
  background: #F0F0F0;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
H1 SPAN.label {
  color: #666;
}
H1 A.button:hover {
  border-color: #FFCC80;
  color: #666;
  background: #FFE8BF;
}
H1 A.selected {
  background: #DDD;
}
H1 A.buttonIcon {
  padding: 1px 0px 1px 3px;
}
H1 A.buttonIcon IMG {
  margin-bottom: -1px;
}
H1 SPAN.buttonGroup FORM {
  display: inline;
}
H1 SPAN.buttonGroup SELECT {
  margin-bottom: -1px;
  padding: 0px;
  font-size: 9px;
}

OBJECT.h1 {
  margin-bottom: 1em;
}

H2 { margin: 0em 0em .7em 0em; font-weight: bold; font-size: 1.2em; }

/* Smallcaps */
.sc {
  font-size: .75em;
  text-transform: uppercase;
}


/****************
 *** MESSAGES ***
 ****************/
DIV.error {
	margin-bottom: 1.4em;
	width: 275px;
	border: 1px solid #C90;
	padding: 2px 5px;
	color: #000;
	background:#FF9;
}
DIV.error DIV.errHeader { font-weight: bold; font-size: .9em; text-transform: uppercase; }

DIV.alert {
	margin-bottom: 1.4em;
	width: 250px;
	border: 1px solid #ACF;
	padding: 2px 5px;
	color: #000;
	background: #EFF;
	font-weight: bold;
}


/************
 *** MENU ***
 ************/
DIV.logo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}

DIV.menu {
  position: absolute;
  top:  60px;
  left: 310px;
  z-index: 3;
  margin: 1px;
  font-family: verdana;
  font-size: .9em;
  line-height: 1.4em;
}
DIV.menu DIV.group {
  float: left;
  padding: 4px;
}
DIV.menu DIV.grpSelected {
}
DIV.menu DIV.groupTitle,
DIV.menu A.groupTitle {
  display: block;
  padding: 3px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
DIV.menu DIV.groupTitle {
  cursor: default;
}
DIV.menu A.groupItem {
  display: none;
  padding: 3px;
  color: #333;
  text-decoration: none;
}
DIV.menu DIV.grpSelected A.groupItem {
}
DIV.menu A:hover {
  background-image: url('../images/crosshatch_gray_90.gif');
}
DIV.menu A.selected {
  margin: 1px 0px;
  padding: 1px 3px;
  border: 1px solid #FDF082;
  background: #FEF7AF;
  font-weight: bold;
}

/* For the entire menu to show on hover: */
/*
DIV.menu:hover,
DIV.menu_hover {
  margin: 0px;
  border: 1px solid #B2E5FF;
  background-image: url("../images/bg_sky.jpg");
  background-position: top left;
  background-repeat: repeat-x;
}
DIV.menu:hover DIV.groupTitle,
DIV.menu_hover DIV.groupTitle,
DIV.menu:hover A.groupTitle,
DIV.menu_hover A.groupTitle {
  display: block;
}
DIV.menu:hover A.groupItem,
DIV.menu_hover A.groupItem {
  display: block;
}
*/

/* For each group to show seperately on hover: */
DIV.menu DIV.group:hover,
DIV.menu DIV.group_hover {
  margin: -1px;
  margin-bottom: 0px;
  border: 1px solid #B2E5FF;
  background-image: url("../images/bg_sky.jpg");
  background-position: top left;
  background-repeat: repeat-x;
}
DIV.menu DIV.group:hover DIV.groupTitle,
DIV.menu DIV.group_hover DIV.groupTitle,
DIV.menu DIV.group:hover A.groupTitle,
DIV.menu DIV.group_hover A.groupTitle {
  display: block;
}
DIV.menu DIV.group:hover A.groupItem,
DIV.menu DIV.group_hover A.groupItem {
  display: block;
}


/**************
 *** LAYOUT ***
 **************/
DIV.main {
  width: 100%;
}
#colWrapper {
  position: relative;
}
#colWrapper IMG {
  border: 1px solid #CCC;
}
H1 SPAN.newsDate {
  color: #999;
  font-size: .75em;
  font-weight: normal;
}


DIV.footer {
display: none;
  clear: both;
  padding-top: 2.8em;
}
DIV.footer A {
  border-left: 1px solid #999;
  margin-left: .8em;
  padding-left: 1em;
}
DIV.footer A.first {
  border-left: none;
  margin-left: 0px;
  padding-left: 0px;
}


/******************
 *** FRONT PAGE ***
 ******************/
/* Orange:
 *   border dark:  #FFD966
 *   border light: #FFDF80
 *   title text:   #FFBF00
 *   title back:   #FFE599
 */

DIV.fpageColLeft {
  float: left;
  margin-right: 1em;
}
DIV.fpageColRight {
}
DIV.fpageTitle {
  border-bottom: 1px solid #DDD;
  padding-left: .5em;
  background: url('../images/crosshatch_gray_90.gif');
  color: #CCC;
  font-weight: bold;
  text-transform: uppercase;
}

/*** FPAGE NEWS ***/
DIV.fpageNewsGroup {
  float: left;
  width: 100%;
  border-top: 1px solid #DDD;
}
DIV.fpageNewsGroup A.newsLink {
  float: left;
  display: block;
  width: 20em;
  height: 13.5em;
  padding: .5em .75em .5em .75em;
  text-decoration: none;
  color: #333;
}
/***********************************************
 * SPAN is used here instead of a block-level
 * element due to a firefox rendering bug
 ***********************************************/
DIV.fpageNewsGroup A.newsLink SPAN {
  display: block;
  margin-bottom: 0em;
}
DIV.fpageNewsGroup A.newsLink SPAN.head {
  display: block;
  color: #666;
  font-weight: bold;
  line-height: 1.1em;
}
DIV.fpageNewsGroup A.newsLink SPAN.date {
  display: block;
  margin-bottom: .3em;
  color: #999;
  font-size: .9em;
  line-height: 1em;
}
DIV.fpageNewsGroup A.newsLink SPAN.age {
  float: left;
  margin-right: 5px;
  color: #C00;
  font-size: 1.9em;
}
DIV.fpageNewsGroup A.newsLink SPAN.ageValue {
  float: left;
  margin-right: 2px;
  padding-bottom: 5px;
}
DIV.fpageNewsGroup A.newsLink SPAN.ageCaption {
  margin-top: 3px;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
}
DIV.fpageNewsGroup A.newsLink:hover {
  color: #333;
  background-image: url('../images/crosshatch_gray_80.gif');
}

/*** FPAGE INFO ***/
A.fpageInfoGroup {
  display: block;
  margin-top: -5px;
  padding-bottom: 5px;
  color: #EEB31C;
  text-decoration: none;
}
A.fpageInfoGroup DIV.title {
  color: #FDEE70;
}
A.fpageInfoGroup:hover {
  color: #EEB31C;
  background: #FEFAD6;
}

/*** FPAGE BANDS ***/
DIV.fpageBandGroup {
  border-top: 1px solid #DDD;
}
DIV.fpageBandGroup DIV.bandWrapper {
}

/*** FPAGE IMAGES ***/
DIV.fpageImgGroup {
  border-top: 1px solid #DDD;
}
DIV.fpageImgGroup DIV.galleryWrapper {
  width: 160px;
  margin-right: 0px;
}
A.fpageImageLink {
  display: block;
  float: left;
  clear: both;
  width: 150px;
  margin-bottom: .5em;
  padding: 1px 5px;
  color: #666;
  background: #EEE;
  text-decoration: none;
}
A.fpageImageLink:hover {
  color: #333;
  background: #FFF url('../images/crosshatch_gray_80.gif');
}

/*** FPAGE Relive ***/
DIV.fpageReliveGroup {
  border-top: 1px solid #DDD;
  width: 25em;
}
DIV.fpageReliveGroup SPAN.new {
  color: #C00;
}
DIV.fpageReliveGroup A.day {
  display: block;
  text-decoration: none;
  color: #666;
}
DIV.fpageReliveGroup A.band {
  display: block;
  float: right;
  padding: 1px 3px;
  text-decoration: none;
  color: #666;
}
DIV.fpageReliveGroup A.band:hover {
  padding: 0px 2px;
  border: 1px solid #FFCC80;
  background: #FFE8BF;
}
DIV.fpageReliveGroup UL {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
DIV.fpageReliveGroup UL.days {
  height: 247px;
  overflow: auto;
  margin-bottom: 5px;
  border-bottom: 1px solid #DDD;
}
DIV.fpageReliveGroup UL.days LI {
  display: block;
  margin-bottom: 2px;
  padding: 1px 4px;
  background: #EEE;
}
DIV.fpageReliveGroup UL.days LI.daysOn {
  background: #D8D8D8;
}
DIV.fpageReliveGroup UL.days LI.daysOn A.day {
  color: #333;
  font-weight: bold;
}
DIV.fpageReliveGroup UL.bands {
  display: none;
}
DIV.fpageReliveGroup UL.bands LI {
  display: block;
  margin: 2px 0px;
  padding: 1px 0px 1px 3px;
  background: #F8F8F8;
}
DIV.fpageReliveGroup UL.bands LI.empty {
  color: #999;
}
DIV.fpageReliveGroup UL.songs {
  margin-left: 2em;
}
DIV.fpageReliveGroup UL.songs LI {
  padding: 0px;
}

/*** FPAGE SIGNUP **/
DIV.fpageSignupGroup {
  border-top: 1px solid #DDD;
}
DIV.fpageSignupGroup H2 {
  padding: 3px 0px;
  color: #EEB31C;
  background: #FFD;
  font-size: 2em;
}
DIV.fpageSignupGroup P {
  background: #FFD;
}

/*** FPAGE FORUM ***/
DIV.fpageForumGroup {
  border-bottom: 1px solid #DDD;
}
DIV.fpageForumGroup A.newsLink {
  height: 6em;
}
DIV.fpageForumGroup A.newsLink SPAN.label {
  display: inline;
  margin-right: 2px;
  color: #666;
  font-size: .8em;
  text-transform: uppercase;
}

DIV.fpageTextGroup {
  margin-top: 1em;
  margin-left: 1em;
  float: left;
}
DIV.fpageTextGroup H1 {
  float: left;
  font-weight: normal;
  color: #8B8;
  font-size: 3em;
  line-height: .5em;
  letter-spacing: .1em;
  margin-bottom: -.3em;
  margin-right: .3em;
}
DIV.fpageTextGroup P {
  display: none;
  font-size: 1.6em;
  line-height: 2.4em;
  color: #666;
  font-style: italic;
  white-space: nowrap;
}


/*****************
 *** NEWS LIST ***
 *****************/
A.newsList {
  display: block;
  text-decoration: none;
  color: #333;
}
/***********************************************
 * SPAN is used here instead of a block-level
 * element due to a firefox rendering bug
 ***********************************************/
A.newsList SPAN {
  display: block;
  margin-bottom: 15px;
}
A.newsList SPAN.head {
  display: block;
  margin-bottom: 0em;
  font-weight: bold;
  color: #333;
}
A.newsList SPAN.date {
  display: block;
  margin-bottom: 0em;
  color: #999;
}
A.newsList:hover {
  color: #333;
  background: #FFF url('../images/crosshatch_gray_80.gif');
}



/*************
 *** FORUM ***
 *************/
/* Yellow button */
/*
A.forumButton {
  display: block;
  float: left;
  margin-bottom: 1em;
  border: 1px solid #FC0;
  padding: 2px 4px;
  color: #666;
  background: #FE9;
  font-weight: bold;
  text-decoration: none;
}
A.forumButton:hover {
  background: #FE7;
}
*/
A.forumButton {
  margin-left: 300px;
  margin-bottom: .5em;
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
  text-align: center;
}
A.forumButton:hover {
}

DIV.forumWrapper {
  width: 1000px;
}
DIV.forumListWrapper {
  float: left;
  margin-right: 20px;
}
DIV.forumInputWrapper {
  float: left;
}

TABLE.forumMsgList {
  clear: both;
  width: 650px;
}
TABLE.forumMsgList TH {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 0em 0em 0em 0em;
  color: #666;
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
}
TABLE.forumMsgList TD {
  padding: .2em 0em .2em 0em;
}
TABLE.forumMsgList TD.sort A {
  float: left;
  margin-right: 5px;
}
TABLE.forumMsgList TR.seperator TD {
  border-bottom: 1px solid #DDD;
}
DIV#forumBody {
  width: 650px;
  height: 200px;
  overflow: auto;
  border-bottom: 1px solid #CCC;
}
TABLE.forumMsgListBody {
  width: 630px;
  margin: 0px;
}

/* OLD - FULL PAGE
DIV.forumMsgHead {
  clear: both;
  height: 1.4em;
  margin-bottom: .5em;
  border-bottom: 1px solid #999;
  color: #666;
  font-size: 1.1em;
  font-weight: bold;
}
DIV.forumMsgName {
  float: left;
}
DIV.forumMsgDate {
  float: right;
}
DIV.forumMsg {
  clear: both;
  margin-bottom: 2em;
}

DIV.forumSort {
  float: left;
  height: 18px;
  margin-left: 3em;
  border: 1px solid #CCC;
  background: #EEE;
}
DIV.forumSort DIV.label {
  float: left;
  padding: 2px 6px;
  color: #666;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
DIV.forumSort A {
  display: block;
  float: left;
  border-left: 1px solid #CCC;
  padding: 2px 4px;
}
DIV.forumSort A.selected {
  background: #FE9;
}
DIV.forumSort A:hover {
  background: #DDD;
}
*/

DIV.forumMsg {
  float: left;
  width: 20em;
  margin-right: 2em;
}
DIV.forumMsgAdmin {
  background-image: url('../images/forum_auth_user.gif');
  background-position: top right;
  background-repeat: no-repeat;
}
DIV.forumMsgName {
  font-size: 1.1em;
  font-weight: bold;
  color: #666;
}
DIV.forumMsgEmail {
  color: #999;
}
DIV.forumMsgDate {
  color: #888;
  font-weight: bold;
}
DIV.forumMsgBody {
  width: 20em;
  height: 15em;
  border-top: 1px solid #AAA;
  padding-top: 3px;
  overflow: auto;
}

DIV.forumInput {
  float: left;
  width: 300px;
  border: 1px solid #DDD;
  padding: 1em;
  background: #FFF url('../images/crosshatch_gray_80.gif');
  font-size: 11px;
  font-weight: normal;
}
DIV.forumInput DIV.label {
  float: left;
  width: 75px;
}
DIV.forumInput DIV.group {
  margin-bottom: .5em;
}


/***************
 *** Gallery ***
 ***************/
DIV.galleryWrapper {
  float: left;
  margin-right: 10px;
}
/***********************************************
 * SPAN is used here instead of a block-level
 * element due to a firefox rendering bug
 ***********************************************/
A.galleryLink {
  position: relative;
  display: block;
  width: 150px;
  height: 175px;
  margin-bottom: 1em;
  border: 1px solid #EEE;
  padding: 5px;
  background-image: url('../images/crosshatch_gray_90.gif');
  text-decoration: none;
  text-align: center;
}
A.galleryLink IMG {
  border: 1px solid #DDD;
}
A.galleryLink SPAN.title {
  position: absolute;
  top: 162px;
  left: 5px;
  width: 140px;
  display: block;
  padding: 0px 4px;
  border: 1px solid #EEE;
  color: #666;
  background: #FFF;
  font-size: .9em;
}
A.galleryLink:hover {
  border-color: #DDD;
  background-image: url('../images/crosshatch_gray_80.gif');
  cursor: pointer;
}


BODY.galleryViewer {
	margin: 1em;
  background: #FFF url('../images/crosshatch_gray_90.gif');
}
BODY.galleryViewer P {
}
BODY.galleryViewer IMG {
  border: 1px solid #DDD;
}
/*
BODY.galleryViewer DIV.header {
  margin-bottom: 1em;
}
BODY.galleryViewer DIV.title {
  padding: 1px 4px;
  background: #FFF;
}
BODY.galleryViewer DIV.desc {
  margin-top: 2px;
  padding: 1px 4px;
  background: #FFF;
}
*/
BODY.galleryViewer TABLE.header {
  width: 100%;
  margin-bottom: 1em;
}
BODY.galleryViewer TABLE.header TD {
  padding: 1px 4px;
  background: #FFF;
}
BODY.galleryViewer TABLE.header SPAN.gallery {
  font-weight: bold;
}
BODY.galleryViewer TABLE.header TD.blank {
  background: none;
}
BODY.galleryViewer TABLE.header TD.nav {
  width: 1px;
  padding: 0px;
}
BODY.galleryViewer TABLE.header TD.nav A {
  display: block;
  padding: 1px 6px;
  color: #666;
  text-decoration: none;
}
BODY.galleryViewer TABLE.header TD.nav DIV.disabled {
  padding: 1px 6px;
  color: #CCC;
}
BODY.galleryViewer TABLE.header TD.nav A:hover {
  background: #EEE;
}


/*************
 *** Bands ***
 *************/
DIV.bandWrapper {
  float: left;
  width: 210px;
}
A.bandGenreLink {
  display: block;
  width: auto;
  position:relative;
  clear: both;
  padding: 1px 0px 1px 5px;
  margin: 2px 0px;
  color: #666;
  background-image: url('../images/crosshatch_gray_90.gif');
  font-weight: bold;
  text-decoration: none;
}
A.bandGenreLinkSel,
A.bandGenreLink:hover {
  color: #333;
  background-image: url('../images/crosshatch_gray_80.gif');
}
A.bandLink {
  display: block;
  float: left;
  padding: 5px 5px 0em 5px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
A.bandLink:hover {
  color: #333;
  background-image: url('../images/crosshatch_gray_80.gif');
}
DIV.bandInfo SPAN.name {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
}
DIV#bandList SPAN.name {
  height: 2.2em;
}
DIV.bandInfo SPAN.title {
  display: block;
  margin-bottom: 5px;
  font-style: italic;
}
DIV.bandInfo SPAN.genre {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
DIV.bandInfo SPAN.label {
  font-weight: normal;
}
DIV.bandInfo SPAN.link {
  display: block;
  margin-bottom: 5px;
}
DIV.bandInfo SPAN.image {
  display: block;
  width: 200px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 5px;
  border: 1px solid #DDD;
  background-image: url('../images/crosshatch_gray_80.gif');
}
A.bandInfoLink {
  display: block;
  float: left;
  clear: both;
  width:200px;
  margin-top: .5em;
  padding: 1px 5px;
  color: #666;
  background: #EEE;
  text-decoration: none;
}
A.bandInfoLink:hover {
  color: #333;
  background: #FFF url('../images/crosshatch_gray_80.gif');
}


/****************
 *** Sponsors ***
 ****************/
DIV.sponsorWrapper {
  float: left;
  width: 200px;
  height: 180px;
  margin-right: 10px;
}
DIV.sponsorWrapper IMG {
  display: block;
  margin: 0px auto;
}
DIV.sponsorWrapper DIV.title {
  margin-bottom: 5px;
  color: #666;
  text-align: center;
}
DIV.sponsorWrapper DIV.title A {
  display: block;
  width:200px;
  padding: 1px 0px;
  color: #666;
  background: #EEE;
  text-decoration: none;
}
DIV.sponsorWrapper DIV.title A:hover {
  color: #333;
  background: #FFF url('../images/crosshatch_gray_80.gif');
}


/*********************
 *** Helper Signup ***
 *********************/
DIV.signupInputWrapper {
  float: left;
}
DIV.signupInput {
  float: left;
  width: 270px;
  border: 1px solid #DDD;
  padding: 1em;
  background: #FFF url('../images/crosshatch_gray_80.gif');
  font-size: 11px;
  font-weight: normal;
}
DIV.signupInput DIV.label {
  float: left;
  width: 110px;
}
DIV.signupInput DIV.group {
  margin-bottom: .5em;
}

/******************************
 *** ADMIN (must come last) ***
 ******************************/
A.adminEdit {
  display: inline;
  margin-right: 1em;
  padding: 0px 3px;
  color: #666;
  background: #FFC;
  text-decoration: none;
}
A.adminEdit:hover {
  color: #333;
  background: #FF9;
}

/* For the entire menu to show on hover: */
/*
DIV.menu A.adminEdit {
  display: none;
}
DIV.menu:hover A.adminEdit,
DIV.menu_hover A.adminEdit {
  display: block;
}
*/
DIV.menu DIV.group A.adminEdit {
  display: none;
}
DIV.menu DIV.group:hover A.adminEdit,
DIV.menu DIV.group_hover A.adminEdit {
  display: block;
}

DIV.fpageNewsGroup A.adminEdit {
  width: 20em;
}