html {overflow-y:scroll;}

/* Body Styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: black;
	color: #000000;
	margin: 5px 0 0 0;
	padding: 0px;
	
}


audio { 
  	border:1px solid #FF9900;
  	border-radius: 90px;
  	transform: scale(1.05);
	height: 20px;
}

audio::-webkit-media-controls-panel {
  background-color: #FF9900;
}

#aboutmain {
	background: #000000 url('../assets/ill prepared17_orangey2.jpg') no-repeat top;
	overflow: hidden;
	width:100%;
	height:100%;
	position: centre;
	background-position: top;
}


#setlist
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	overflow: hidden;
	
	width:100%;
	height:100%;
	position: centre;
	height: auto;
}
#setlist td, #setlist th 
{
	font-size: .75em;
	border:1px solid #FF9900;
	padding:3px 7px 2px 7px;
	color:#ffffff;
	height:20px;
}
#setlist th 
{
	font-size:1.0em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	/*background-color:#FF9900;*/
	color:#ffffff;
	height:20px;
}
#setlist tr.alt td 
{
	color:#ffffff;
	background-color:#EAF2D3;
	height:20px;
	}



/* Header Styles */
	#header {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100%;
	border-bottom: 1px solid red;
	background: Black;
	margin-left: auto;
	margin-right: auto;
}
	#header h1 {
		font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
		font-size: 36px;
		margin: 0px;
		padding: 3px 5px;
		color: #ffffff;
		font-weight: normal;
		}
	#header p {
		font-size: .75em; 
		text-align: right;
		color: #ffffff;
   		margin: 0px;
		padding: 0px;
		}
	#header a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#header a:hover {
		color: #FF9900;
		font-weight: bold;
		text-decoration: underline;
		margin-right: 20px;
		}
	#header .on {
		color: #FF9900;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}

/* Contact */	
	.field {
		background: #ffffff;
		color: #000000;
		width: 350px;
		margin: 2px;
		border: 0px;
		}
	.button {
		background: #FF9900;
		color: #000000;
		font-weight: bold;
		width: 70px;
		height: 25px;
		margin: 2px;
		border: 1px solid #ffffff;
		}
		

/* Footer Styles */
	#footer {
		background: #FF9900;
   		margin: 10PX 0 0 0;
		padding: 0px;
		text-align: right;
		width: 100%;
		border-top: 1px solid #ffffff;
		}
	#footer p {
		font-size: .75em; 
		color: #ffffff;
   		margin: 0px;
		padding: 0px;
		}
	#footer a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#footer a:hover {
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
		margin-right: 20px;
		}
	#footer .on {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#copyright {
		font-size: .70em; 
		line-height: 1em;
		color: #ffffff;
		text-align: center;
		margin: 10px;
		padding: 10px;
		}

/* New Styles */

/* centre Column */
	#centre {
	padding: 20px;
	float: none;
	width: 70%;
	margin-left: auto ;
	margin-right: auto ;	

}
	#centre h2 {
		font-size: 1.25em; 
		line-height: 1.25em;
		color: #FF9900;
		margin: 0px;
		}
	#centre h3 {
		font-size: 1em; 
		line-height: 1.25em;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#centre h4 {
		font-size: .75em; 
		line-height: 1em;
		color: #FF9900;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#centre p {
		font-size: 1em; 
		line-height: 1.50em;
		color: #ffffff;
		font-weight: normal;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		}
    #centre p:small {
		font-size: 1em; 
		line-height: 1.50em;
		color: #ffffff;
		font-weight: normal;
		margin: 0px;
		padding-top: 9px;
		padding-bottom: 9px;
		}
        
	#centre a {
		color: #ffffff;
		font-weight: normal;
		}
	#centre a:hover {
		color: #FF9900;
		font-weight: normal;
		}
	#centre ul {
		margin: 0px;
		padding: 20px;
		}
	#centre ul li {
		list-style: square outside;
		font-size: .75em; 
		line-height: 1.25em;
		color: #ffffff;
		margin: 0px;
		padding: 2px;
		}
	#centre ol li {
		list-style: decimal outside;
		font-size: .75em; 
		line-height: 1.25em;
		color: #ffffff;
		margin: 0px;
		padding: 2px;
		}	

/* Left Column */
	#left {
		padding: 20px;
		float: left;
		width: 58%;
		}
	#left h2 {
		font-size: 1.25em; 
		line-height: 1.25em;
		color: #FF9900;
		margin: 0px;
		}
	#left h3 {
		font-size: 1em; 
		line-height: 1.25em;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#left h4 {
		font-size: .75em; 
		line-height: 1em;
		color: #FF9900;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#left p {
		font-size: 1em; 
		line-height: 1.50em;
		color: #ffffff;
		font-weight: normal;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		}
    #left p:small {
		font-size: 1em; 
		line-height: 1.50em;
		color: #ffffff;
		font-weight: normal;
		margin: 0px;
		padding-top: 9px;
		padding-bottom: 9px;
		}
        
	#left a {
		color: #ffffff;
		font-weight: normal;
		}
	#left a:hover {
		color: #FF9900;
		font-weight: normal;
		}
	#left ul {
		margin: 0px;
		padding: 20px;
		}
	#left ul li {
		list-style: square outside;
		font-size: .75em; 
		line-height: 1.25em;
		color: #ffffff;
		margin: 0px;
		padding: 2px;
		}
	#left ol li {
		list-style: decimal outside;
		font-size: .75em; 
		line-height: 1.25em;
		color: #ffffff;
		margin: 0px;
		padding: 2px;
		}	

/* Right Column */
	#right {
		padding-left: 20px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		width: 25%;
		float: right;
		}
	div>#right {
		float: right;
		}
	#right h2 {
		font-size: 1.25em; 
		line-height: 1.25em;
		color: #FF9900;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 0px;
		}
	#right h3 {
		font-size: 1em; 
		line-height: 1.25em;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#right h4 {
		font-size: .75em; 
		line-height: 1em;
		color: #FF9900;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#right p {
		font-size: .75em;
		color: #ffffff;
		margin: 0 5px 0 0;
		padding-bottom: 0px;
		}
	#right a {
		color: #ffffff;
		font-weight: normal;
		}
	#right a:hover {
		color: #FF9900;
		font-weight: normal;
		}
		
/* General Styles */	
	p, li {
		font-size: .75em; 
		line-height: 1.75em; 
		margin-top: 10px;
		}
		
	img {
	max-width: 100%;
	height: auto;
	}

/* Specific Styles */

	.border {
		margin-top: 5px;
		margin-right: 20px;
		margin-bottom: 10px;
		padding: 2px;
		border: 1px solid #ffffff;
		}
	#right .more {
		color: #FF9900;
		font-weight: bold;
		}
	#right .more:hover {
		color: #FFF;
		font-weight: bold;
		}
	#left p.currentevent {
		padding-top: 0px;
		}
	#left h2.currentevent {
		margin-top: 445px;
		}
	.trim {
		padding: 2px;
		border: 1px solid #ffffff;
		}