/*************************  Links *************************/

a:link {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #C0C0C0;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #C0C0C0;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
/*-------------------- Contact Links -------------------------*/

a.contact:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Footer Links -------------------------*/

a.footer:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Top Links -------------------------*/

#navTop ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;

}

#navTop a {
display: block;
height: 20px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Top Buttons------*/

a#home,
a#see,
a#playlist,
a#hear,
a#band,
a#posters,
a#gallery,
a#links,
a#contact {
width: 100px;
height: 34px;
}

a#home { background-image: url(buttons/home.gif); }
a#see { background-image: url(buttons/see.gif); }
a#playlist { background-image: url(buttons/playlist.gif); }
a#hear { background-image: url(buttons/hear.gif); }
a#band { background-image: url(buttons/band.gif); }
a#posters { background-image: url(buttons/posters.gif); }
a#gallery { background-image: url(buttons/gallery.gif); }
a#links { background-image: url(buttons/links.gif); }
a#contact { background-image: url(buttons/contact.gif); }

/***************** Stuff *********************/

.submit {
	width: 120px;
	height: 25px;
	border: none;
	}

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/**********************************************************/

html {
	height:100%
	}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  font-size: 12px;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/***********************************************************/

#Wrapper {
  width: 900px;
  height: 584px;
  background-color: #000000;
  color: #FFFFFF;
  margin: 0 auto 0 auto;
  border-right: 0px solid #C0C0C0;
  border-left: 0px solid #C0C0C0;
  border-bottom: 0px solid red;
  padding: 0px;
  }

#mainPage {
  background-image: url('images/page_bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  width: 900px;
  height: 484px;
  margin: 0 auto 0 auto;
  border: 0px solid #00FF00;
  padding: 0px;
  }

#Content {
  width: 501px;
  height: 350px;
  margin: 0 auto 0 339px;
  border: 0px solid white;
  padding: 10px 0px 20px 0px;
  font-size: 12px;
  text-align: left;
  }

#topMenu {
  width: 900px;
  height: 34px;
  margin: 20px auto 20px auto;
  border: 0px solid #C0C0C0;
  padding: 0px;
  }

#footer {
  width: 98%;
  clear:both;
  text-align: center;
  color: #C0C0C0;
  margin: 0px auto 20px auto;
  border: 0px solid #C0C0C0;
  padding: 20px 0 20px 0;
  }

/**************** General *********************/

iframe.gigPanel {
  width: 500px;
  height: 360px;
  }

.text10 {
  font-size: 10px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.text24 {
  font-size: 24px;
  }

.smallText {
  font-size: 12px;
  }

.makeBold {
font-weight: bold;
}

.makeNormal {
font-weight: normal;
}

.underlineText {
text-decoration: underline;
}

.justifyText {
padding-top: 5px;
text-align: justify;
}

.makeYellow {
  color: yellow;
  }