html 
{ 
background: #666666;
}
body {
	text-align: center;
	margin-top: 0;
	width: 100%;
	overflow-x: hidden;
	font-size: 10pt;
	color: white;
}
div.body ul {
	text-align: left;
}
div.body table {
	text-align: left;
}
div.body {
/* top, centred */ 
	text-align: justify;
	width: 800px;
	height: 555px;
	margin:0 auto auto auto; 
	padding: 0;
	background-color:black; 
	font-family: verdana, sans-serif;
}
body>div>div#site_copyright {
	background: url(../../img/layout/yellow_line_2.png) no-repeat;
}
div#site_copyright a { color: #fff; }
div#site_copyright {
	color: #fff; 
	position: absolute;
	top: 500px;
	margin-left: -60px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='../../img/layout/yellow_line_2.png');

	width: 912px;
	height: 107px;
	padding: 30px 0px 0px 100px;
	font-size: 10pt;
	font-family: sans-serif;
}


/* Menu Items Colours */
.events a span {	background: #fe0000; }
.the_soc a span { background: #ff4001; }
.your_soc a span { background: #009cf6; }
.gallery a span { background: #80c31b; }
.misc a span { background: #ef037f; }

/* Site Title */
h1#site_title {
	float: left;
	width: 200px;
	height: 111px;
	margin: 0;
	padding: 0;
}
h1#site_title a {
	display: block;
	width: 200px;
	height: 111px;
	margin: 0;
	padding: 0;
	background: url(../../img/layout/logo.png) no-repeat top;
}
h1#site_title span {
	display: none;
}
body>div>div#recent_news {
	background: url(../../img/layout/yellow_line_1.png) no-repeat;
}
div#recent_news {
clear: both;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='../../img/layout/yellow_line_1.png');
position: absolute;
margin-left: -55px;
width: 942px;
height: 62px;
top: 91px;
z-index: 100;
}

#scroll .vscrollerbarend {
background: url(../../img/vscroller2.png);
width: 18px;
height: 9px;
}

#scroll .vscrollerbase {
width: 18px;
/*background: white none;*/
background: #000000 none;
margin-left:0px;
margin-top: 0px;
}

#scroll .vscrollerbar {
background-color: #8F9793;
padding: 0px;
margin: 0;
}

#scroll .vscrollerbasebeg, #test2 .vscrollerbaseend {
background-image: none;
}
	#scroll .vscrollerbarbeg {
	background: url(../../img/vscroller2.png) 0px -9px;
	width: 18px;
	height: auto;
	}
div#scroll {
	overflow: auto;
	position: absolute;
	margin-left: 40px;
	top: 135px;
	height: 355px;
	width: 700px;
/*	border: 1px solid #333333;*/
/*	background: #0f0f0f;*/
	background: black;
	padding: 0 6px;
}



.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}
.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
z-index: 2;
}

/* Default Table styling */
table.normal { width: 90%; padding-bottom: 12px}
table.normal td { background: #555; padding: 1px; font-size: 10pt}
table.normal tr.heading td { background: #ff4001; padding-top: 2px; padding-bottom: 2px;}
table.normal td.row_error { background: #c00; }

/* Headings */
a, a:visited { color: #ff4001; }
h2 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 20pt;
	margin:0 0 -4px 0;
	padding: 3px 0 0px 0;
}
h3 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16pt;
	margin:0;
	margin:0 0 -4px 0;
	padding: 6px 0 0px 0;
}
h4 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
	margin:0 0 -10px 0;
	padding: 3px 0 0px 0;
}
h5 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
	margin:0;
	padding: 3px 0;
}

body#events div#scroll a { color: #fe0000; }
body#the_soc div#scroll a { color: #80c31b; }
body#your_soc div#scroll a { color: #009cf6; }
body#gallery div#scroll a { color: #ff7f00; }
body#more div#scroll a { color: #81017c; }

body#events div#scroll a:hover {	background: #fe0000; color: #ddd; }
body#the_soc div#scroll a:hover { background: #80c31b; color: #ddd; }
body#your_soc div#scroll a:hover { background: #009cf6; color: #ddd; }
body#gallery div#scroll a:hover { background: #ff7f00; color: #ddd; }
body#more div#scroll a:hover { background: #81017c; color: #ddd; }
div#scroll a:visited { filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
body#events table.normal tr.heading td {	background: #fe0000; }
body#the_soc table.normal tr.heading td { background: #80c31b; }
body#your_soc table.normal tr.heading td { background: #009cf6; }
body#gallery table.normal tr.heading td { background: #ff7f00; }
body#more table.normal tr.heading td { background: #81017c; }
div#design_credit {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
	font-size: 9pt;
}
div#design_credit a {
	color: #fff;
}


ul.form {
margin: 0 auto;
padding: 25px 0;
width: 30.5em;
list-style-type: none;
}

ul.form li {
line-height: 28px;
}
ul.form li label {
display: block;
float: left;
width: 14em;
}
ul.form li input.add_option {
	width: 4em;
}
ul.form li input {
width: 16em;
background: black;
color: white;
}
ul.form li span.error {
margin-left: 5px;
width: 7em;
color: #f00;
}
ul.form li select {
margin: 0;
padding: 0;
color: white;
background: black;
}
ul.form li select.month {
width: 4em;
}
ul.form li select.day {
width: 3em;
}ul.form li select.year {
width: 5em;
}
ul.form li.submit {
text-align: center;
padding-top: 8px;
}
ul.form li.submit input {
width: 6em;
}
ul.form li textarea {
width: 17.5em;
}

table#musiciansdir {margin-top: 10px;}
table#musiciansdir { width: 90%; padding-bottom: 12px}
table#musiciansdir td { background: #555; padding: 1px; font-size: 10pt}
table#musiciansdir tr.heading td { background: #81017c; padding-top: 2px; padding-bottom: 2px;}
ul#musiciansdir-search li {
display: inline;
}
ul#musiciansdir-search li input {
background: black;
color: white;
margin-left: 8px;
}
ul#musiciansdir-search li select {
background: black;
color: white;
}
ul#musiciansdir-search li label {
margin-left: 5px;
}