<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	background-color:#666666;
	background-image:  url("../images/demo/piecemaker/background1.jpg");
	background-repeat:  repeat-y repeat-x;
	}
a {
	color: #666600;
	font-weight:bold;
	}

a:hover {
	color: #000000;
}


a{outline:none; text-decoration:none;}

.fl_left{float:left; background-color:#333333;padding:10px 10px 10px 10px; line-height:16px; width:940px; height:210px}
.fl_leftweekend{float:left; background-color:#333333; padding:10px 10px 10px 10px; line-height:16px; width:940px; height:210px; background-image:  url("../images/songwriterweekend.jpg"); background-repeat:no-repeat;}
.fl_leftcourses{float:left; background-color:#333333; padding:10px 10px 10px 10px; line-height:16px; width:940px; height:210px; background-image:  url("../images/musiccourselogo.jpg"); background-repeat:no-repeat;}
.fl_leftsingsong{float:left; background-color:#333333; padding:10px 10px 10px 10px; line-height:16px; width:940px; height:210px; background-image:   url("../images/singer-songwriters.jpg"); background-repeat:no-repeat;}
.fl_right{float:right; font-size:18px; margin-left:15px;margin-top:10px; color:#000000; background-color:#CCCC66;padding-left:10px; padding-right:10px}
.fl_right a:link {text-decoration: none; color:#000000; font-size: 16px; font-weight: bold} 
.fl_right a:visited {text-decoration: none; color:#000000; font-size: 16px; font-weight: bold}
.fl_right a:active {text-decoration: none; color:#000000; font-size: 16px; font-weight: bold}
.fl_right a:hover {font-size:16px; background-color:#333333;font-weight:bold; color:#FFFF00;text-decoration:none}	



.imgl, .imgr{padding:4px; border:1px solid #D8D9DE;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/
#wrapperindex {
	width: 960px;
	height: 3250px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color:#333333;
			}

div.wrapper{
	display:block;
	width:960px;
	margin:0 auto;
	
	
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:15px 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}


.col2{color:#bfbd00; background-color:#000000;}
.col4{color:#989898; background-color:#FAFAFA;}

/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #header, #featured_slide, #container, #backtotop, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	z-index:0;
	}
#footer
{
	position:relative;
	margin-left:-5px ;
	background-color:#FFFFFF;
	width:960px;
	z-index:0;
	
	}
	;
	
/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
	padding:0 0;
	
	}

#topbar p, #topbar ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	color:#FFFFFF;
	font-size:10px;
	}

#topbar ul{
	float:left;
	margin-top:7px;
	}

#topbar li{
	display:inline;
	margin:0 15px 0 0;
	color:#FFFFFF;
	}

#topbar li.last{
	margin-right:0;
	}
#Layer1 {
	margin: 0 auto;
	position:absolute;
	width:100px;
	height:15px;
	color: #FFFFFF; 
	font-size:13px;
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 570px;
	top: 0px;
	visibility: visible;
	background-color: #bfbd00;
	
}
#Layer2 {
	margin: 0 auto;
	position:absolute;
	width:120px;
	height:15px;
	font-size:13px;
	color: #FFFFFF; 
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 690px;
	top: 0px;
	visibility: visible;
	background-color: #bfbd00;
}
#Layer3 {
	margin: 0 auto;
	position:absolute;
	width:370px;
	height:500px;
	color: #FFFFFF; 
	font-weight:bold;
	font-style: italic; 
	padding: 15px 10px 10px 10px;
	z-index:0;
	left: 500px;
	top: 0px;
	visibility: visible;
	background-color: #bfbd00;
	
	
}
#Layer4 {
	margin: 0 auto;
	position:absolute;
	width:700px;
	height:161px;
	color: #bfbd00;
	font-weight:bold;
	font-style: italic;
	padding: 15px 10px 10px 10px;
	z-index:0;
	left: 244px;
	top: -268px;
	visibility: visible;
	background-image:   url("../images/about.jpg")}
#Layer5 {
	margin: 0 auto;
	position:absolute;
	width:320px;
	height:215px;
	color: #FFFFFF; 
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 225px;
	top: 0px;
	visibility: visible;
	background-color: #bfbd00;}
	
	#Layer6 {
	margin: 0 auto;
	position:absolute;
	width:70px;
	height:15px;
	font-size:13px;
	color: #000000; 
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 830px;
	top: 0px;
	visibility: visible;
	background-color:#FFFF00;
}
#Layer8 {
	margin: 0 auto;
	position:absolute;
	width:400px;
	height:500px;
	font-size:13px;
	color: #000000; 
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 500px;
	top: 00px;
	visibility: visible;
	background-color:#FFFF00;
}
#Layer7 {
	margin: 0 auto;
	position:absolute;
	width:400px;
	height:500px;
	font-size:13px;
	color: #000000; 
	font-weight:bold;
	font-style: italic; 
	padding: 5px 5px 5px 5px;
	z-index:1;
	left: 30px;
	top: 2200px;
	visibility: visible;
	background-color:#FFFF00;
}
#header{
	padding:0px 0px 0px 0px;
	z-index:1;
	}

#header h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	}

#header h1 a{
	color:#FFFFFF;
	background-color:#000000;
	}

/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding:0px 0px 0px  0px;
	height:1850px;
	}

#container h2, #container h3, #container h4, #container h5, #container h6{
	margin-bottom:20px;
	color:#CCCCCC;
	background-color:#000000;
	padding:10px 10px 10px 10px ;
		}
	#container h1
	{color:#CCCCCC;
	background-color:#000000;
	padding:10px 10px 10px 10px ;}

#container a{
	#bfbd00;
	
	}

.readmore{
	display:block;
	clear:both;
	margin:0;
	padding:0;
	font-size:12px;
	color:#999933;
	text-align:right;
	text-transform:uppercase;
	padding:10px 10px 10px 10px
	}

.readmore a{
	display:inline-block;
	color:#999933;
	height:33px;
	padding-left:10px;
	background:   url("../images/readmore_left.gif") top left no-repeat;
	}

.readmore strong{
	padding:9px 10px 9px 0;
	line-height:33px;
	color:#999933;
	white-space:nowrap;
	background:   url("../images/readmore_right.gif") top right no-repeat;
	}

#shout{
	display:block;
	width:920px;
	height:3000px;
	margin:0 20px -25px 0;
	padding:20px 20px 20px 20px;
	background-color:#FFFFFF;
	}

#shout h2, #shout p{
	margin:0;
	padding:0px 10px 0px 10px ;
	list-style:none;
	line-height:normal;
	font-style:normal;
	color:#E5E5E5;
	background-color:#bfbd00;
	}
	#shout h3, #shout p{
	margin:0;
	padding:0px 10px 0px 10px ;
	
	}

#shout h2{
	margin:-6px 0 6px 0;
	font-size:30px;
	}

#shout p{
	font-size:14px;
	}

#shout p a{
	display:block;
	height:43px;
	padding:0px 10px 0px 10px;
	font-size:26px;
	text-align:center;
	text-transform:uppercase;
	color:#E5E5E5;
	background:   url("../images/shout_a_bggreen.gif") top left no-repeat ;
	}

#content{
	display:block;
	float:left;
	width:630px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist{margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#B86365; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#FFFF00; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:960px;
	}

#column .holder, #column #featured{
	display:block;
	width:960px;
	margin-bottom:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:16px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:#F7F7F7;
	}

#column #featured a{
	color:#FFFF00;
	background-color:#F7F7F7;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F7F7F7;
	}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

#column #featured li h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

#container #column .readmore a{
	display:block;
	width:100%;
	margin-top:15px;
	height:auto;
	padding-left:0;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	background:none;
	}

#column .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#column .latestnews li{
	display:block;
	width:100%;
	height:99px;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

#column .latestnews li.last{
	margin-bottom:0;
	}

#column .latestnews p{
	display:inline;
	}

#column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
margin-top:35px;
padding:30px 0;
height:2400px;
background-color:#FFFFFF;
width:890px
	}

#footer h2, #footer p, #footer ul, #footer a, #footer address{
	
	list-style:none;
	font-style:normal;
	
	}

#footer{
	color:#333333;
	font-weight:bold;
	padding:0px 20px 0px 20px
	}



#footer .readmore a{
	display:inline;
	height:auto;
	padding-left:0;
	background:none;
	}

#footer h2{
	font-style:italic;
	font-size:20px;
	line-height:normal;
	color:#CCCCCC;
	background-color:#000000;
	}

#footer li{
	margin-bottom:15px;
	}

#footer .border{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #484848;
	}

#footer .fl_left{
	display:block;
	width:500px;
	}



#footer address{
	margin:-8px 0 18px 0;
	line-height:2em;
	}

#footer .title{
	color:#6B6B6B;
	background-color:#333333;
	font-weight:normal;
	}



/* ------Tabs-----*/

#tabcontainer{
	display:block;
	width:100%;
	margin:0;
	padding:10px 10px 10px 10px;
	}

#tabcontainer ul#tabnav{
	display:block;
	width:400px;
	height:31px;
	margin:0 0 30px 0;
	padding:9px 0 0 0;
	list-style:none;
	text-transform:uppercase;
	text-align:center;
	
	}

#tabcontainer ul#tabnav li{
	display:inline;
	margin:0 15px 0 0;
	padding:0;
	}

#tabcontainer ul#tabnav .last{
	margin-right:0;
	}
	
/* --jQuery Tabs Specific - Only modify if you know what you are doing---*/

.ui-tabs{}
.ui-tabs .ui-tabs-nav{}
.ui-tabs .ui-tabs-nav li{}
#footer .ui-tabs .ui-tabs-nav li a{color:#FBF8CD; background-color:#000000; cursor:pointer;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{}
#footer .ui-tabs li.ui-tabs-selected a{color:#FFFFFF; background-color:#000000;}
.ui-tabs .ui-tabs-panel{}
#footer .ui-tabs .ui-tabs-hide{display:none;}


#footer ul.twitterfeed span{
	font-weight:bold;
	color:#6B6B6B;
	background-color:#333333;
	}

#footer ul.socialize span{
	display:inline-block;
	width:120px;
	font-size:26px;
	}

#footer #tabcontainer li.last{margin-bottom:0;}

#footer ul.blogposts p{margin-bottom:8px;}
#footer ul.blogposts .posttitle{color:#FFFFFF; background-color:#333333; font-weight:bold;}
#footer ul.blogposts .publishedon{color:#6B6B6B; background-color:#333333;}
#footer ul.blogposts .postintro{}
#footer ul.blogposts .readmore{margin-bottom:0;}

/* ----------------------------------------------Back To Top Link-------------------------------------*/

#backtotop{
	padding:0 0 20px 0;
	font-size:22px;
	font-style:italic;
	text-align:right;
	}

#backtotop a{
	padding:8px 45px 8px 0;
	color:#FBF8CD;
	background:   url("../images/tothetop.gif") right center no-repeat #333333;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:15px 0;
	border-top:1px solid #484848;
	}

#copyright p{
	margin:0;
	padding:0;
	}

#copyright, #copyright a{
	color:#666666;
	background-color:#333333;
	}
	
	#menuwrapper {

	z-index:1;
	display:block;
	margin: 0 auto;
	padding : 0px 0px 0px 0px;
	
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #FFFFFF;
	font-size: 12px;
	z-index:1;
	color:#000000;
	background-color:#bfbd00;
	
	}
#menubar a.trigger {
	padding: 5px 6px 5px 8px;
	background-repeat: no-repeat;
	z-index:1;
	background-position: right center;
}

#menubar li {
	float: left;
	width: 9em;
	z-index:1;
}
#menubar li ul, #menubar ul li  {
z-index:1;
	width: 8em;
}
#menubar ul li a  {
z-index:1;
	color: #FFFFFF;
	border-right: 0px none;
	padding-left:2px; padding-right: 3px; padding-top:3px; padding-bottom:3px
}
#menubar li ul {
z-index:1;
	position: absolute;
	display: none;
	background-color:#666666;
	border-right: 10px solid #333333;
	border-bottom: 10px solid #333333;
	background-repeat: repeat-x;
	text-align:left
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color:#FFFF00;
	z-index:1;
	background-color:#999933;
}
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
	z-index:1;
}
#menubar li:hover ul a, #menubar li.hvr ul a {
	color:#FFFF00;
	background-color: #333333;
	z-index:1;
}

#menubar ul a:hover {
	background-color:#999933;
	color: #FFFF00;
	z-index:1;
}
#menubar li {width: auto; z-index:1;}



.style86 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.style87 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.style312 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	font-style: italic;
}
.style411 {font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-weight:bold;
	color:#CCCCCC;
	}

.style411 a:link {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold} 
.style411 a:visited {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style411 a:active {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style411 a:hover {font-size:12px; background-color:#000000;font-weight:bold; color:#FFFF00;text-decoration:none}	

.style1 {font-size: 10px}
.style401 {font-size: 10px; color:#FFFFFF}
.style87 {font-size: 16px}
.style88 {font-size: 14px}
.style402{color:#bfbd00; background-color:#000000;font-size: 20px}

.style89 {font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-weight:bold;
	color:#CCCCCC;
	background-color:#000000
	}

.style89 a:link {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold} 
.style89 a:visited {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style89 a:active {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style89 a:hover {font-size:12px; background-color:#000000;font-weight:bold; color:#FFFF00;text-decoration:none}	

.style189 {font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#CCCCCC;
	background-color:#000000
	}
.style190 {font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	
	}
	.style90 {font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-weight:bold;
	color:#000000}
		

.style90 a:link {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold} 
.style90 a:visited {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style90 a:active {text-decoration: none; color:#bfbd00; font-size: 12px; font-weight: bold}
.style90 a:hover {font-size:12px; font-weight:bold; color:#FFFF00;text-decoration:none}	

#footer .h2 {
	margin:0;
	padding:0px 10px 0px 10px ;
	list-style:none;
	line-height:normal;
	font-style:normal;
	color:#FFFFFF;
	background-color:#bfbd00;
	}


.style192 {color: #006600}

.style193 {color: #FF0000}
.style194 {color: #000000; font-size: 12px; line-height:14px; font-style: italic; font-family: Arial, Helvetica, sans-serif;}
.style195 {color: #333333; font-size: 11px; line-height:14px; font-style: italic; font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
</pre></body></html>