/* Specify blanket rules for all elements */
body {
 background-image: url(images/manilla.gif);
 /*background-attachment: fixed;*/
 width: 800px;
 font-size: 80%;
 font-family: 'Lucida Sans Unicode',Verdana,sans-serif;
 height: auto;
 margin-top: 0;
 margin-bottom: 0;
 margin: 0 auto 0 auto;
 padding: 0;
}

/*make a fancy hover*/
a:hover {
 color: #f00;
 background-color: #333;
}

/*Centering container for all site content*/
#container {
 text-align: center;
}

/*To float an image*/
.imgfloatleft {
 float: left;
 margin-right: 30px;
}

.imgfloatright {
 float: right;
 margin-left: 0px;
}

/*Logo Space*/
#logospace {
 height: auto;
}

/*Blurb*/
#blurb {
 text-align: center;
 color: #300;
 height: auto;
 margin-bottom: -12px;
}

/*Center Column*/
#centercolumn {
 text-align: center;
 margin-left: 29%;
 margin-right: 29%;
 height: auto;
}

/*Left Column*/
#leftcolumn {
 width: 29%;
 float: left;
 text-align: center;
 margin-top: -21px;
 height: auto;
 padding-bottom: 61px;
}

/*Right Column*/
#rightcolumn {
 width: 29%;
 float: right;
 margin-top: -21px;
 height: auto;
 padding-bottom: 61px;
 background-color: #ffc;
}

.hint {
   margin-top: -18px;
   margin bottom: -19px;
}

.playerhint {
   margin-top: 21px;
   margin bottom: -19px;
   font-size: 12pt;
}

/*Member Links*/
#memberlinks {
 width: 100%;
 aligh: center;
 height: auto;
}

/*Big Left Column*/
#bigleftcolumn {
 width: 50%;
 margin: 0 auto 0 auto;
 float: left;
 text-align: center;
 height: auto;
 padding-bottom: 25px;
}

/*Big Right Column*/
#bigrightcolumn {
 width: 50%;
 margin: 0 auto 0 auto;
 float: right;
 height: auto;
 padding-bottom: 25px;
}

/*Third Player*/
#thirdplayer {
 clear: both;
 text-align: center;
 margin-left: 29%;
 margin-right: 29%;
 height: auto;
}

/*Intro Block*/
#introblock {
  clear: both;
  text-align: left;
  height: auto;
  padding-bottom: 5px;
}

.introhead {
  color: #000;
  font-size: 160%;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 10px;
}

.introtable {
  text-align: left;
  font-size: 100%;
 font-weight: bold;
}

#bio {
  text-align: left;
}

/*Special Offer Block*/
#special {
margin-top: 15px;
backround-color: yellow;
width: 97%;
align: center;
height: auto;
border-style: solid;
border-width: 3px;
border-color: black;
padding: 10px;
font-size: 150%;
}
/*p.special {padding: 5px;
font: arial 36pt;
background-color: red;
}*/

/*Contact Us*/
#contactus {
 margin-top: 25px;
 background-color: #fc9;
 width: 25%;
 float: left;
 text-align: center;
 height: auto;
}

.email {
 text-align: left;
 font-size: 14px;
}

.address {
 text-align: center;
 color: #669;
 font-size: 18px;
 font-weight: bold;
}

/*Related Links*/
#relatedlinks {
 background-color: #39c;
 margin-top: 25px;
 width: 70%;
 float: right;
 height: auto;
 line-height: 20px;
 padding-bottom: 23px;
}

/*Biographies*/
#bio {
 height: auto;
 padding: 15px;
 font-size: 180%;
}

/*Footer*/
 .footer {
  margin: 0 auto 0 auto;
 clear: both;
 margin-bottom: 25px;
}

/* Rules for headings */
h1 {
 font-size: 250%;
 text-align: center;
}

h2 {
 font-size: 200%;
 text-align: center;
}

h3 {
 font-size: 120%;
}

/*Special fonts for schedule page*/
.gig {
 font-family: tahoma;
 color: #FF0000;
 font-weight: bold;
 font-size: 14pt;
}

.reh {
 font-family: tahoma;
 color: #663399;
 font-size: 14pt;
}

/* Default paragraph styles */
p {
 tex-align: left;
 font-size: 100%;
 line-height: 150%;
}

/* Rollover links */                             /*Red Buttons*/
.rollphotos {
	display: block; 
	width: 180px;
	height: 180px;
	background: url(images/rollphotos_2.jpg);	
	margin-left: 26px;
	text-indent: -9999px;
	line-height: 180px;
	}
a.rollphotos:hover {
	background-position: -180px 0;
	color: #f00;
	background-color: #333;
	}
.rollsamples {
	display: block;
	width: 180px;
	height: 180px;
	background: url(images/rollsamples.jpg);
	margin-left: 26px;
	text-indent: -9999px;
	font-size: 180px;
	}
a.rollsamples:hover {
	background-position: -180px 0;
	}
	
/*Turn off all browser link outlines */
	
/* Rollover links for bio heads*/  
                    /*Bio Heads */
.rollsteve {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rollsteve.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rollsteve:hover {
	background-position: -88px 0;
	}
.rolldon {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rolldon.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rolldon:hover {
	background-position: -88px 0;
	}
.rollmark {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rollmark.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rollmark:hover {
	background-position: -88px 0;
	}
.rolljohna {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rolljohna.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rolljohna:hover {
	background-position: -88px 0;
	}
.rolljohnp {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rolljohnp.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rolljohnp:hover {
	background-position: -88px 0;
	}
.rolljohnz {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rolljohnz.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rolljohnz:hover {
	background-position: -88px 0;
	}
.rollpatty {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rollpatty.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rollpatty:hover {
	background-position: -88px 0;
	}
.rollrick {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rollrick.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rollrick:hover {
	background-position: -88px 0;
	}
.rollhoward {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rollhoward.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rollhoward:hover {
	background-position: -88px 0;
	}
a:hover {
	outline: none;
	}
	/*in case I need this again:
	.rolljason {
	display: block; 
	width: 88px;
	height: 174px;
	background: url(images/rolljason.png);
	text-indent: -9999px;
	font-size: 174px;
	}
a.rolljason:hover {
	background-position: -88px 0;
	}
*/