* {
  margin: 0;
  padding: 0;
}

img
{  border-style: none;
}

body {
	background-color:#000000;
	text-align: center;
	min-width: 800px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	color: #CCCCCC;  
}

h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #fff;
	margin-top: 20px;
	width: 240px;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  color: #CCCCCC;
}

p, li {
	font-size: 1.4em;
	color: #CCCCCC;
}

h1, h2, p {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#branding h1 {
  margin: 0;
}

#bio p {
	margin: 1em 0;
	font-size: 1.4em;
}

#wrapper {
	background-color: #000;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/bckgrnd_middle.gif);
	background-repeat: repeat-y;
}

#branding {
	height: 237px;
	background-color:#000000;
	background-image: url(images/bckgrnd_top.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#mainNav {
	list-style: none;
	width: 113px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 90px;
	color: #CCCCCC;
}

#mainNav li a{
	display: block;
	height: 32px;
	width: 50px;
	line-height: 32px;
	text-decoration: none;
	text-indent: -9999px;
	padding-left: 50px;
	padding-right: 20px;
	color: #CCCCCC;
}

#track li {
	margin-left: 25px;
	margin-top: 0px;
}

#venue li {
	margin-top: 0px;
	list-style-image: none;
	list-style-type: none;
	width: 300px;
}

#footer {
 	height: 360px;
	clear: both;
	background-image: url(images/bkgrnd_bottom.gif);
	background-position: bottom;
}

#mainreturn {
	float: left;
	height: 120px;
	width: 356px;
	margin-top: 83px;
}

#contentvenue {
	min-height: 200px;
	width: 550px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 25px;
	margin-top: -50px;
	margin-bottom: -150px;
}

#contentmain {
	min-height: 392px;
	width: 550px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 25px;
	margin-top: -50px;
	margin-bottom: -220px;
	background-image: url(images/band_home.gif);
}

#contentalbum {
	min-height: 351px;
	width: 500px;
	float: right;
	background-image: url(images/masonjars_album.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 50px;
	margin-top: -50px;
	margin-bottom: -200px;
}	

#contentbio {
	min-height: 260px;
	width: 500px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 50px;
	margin-top: -50px;
	margin-bottom: -200px;
}

#contentlois {
	min-height: 351px;
	width: 525px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 40px;
	margin-top: -50px;
	margin-bottom: -200px;
	background-image: url(images/lois.gif);
}

#contentruth {
	min-height: 351px;
	width: 525px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 40px;
	margin-top: -50px;
	margin-bottom: -200px;
	background-image: url(images/ruth.gif);
}

#contentyvonne {
	min-height: 351px;
	width: 525px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 40px;
	margin-top: -50px;
	margin-bottom: -200px;
	background-image: url(images/yvonne.gif);
}

#content h1, h2, p {
  padding-right: 100px;
}

#bio a{
	width: 113px;
	background-image: url(images/bio_off.gif);
	background-repeat: no-repeat;
	color: #CCCCCC;
}

#album a{
	width: 113px;
	background-image: url(images/album_off.gif);
	background-repeat: no-repeat;
	color: #CCCCCC;
}

#venues a{
	width: 113px;
	background-image: url(images/venues_off.gif);
	background-repeat: no-repeat;
	color: #CCCCCC;
}

#bio a:hover{
	background-image:url(images/bio_on.gif);
}
	
#album a:hover{
	background-image:url(images/album_on.gif);
}
	
#venues a:hover{
	background-image:url(images/venues_on.gif);
}

#bio a.selected {
	background-image:url(images/bio_on.gif);
}

#album a.selected {
	background-image:url(images/album_on.gif);
}

#venues a.selected {
	background-image:url(images/venues_on.gif);
}

#contentbios h1, h2, p {
  padding-right: 300px;
}

a:link{
	color: #CCCCCC;
	text-decoration: none;
}

a:visited{
	color: #666666;
	text-decoration: none;
}

a:hover{
	color: #8DC742;
	text-decoration: none;
}

a:active{
	color: #8DC742;
	text-decoration: none;
}
