/* CSS Document */
body {
		
		background-image:  url(images/background.jpg);
		margin: 0px;
		padding: 0px;
		text-align: left;
		font-size: 14px;		
		font-family: Comic Sans Ms;
		scrollbar-face-color:#FFFFE1;
 scrollbar-highlight-color:#FFFFE1;
 scrollbar-3dlight-color:#FFFFE1;
 scrollbar-darkshadow-color:#FFFFE1;
 scrollbar-shadow-color:#FFFFE1;
 scrollbar-arrow-color:black;
 scrollbar-track-color:#FFFFE1;
 
		}
		
#content {
		width: 800px;
		height: 570px;		
		background-image:  url(images/weblayout.jpg);
		margin: auto ;
		position: relative;
		padding: 0px;
		}
#text { 
		position: relative;
		left:150px; 
		top:120px; 
		padding-right: 45px;
		width:330px; 
		height:382px; 
		font-family: Comic Sans Ms;
	
		}
#scrolltext { 
		position: relative;
		left:170px; 
		top:220px; 
		padding-right: 45px;
		width:480px; 
		height:280px; 
		font-family: Comic Sans Ms;
		overflow: auto;
		}
#scrolltext a { color: #DE0029; text-decoration: none; }
#scrolltext a:hover { color: #0047DF }
		
#songListText {
		position: relative;
		width: 480px;
		left: 200px;
		top: 220px; 
		height: 280px;
		overflow:auto;
		font-family: Comic Sans Ms;
		}

#songText {
		position: absolute;
		left: 0px;
		top: 0px;
				}
#songText .songtitle {
		display: block;
		width: 200px;
		float:left;
		clear: right;
		}
		
#songText img {
		width: 30px;
		height:30px;
		margin: 0 0 0 10px;
		border: 0;
		}
#scrolltext .desktops {
		position: relative;
		margin: 0;
		padding:0;
		left:0px;
		clear: both;
		text-align: center;

			}
#scrolltext .desktops img {
		top:300px;
		margin-right:50px;
		margin-bottom: 20px;
		padding:0;
		width: 150px;
		height: 113px;
		border:0;
		float: left;
		display: block;
		}


#photoListText {
		position: relative;
		width: 480px;
		left: 180px;
		top: 290px;
		height: 210px;
		overflow:auto;
		font-size: 15px;
		font-family: Comic Sans Ms;
		}
		
#photoText {
		position: absolute;
		left: 0px;
		top: 0px;
				}

#photoText .photo_thumbnail_1 {
		left: 30px;
		position: relative;
		width: 480px;
				}	
				
#photoText .photo_thumbnail_2 {
		left: 30px;
		position: relative;
		width: 480px;
				}
				

#photoText .photo_thumbnail_1 img {
		
		margin: 0px 0px 2px 0px;
		padding: 2px;
		border: grey 1px solid;
		}
		
#photoText .photo_thumbnail_2 img {
		margin: 2px 0px 0px 7px;
		padding: 2px;
		border: grey 1px solid;
		}
		
		
#photoHead {
		position: absolute;
		left: 270px;
		top:  130px;
		}		
		
#photoHead p {
		position: absolute;
		width: 300px;
		top: 110px;
		left: 30px;
		}
#history {
		position: absolute;
		top: 130px;
		left: 150px;
		}
		
#heading {
		position: absolute;
		top: 130px;
		left: 270px;
		}
#mischead {
		position: absolute;
		top: 160px;
		left: 200px;
		}
		
		
#nav {
		margin: 0;
		padding: 0;
		height: 60px;
		list-style-type: none;
		text-indent: -9999px;		
		/*hide overflow: hidden; \*/
		overflow: hidden;
		/*end hide from mac ie5*/ 
			}
			
		
#nav li {
		height: 69px;
		margin:0;
		padding:0;
		display: inline;
			}
		
#nav li a {
		text-decoration: none;
		position: absolute;
		height: 59px;
		top: 540px;
		display: block;
		}
		
#nav li b {
		/* hide visibility hidden;\*/
		visibility: hidden;
		/*end hide */
		}		
	
#nav a#bios {
		width: 180px;
		left: 1px;
		background:  url(images/bios_buttons.gif);
		/* hide;\*/
		background:  url(images/bios_buttons.gif) no-repeat 0px 0px;
		/*end */
		}
		
	
#nav a#photos  {
		width: 122px;
		left: 130px;
		background:  url(images/photo_buttons.gif) no-repeat 0px 0px;
		}

				
#nav a#songs  {
		width: 126px;
		left: 255px;
		background:  url(images/songs_buttons.gif) no-repeat 0px 0px;
		}
			
#nav a#gigs  {
		width: 119px;
		left: 380px;
		background:  url(images/gigs_buttons.gif) no-repeat 0px 0px;
		} 

#nav a#misc  {
		width: 190px;
		left: 500px;
		background:  url(images/misc_buttons.gif) no-repeat 0px 0px;
		} 		
		
#nav a#contact  {
		width: 168px;
		left: 690px;
		background:  url(images/contact_buttons1.gif) no-repeat 0px 0px;
	
		}

#nav a#bios:hover, #nav a#photos:hover, #nav a#songs:hover, #nav a#gigs:hover,#nav a#misc:hover {
			background-position: 0 -63px;
			}
#nav a#contact:hover{
background-position: 0 -65px;
}
#nav a#bios:active #nav a#photos:active, #nav a#songs:active{
	background-position: 0 -135px;
	}				
#nav a#gigs:active, #nav a#contact:active, #nav a#misc:active {
		background-position: 0 -138px;
		}	
			
body#songs a#songsnav {
		background-position: 0 -138px;
		}
		
#merchnav {
		margin: 0;
		padding: 0;
		height: 20px;
		list-style-type: none;
		text-indent: -9999px;		
		/*hide overflow: hidden; \*/
		overflow: hidden;
		/*end hide from mac ie5*/ 
			}

		
#merchnav li {
		margin:0;
		padding:0;
		display: inline;
			}
		
#merchnav li a {
		text-decoration: none;
		position: absolute;
		height: 24px;
		top: 398px;
		display: block;
		}
		
#merchnav li b {
	/* hide visibility hidden;\*/
		visibility: hidden;
		/*end hide */
		}
#merchnav a#merch {
		width: 100px;
		left: 10px;
		background:  url(images/merch_buttons.jpg) no-repeat 0px 0px;
		}
#merchnav a#merch:hover {
		background-position: 0 -24px;
		}
		
#merchnav a#merch:active {
		background-position: 0 -48px;
		}
		
#cardsNonCSS {
		top: 200px;
		width: 360px;
		height: 235px;
		margin: 0px auto;
		padding:0;
		position: relative;
		left: 65px;
		}
		
#cards {
		top: 190px;
		width: 350px;
		height: 235px;
		background:  url(images/card_images.gif);
		margin: 0px auto;
		padding:0;
		position: relative;
		left: 120px;
		}
#cards li {
		margin: 0;
		padding: 0;
		list-style: none;
		position:absolute;
		
		}
		
#cards li, #cards a {
		height: 235px;
		display: block;
		}
		
#tom   {left:0; width: 138px;}

#jeff   {left:115px; width: 250px;}

#pete	{left: 210px; width: 350px;}

#tom a:hover {
		background: transparent url(images/card_images.gif) 0 -242px no-repeat;
		}
#jeff a:hover {
		background: transparent url(images/card_images.gif) -115px -482px no-repeat;
		}
#pete a:hover {
		background: transparent url(images/card_images.gif) -210px -242px no-repeat;
		}
		
#cardhead {
		left:150px;
		top:250px;
		position: absolute;
		}
		
#heads {
		position: absolute;
		width: 180px;
		left: 280px;
		top: 225px;
		float: left;
		}
#comments {
		position: absolute;
		top: 650px;
		left: 650px;
		color: #FBF606;
		font-size: 12px;
		text-align: left;
			}
		
#comments a { color: #DE0029; text-decoration: none; }
#comments a:hover { color: #0047DF }