BODY	{background-color:  #47c8ef;
	background-image: url(background.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: white;
	font-family: sans-serif;
	font-size: 13px;}

#surround {position: absolute;
	top: 0px;
	left: 50%;
	height: 530px;
	margin-left: -390px;}

DIV	{position: absolute;
	width: 154px;
	height: 100%;
	bottom: 0px;
	bacground-color:   #47c8ef;
	background-position: 0 100%;
	background-repeat: no-repeat;
	overflow: inherit}

H1	{text-align: center}

H2	{text-align: center;
	line-height: 10px}

H3	{text-align: center}

A	{text-decoration: none;
	color: #000000;}
	
A:hover	{text-decoration: none;
	color: #0033CC;
	font-weight: bold}
	
IMG {border: none}
	
#dan		{position: absolute;
	left: 5px}
	
#dan.selected	{background-image: url(dansmallpurple.jpg)}
	
#guy		{position: absolute;
	left: 159px}

#guy.selected	{background-image: url(guysmallpurple.jpg)}
	
#ruth	{position: absolute;
	left: 313px}
	
#ruth.selected {background-image: url(ruthsmallpurple.jpg)}
	
#tom	{position: absolute;
	left: 467px}
	
#tom.selected	{background-image: url(tomsmallpurple.jpg)}
	
#ed	{position: absolute;
	left: 621px}
	
#ed.selected	{background-image: url(edsmallpurple.jpg)}


#title	{position: absolute;
	bottom: 200px;
	left: 180px}
	
#headtext {postion: absolute;
	left: 5px;
	width: 770px;
	height: 200px;
	bottom: 165px;
	bacground-color:   #47c8ef;
	color: white}
	

	
.content	{position: absolute;
	bottom: 210px;
	height: 300px}

.selected .content 	{position: absolute;
	bottom: 0px;
	height: 510px}

.label	{position: absolute;
	bottom: 85px;
	height: 30px;
	text-align: center;
	width: 150px;
	font-size: 25px;
	text-transform: lowercase;
	color: white}
	
.invisiblelabel {visibility: hidden;
	position: absolute;
	bottom: 85px;
	height: 30px;
	text-align: center;
	font-size: 25px;
	text-transform: lowercase;
	color: white}
	
A:hover .invisiblelabel {visibility: visible;
	position: absolute;
	bottom: 85px;
	height: 30px;
	width: 150px;
	text-align: center;
	font-size: 25px;
	text-transform: lowercase;
	color: white;
	}
	
.hut 	{position: absolute;
	bottom: 0px;
	left: 0px;
	border: none 0px white}

.selected	{background-color: #ca81ea;
	color: #eeeeee;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;}
	
.selected B {font-size: 13px;
	color: white;}

.selected .content {left: 5px;
	width: 149px;}

.author	{right: 0px;
	position: absolute;
	font-size: 12px;}
	
.review	{position: relative;
	left: 10px;
	padding-bottom: 30px;
	font-size: 15px;
	width: 140px}

.question	{position: relative;
	left: 3px;
	font-weight: bold;
	width: 144px}

.answer	{position: relative;
	left: 3px;
	font-weight: bold;
	text-align: justify;
	width: 144px}

.blurb {padding-left: 3px;
	padding-right: 3px;
	text-align: justify;
	width: 140px;
	top: 58px;
	font-size: 10px}



.phonenumber	{text-align: right;
	position: relative;
	right: 5px;
	font-weight: bold;
	font-size: 20px;
	top: 160px;}
	
.ticketing	{position: relative;
	top: 100px;
	left: 3px;
	font-weight: bold;
	width: 154px}
	
.firstdates	{position: absolute;
	padding-right: 3px;
	text-align: right;
	width: 150px;
	line-height: 20px;}


.venue {line-height: 20px;
	color: black}
	
.venueexplanation {position: absolute;
	top: 100px;
	text-align: center;
	width: 154px}

.beforetitle	{padding-bottom: 65px}