body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #fff;
	color: #666;
	font: 11px/1.4 "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}
	p, h1, h2 {
	margin:5px 15px;clear:left;
	}
	h1, h2 {
	font-size:16px;
	}
	.pic {
	float:right; padding:0;margin:0;
	}

/* ---- navigation styles----  */

div#nav ul { list-style:none;padding: 0;background:#fff;width:238px;
margin: 0 26px 0 0;/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0 26px 0 0; /* ie 6 */
	}
html>body div#nav ul {
	margin: 0 0 0 386px; /* moz */
	}

#nav li, #nav img {display:inline;margin:0;padding: 0;}

a:link, a:visited {
text-decoration: underline;color: #996; 
}
a:hover {
text-decoration: none;color: #c93;
}
a:active {
font-weight : normal; 
text-decoration : none;
color: #785;
background: transparent;  
	}
	
/* ---------- layout --------- */	

div#wrapper	{
position:relative;
background: #fff;
width: 646px;
margin: 10px auto 0 auto;
padding: 0;
text-align: left;
height:auto;
}
	
#top {
	margin: 0;width: 646px;
	padding: 0;
	border: 0;
	background: #fff url(../img/smashing_pictures.jpg) no-repeat top center scroll;
	height: 131px; 
	}
	
#left {
	top: 100px;
	left: 0px;
	margin: 0;
	padding: 0;height:350px;
	text-align:center;
	background: #fff url(../img/vert.gif) no-repeat top right scroll;
	width: 198px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 198px; /* ie 6 */
	}
html>body #left {
	width: 198px; /* moz */
	}
#middle {
position:absolute;top:194px;
height:350px;
margin: 0 0 0 198px;
padding: 20px 0;
text-align:center;
background: #fff url(../img/middle_bg.jpg) no-repeat top center scroll;
width:260px; /* ie 6 */
voice-family: "\"}\"";
	voice-family:inherit;
	width: 250px; /* ie 5 */
	}
html>body #middle {
width: 250px; /* moz */
	}
	
body#about #middle, body#shows #middle {
width: 425px;background: #fff;background-image:none;text-align:left;margin: 0 0 0 240px;
}	
body#shows div#middle {
height:auto;
}
div#right {
position:absolute;top: 195px;
margin: 0 0 0 448px;
padding: 0;
text-align:center;height:350px;
background: #fff url(../img/vert.gif) no-repeat top left scroll;
width: 198px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 198px; /* ie 6 */
	}
html>body #right {
	width: 198px; /* moz */
	}
	
body#about div#left, body#shows div#left {
width: 220px;margin-left:20px;
}
body#shows div#left {height:550px; text-align:left;
}

div#footer	{
position:relative;
clear:left;
border: 0;
background: #fff url(../img/footer.jpg) no-repeat top center scroll;
width: auto;
padding: 0;
margin:0;
height:47px;
text-align:center;
	}
	
div#nav	{
text-align:right;height: 36px;width: 646px;margin: 0;padding: 0;background: #fff url(../img/nav_bg.jpg) no-repeat top center scroll;
	}

div#navBot {
height: 18px;width: 646px;margin: 0;padding: 0;background: #fff url(../img/nav_bot.jpg) no-repeat top left scroll;
}

#left img, #right img {
margin:94px 5px 0 5px;
}

#middle img {
margin:220px 5px 0 5px;
}
/* ---------- layout --------- */

#left h4 {
margin:5px 15px 2px 15px;font-size:14px;
}
#left a:link, #left a:visited, #left a:hover, #left a:active {
margin:5px 15px 2px 15px;
}

body#index #left a:link, body#index #left a:visited, body#index #left a:hover, body#index #left a:active {
margin:auto;
}
body#shows #middle img {
margin:5px;
}
/* ------------  form ------------ */

#form {
margin: 10px; padding:0; border:0; text-align: left; vertical-align: top; font: 11px/12px verdana, arial, trebuchet ms, sans-serif;
}
select, input, textarea { 
margin:5px;font-family: verdana,arial,helvetica, sans-serif; font-size: 10px; background-color: #f5f5f5; color: #000; 
}
select, input {
height:18px; width: 140px;
}
.b {font-weight:bold;
}

.size { 
width: 45px; height:18px; 
}