body {
	background-image:url(../images/tilebkg.gif);
	margin: 0px auto;
	color:#e5e5d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
#nav {	
	background-image:url(../images/navstrip.gif);
	width: 878px; height: 177px;
	top: 0px; left: 240px;
   	position: absolute;	
  	padding:0px 0 0 0px;
	filter:alpha(opacity=32);
   		-moz-opacity:0.32;
   		opacity: 0.32;
}
/*this div is used to type opaque text over the transparent nav div above*/
#opaquenav {
   width: 878px; height: 177px;    /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   top: 0px; left: 240px;
   position: absolute;				/* absolute positioning     */
   z-index: 2;                      /* place it over the other DIV */
   padding:0px 0 0 0px;
}


#biotext {	
	background-image:url(../images/bigBKG.gif);
	top: 290px; left: 200px;
   	position: absolute; 
	width: 900px; height: 520px;
  	padding:0px 0 0 0px;
	filter:alpha(opacity=50);
   		-moz-opacity:0.50;
   		opacity: 0.50;
}
#makingittext {	
	background-image:url(../images/bigBKG.gif);
	top: 290px; left: 200px;
   	position: absolute; 
	width: 900px; height: 520px;
  	padding:0px 0 0 0px;
	filter:alpha(opacity=60);
   		-moz-opacity:0.60;
   		opacity: 0.60;
}
#opaquelargetext {
   width:900px; height: 520px;    /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   top: 290px; left: 170px;
   position: absolute;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
   
}
#logo {	
	
	top: 0px; left: 10px;
   	position: absolute; 
	width: 178px; height: 138px;
 }


#content{
	position: absolute;
	top: 170px; left: 240px;
}



/*splashpage*/
#splashpage {
	background-image:url(../images/splash.jpg);
	margin: auto;
	width: 600px;
	height: 600px;
	top: 0px; left: 0px;
}
#splashcontent {
	
	margin: 0px auto;
	width: 600px;
	height: 600px;
}
A.splashcontent:link, A.splashcontent:visited, A.nav:active {
					text-decoration: none;
					color: #000000;
}
A.splashcontent:hover{ 
			text-decoration: underline;
}
/* homepage*/
#homepagebkg {	
	background-image:url(../images/newsbkg.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
}	

#left {
	float:left;
	width:500px;
	margin-left:0px;
	padding: 0px;
	display:inline;
	position: relative;
	text-align:left;
}

#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:375px;
	padding: 4px;
	margin-top:0px;
	text-align:left;
	/*border-left: #5e0c00 2px solid;*/

}
#right a{
	text-decoration:none;
	color:#000000;
}
#right a:hover{
	text-decoration:underline;
}
.mailinglistform {
  width: 240px; height: 136px;
  padding:10px 0 0 10px;
  background-image:url(../images/blackbkg.gif);
  color: #226699;
  font-family: Arial, Helvetica, sans-serif;
  filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
}
DIV.news {
	/*border: #5e0c00 2px solid;*/
	position:absolute;
	top: 180px; left: 60px;
	color : #000000;
	padding : 0px; 
	width : 900px; 
	height : 600px; 
	overflow : hidden; 
	margin-top: 0px; 
	margin-left: 0px;
	scrollbar-face-color: #5e2e17;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#5e2e17;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#4d2613;
   scrollbar-darkshadow-Color:#202020;
}
/* melani notes - this is the blog div that controls the width of the blog entries on left of homepage with out moving mailing list down. I think I already have it set the the max it should be 340px*/
DIV.blog {
	color : #000000;
	float:left; 
	padding : 0px; 
	width : 500px; 
	height : 450px; 
	overflow : auto; 
	margin-top: 0px; 
	margin-left: 0px;
	text-align:left;
	scrollbar-face-color: #5e2e17;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#5e2e17;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#4d2613;
   scrollbar-darkshadow-Color:#202020;
}
H1.news {
	color : #000000;
	font-family: ympyroity, Verdana, Arial, Helvetica, sans-serif;
    font-size: 20pt;
	font-weight:bold;
}
H2.news {
	color : #000000;
	font-family: ympyroity, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
	font-weight:bold;
}

A.nav:link, A.nav:visited, A.nav:active {
					text-decoration: none;
					color: #e2d500;
}
A.nav:hover{ 
			text-decoration: none;
			color: #e2d500;
}
/*end of homepage specific classes*/

/*shows page*/
#stagebkg {	
	background-image:url(../images/stageBKG.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}
/*music store page*/
#storebkg {	
	background-color: #80664C;
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}
/*bio page*/
#biobkg {	
	background-image:url(../images/bioBKG.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}

/*media page*/
#mediabkg {	
	background-image:url(../images/mediaBKG.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}
/*gallery page*/
#gallerybkg {	
	background-image:url(../images/gallerybkg.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}
/*contact page*/
#contactbkg {	
	background-image:url(../images/contactbkg.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}
/*makingit page*/
#makingitbkg {	
	background-image:url(../images/makingbkg.jpg);
	margin: auto;
	width: 1280px;
	height: 848px;
	/*border-left: #5e0c00 2px solid;*/
}

#content {	
	border: #5e0c00 2px solid;
	text-align:center;
	position:absolute;
	width:900px;
	
}
#banner {
	background-image:url(../images/banner.gif);
	margin: 0px auto;
	width: 617px;
	height: 95px;
	position: absolute;
	top: 18px; left: 216px;
}


a:link, a:active { 
					text-decoration: none;
					color: #e0d420;
}
a:visited { 
			text-decoration: none;
			color: #e0d420;
}
p{
	margin: 15px 0px;
}

img{
	border-width:0px;
}
h1{
	color:#ffffff;
	font-size:18px;
	margin: 20px 0px 5px 0px;
}

h2{
	
	color:#e0d420;
	font-size:16px;
}

#translucentbkg {
   width: 410px; height: 240px;     /* to match DIVs size          */
   background-image:url(../images/blackbkg.gif);
   top: 294px; left: 350px;
   position: absolute; 
   filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
}
#opaquetext {
   width: 410px; height: 240px;     /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   top: 294px; left: 350px;
   position: relative;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
}

DIV.footer {
	font-family: Verdana;
    font-size: 8pt;
	color:  #fafbfc;
	text-align:center;
   width: 600px; height: 40px;    /* to match DIVs size          */
   top: 810px; left: 300px;
   position: absolute;                 /* place it over the other DIV */
}

A.footer:link, A.footer:visited, A.footer:active {
					text-decoration:none;
					color: #fafbfc;
}
A.footer:hover{ 
			text-decoration:underline;
}
.black{
	color:black;
}
A.blackfooter:link, A.blackfooter:visited, A.blackfooter:active {
					text-decoration:none;
					color:black;
}
A.blackfooter:hover{ 
			text-decoration:underline;
			color:black;
}

DIV.bio { 
	position:absolute;
	top:0px; left:30px;
	width : 880px; 
	height : 508px; 
	overflow : auto;
	padding:0px 5px 0px 10px;
	text-align:left; 
	scrollbar-face-color: #5e2e17;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#5e2e17;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#4d2613;
   scrollbar-darkshadow-Color:#202020;
}
DIV.store {
	position:relative;
	top:200px; left:60px;
	width : 900px; 
	height : 520px;
	overflow : auto;
}
H1.bio {
	font-family: ympyroity, Verdana, Arial, Helvetica, sans-serif;
    font-size: 20pt;
	font-weight:bold;
}
DIV.shows {
	position:relative;
	top:300px; left:60px;
	text-align:left;
	color : #ffffff; 
	width : 370px; 
	height : 430px; 
	overflow : auto; 
   scrollbar-face-color: #000000;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#000000;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#808080;
   scrollbar-darkshadow-Color:#202020;
}
DIV.gallery {
	position:relative;
	top:300px; left:60px;
	width : 303px; 
	height : 330px; 
	overflow : auto; 
   scrollbar-face-color: #80664d;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#80664d;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#6a5440;
   scrollbar-darkshadow-Color:#202020;
}

DIV.media {
	position:relative;
	top:300px; left:60px;
	width : 600px; 
	height : 500px; 
	overflow : auto; 
   scrollbar-face-color: #80664d;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#80664d;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#6a5440;
   scrollbar-darkshadow-Color:#202020;
}

DIV.makingit {
	position:absolute;
	top:0px; left:30px;
	text-align:left; 
	width : 880px; 
	height : 500px; 
	overflow : auto;
	padding:0px 5px 0px 10px;
   scrollbar-face-color: #80664d;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#80664d;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#6a5440;
   scrollbar-darkshadow-Color:#202020;
}
DIV.contact {	
	position:relative;
	top:300px; left:60px;
	width: 300px;
	height: 30px;
	text-align:center;
}