body {
	background: #fff;
	margin: 0 0 10px 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #666; line-height: 1.33;
	text-align:center;
	
}
ul{font-size:70%;}
a img{border:none}
a{color:#3399CC}
.hidden{display : none;}
div#wrapper{width: 745px;
	padding: 0;
	margin:0px auto 0 auto;
	background:white;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 745px;
border-top: 5px solid #eee;
}

#logo{float:left; width:210px}
#dropdown{float:left; width:530px; text-align:right;padding:10px 0 0 0 }
.clearercds{clear:both;line-height:0;height:0;}
.clearer{clear:both; height:5px; line-height:1px;}
#mainnav{ margin:0 0 10px 0;padding:0 10px 0 0;background:  url(images/nav-bg.gif) no-repeat;height:45px; float:left; width:745px;}
/*#mainnav li {float:left;margin:0 1px;padding:0;list-style:none;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:uppercase;letter-spacing:1px;}
#mainnav li.select {background:url("images/nav-right-bg.gif") no-repeat right top;}
#mainnav li.select a { background:url("images/nav-left-bg.gif") no-repeat left top;color:#477CC2}
#mainnav ul {margin:0;padding:5px 5px 0;list-style:none;}
#mainnav a { display:block;padding:10px 5px 10px;text-decoration:none;color:#666;}
#header #current a {background-image:url("norm_left_on.gif");padding-bottom:5px 0;}
	*/
  
  
    #mainnav ul {
      margin:0;
      padding:7px 2px 0;
      list-style:none;
      }
    #mainnav li {
      float:left;
     margin:0 2px;
      padding:0 0 0 2px;list-style:none;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:uppercase;letter-spacing:1px;
      }
	   #mainnav li.select {
      float:left;
      background: url(images/nav-left-bg.gif) no-repeat left top;
    margin:0 2px;
      padding:0 1px 0 3px;list-style:none;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:uppercase;letter-spacing:1px;
      }
    #mainnav a {
      float:left;
      display:block;
     
      padding:10px 3px 10px;
      text-decoration:none;
     color:#765;
      }
	  #mainnav ul li.select a {
      float:left;
      display:block;
      background: url(images/nav-right-bg.gif) no-repeat right top;
      padding:10px 3px 10px;
      text-decoration:none;
     
     
      }
	  #mainnav ul li.select a.pink {
     
     color:#E1009B
     
      }
	  #mainnav ul li.select a.navcds {color:#E1004C}
	  #mainnav ul li.select a.navcontact {color:#FDD200}
	  #mainnav ul li.select a.navfaqs {color:#0EBBD2}
	  #mainnav ul li.select a.navlinks {color:#67B65F}
	  #mainnav ul li.select a.newmusic {color:#355E8D}
	  #mainnav ul li.select a.navnyro {color:#98D22F}
	  #mainnav ul li.select a.navcamp {color:#2547cc}
	  #mainnav ul li.select a.navsponsor {color:#8D3573}
	   #mainnav ul li.select a.navwhatson {color:#FF7116}
	    #mainnav ul li.select a.navworkshops {color:#3FA1FF}
		 #mainnav ul li.select a.navhome {color:#000}
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #mainnav a {float:none;}
    /* End IE5-Mac hack */
	
	 
    
#leftcontainer{float:left; width:220px;}
#leftcontainerhome{float:left; width:220px;}
#leftcontainerhome a{color:white; text-decoration:none}
#leftcontainerhome a:hover{text-decoration:underline}
#listen{height:130px;  background: url(images/listen.gif) no-repeat; margin:0; padding:0; }
#listen p{font-size:70%; color:white;padding: 50px 20px 0 10px; margin:0; line-height:1.3}
#play{height:130px;  background: url(images/play.gif) no-repeat; margin:10px 0;}
#play p{font-size:70%; color:white;padding: 50px 20px 0 10px;    margin:0; line-height:1.3}
#create{height:130px;  background: url(images/create.gif) no-repeat; }
#create p{font-size:70%; color:white;padding: 50px 20px 0 10px;    margin:0; line-height:1.3}
#middlecontainer{float:left;width:522px; }
#mainimage{/*background: url(images/mainimage.jpg)*/  height:345px}
#homenews{margin:0 0 0 355px; padding:0;}
#homenews h1{font-size:140%; font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; color:black; padding:10px 10px 5px 10px; margin:0}
#homenews p {font-size:70%; padding:2px 15px; margin:0; color:black; line-height:1.3}

#scroller{background: url(images/roll-bg.gif) no-repeat; height:55px; margin:10px 0 0 0}
#scroller p{margin:0;padding:8px 10px}
#footer{margin:10px 0 0 0 }
#footer a{color:#999 }
#footer p{ border-top:2px solid #E9EAEA; border-bottom:1px solid #000;margin:10px 0 10px 0;padding:5px 0 5px 0; text-align:center;color:#999999;font-size:65%;}
#form {margin:0; padding:0;}

/*level two styles begin*/
#leftmaincontainer{float:left; width:190px;}
#middlemaincontainer{float:left;width:380px; }

#secondnav{ margin: 0}
#secondnav ul{margin:0 10px 0 0 ;padding:0 ;text-align:left;}
#secondnav ul li{margin:0; padding:4px 0 4px 10px;list-style:none;border-left:5px solid #eee; border-top:1px dotted #ccc; }
a img{border:none}
#secondnav ul li.navselect{border-left:5px solid #FF7116}
#secondnav ul li.navselectabout{border-left:5px solid #E1009B}
#secondnav ul li.navselectnyro{border-left:5px solid #98D22F}
#secondnav ul li.navselectworkshops{border-left:5px solid #3FA1FF}
#secondnav ul li.navselectcds{border-left:5px solid #E1004C}
#secondnav ul li.navselectcontact{border-left:5px solid #FDD200}
#secondnav ul li.navselectfaqs{border-left:5px solid #0EBBD2}
#secondnav ul li.navselectsponsor{border-left:5px solid #8D3573}
#secondnav ul li.navselectlinks{border-left:5px solid #67B65F}
#secondnav ul li.navselectnewmusic{border-left:5px solid #355E8D}
#secondnav ul li a{text-decoration:none; }
#secondnav ul li a:hover{text-decoration:underline}

#rightmaincontainer{float:left;width:172px;margin:0; padding:0;  }
#rightmaincontainer a{text-decoration:none  }
#rightmaincontainer a:hover{text-decoration:underline  }
h1.workshops, h1.about, h1.whatson, h1.nyrohead, h1.camphead, h1.cdshead, h1.sponsorshead, h1.faqshead, h1.contacthead, h1.linkshead, h1.newmusichead{margin:0 0 0 2px;padding:3px 5px;font-size:140%; font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; color:white;} 
h1.about{background:#E1009B}
h1.whatson{background:#FF7D07}
h1.nyrohead{background:#98D22F}
h1.camphead{background:#2547cc}
h1.cdshead{background:#E1004C}
h1.sponsorshead{background:#8D3573}
h1.contacthead{background:#FDD200}
h1.faqshead{background:#0EBBD2}
h1.linkshead{background:#67B65F}
h1.newmusichead{background:#355E8D}
h2{font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal;}
h2#nyro{font-size:110%; font-weight:normal; font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;margin:0 ;color:white; padding:2px 0 0 15px; background:  url(../whats-on/images/nyro-head-bg.gif) no-repeat}
h2#newshead{font-size:90%;text-align:left}
#nyroimage{margin:0; padding:0;background:  url(whats-on/images/nyro-image.jpg) no-repeat; height:70px;}
p{font-size:70%; line-height:1.6}
#level2mainimage{margin:0; padding:0;}
#level2mainimageright{margin:0; padding:0;background:  url(whats-on/images/workshops-right.jpg) no-repeat; height:92px;}
#nyrofeature{background:  url(whats-on/images/nyro-bg.gif) repeat-y}
#nyrobottomimage{background:  url(whats-on/images/nyro-bottom.gif) no-repeat; height:10px;}
p#nyroparagraph{padding:0 5px 0 20px; margin:0}
#newmusictop{background:#B8E2FF url(whats-on/images/newmusic-top.gif) no-repeat top left;margin: 10px 0 0 10px;padding:0}
#youthcamptop{margin: 10px 0 0 10px;padding:0}
#newmusictopworkshop{background:#FF8430 url(workshops/images/workfeature-top.gif) no-repeat top left;margin: 0 0 0 10px;padding:0}
#newmusicbottom{margin:0 0 0 10px;padding:0}
#cd{width:60px; float:right; padding: 8px; margin:0;}
#newmusictop p{margin:0; padding:10px;}
h3#otherfeatures{font-size:100%; font-weight:normal; font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;margin: 10px 0 0 15px ;color:#999; padding:3px 0 3px 0; border-top:1px dotted #666; border-bottom: 1px solid #666 }
#featurelist ul{list-style:none; margin:5px 0;padding:0; }
#featurelist ul li{background: url(images/bullet-arrow.gif) no-repeat center left; padding:2px 0 2px 15px; margin:0 0 0 15px;}
#details{margin:10px 0 0 0}
h2#title, h2#titlenews, h2#titlenyro, h2#titlecamp, h2#titlecd{font-size:120%;margin:0 ;padding:0;color:#FF6600}
h2#titlenews{color:#E1009B}
h2#titlecamp{color:#2547cc}
h2#titlenyro{color:#98D22F}
h2#titlecd{color:#E1004C}
h2#date{font-size:120%;margin:0 ;padding:0;color:#666}
h2#listdate, h2#listdateworkshop{font-size:120%;margin:0 ;padding:0 0 5px 0;color:#666; border-bottom:1px dotted #FF6600;}
h2#listdateworkshop{border-bottom:1px dotted #44A4F5;}
#details{border-bottom:1px dotted #FF6600; padding:0 0 5px 0}
#detailslinks{border-bottom:1px dotted #67B65F; padding:0 0 5px 0;margin:10px 0 10px 0}
#detailscds{border-bottom:1px dotted #E1004C; padding:0 0 5px 0;margin:10px 0 10px 0}
#maindetails{border-bottom:1px dotted #FF6600; padding:0 0 5px 0; }
#maindetailslinks{border-bottom:1px dotted #67B65F; padding:0 0 5px 0; }
#maindetailscds{border-bottom:1px dotted #E1004C; padding:0 0 5px 0; }
#maindetails p{font-size:70%}
#maindetails ul{font-size:70%}
/*#maindetails ul li{background: url(whats-on/images/list-arrow.gif) no-repeat 0 15px;}*/
#maindetails h4{font-size:80%}


p.venuefee{margin:0; padding:0}
#quote{color:#FF9900; }
#titleimage{float:right; width:150px; padding:4px;margin:10px 0px 5px 5px; border:1px solid #ccc; background:white}
p.back{background:  url(../images/back-arrow.gif) no-repeat center left; padding: 0 0 0 15px}
p.book{border-bottom:1px dotted #FF6600; padding:0 0 5px 0}
#listevents{margin-top:10px;}
.listevents{margin-top:10px;}
p.concerttitle{padding: 10px 0 0 5px;margin:5px 0 0 0; /*background:url(images/list-arrow.gif) no-repeat 0 15px ;*/ font-weight:bold}
p.concerttitle a{text-decoration:none}
p.concerttitle a:hover{text-decoration:underline}
p.concertvenue{padding: 0 0 10px 5px; margin:0}
#concertlist{background:#eee;}
.concertlist{background:#eee;}

/*workshops*/

#newmusictopworkshop ul{padding:0 5px 5px 0; margin:0}
#newmusictopworkshop li{padding:2px 0; margin:0 0 0 10px; list-style:none; color:white;}
h2#featurelevel{color:white; font-size:120%; padding: 5px 10px; margin:0}
span.bluelevel{ font-weight:bold;}
#newmusicbottomworkshops{margin:0 ;padding:0}
/*this is the list style for inside dynamic block*/
h1.workshops{margin:0 0 0 2px;padding:3px 5px;font-size:140%; font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; color:white;background:#3FA1FF} 
#middlemaincontainer ul{margin:0 0 0 15px; padding:0 ;background:none }
#middlemaincontainer li{background: none ;padding:3px 0 3px 5px; margin:0;list-style:circle; line-height:normal}

/*workshops*/
h2#workshoptitle{font-size:120%;margin:0 ;padding:0;color:#42B4FF}
p.workshopbook{border-bottom:1px dotted #42B4FF; padding:0 0 5px 0;clear:right}
#workshopdetails{border-bottom:1px dotted #42B4FF; padding:0 0 5px 0; margin:10px 0 0 0}
#genreblock{background: #EAF8FF}
#bathgenre{float:left; width:190px;background: #EAF8FF}
#othergenre{float:left;width:190px;background: #EAF8FF; }
#genreblock h3, #levelboxholder h3{font-size:90%; font-weight:normal; margin:0; padding:0;color:white;}
h3#bath{ background: url("workshops/images/workshops-top.gif") no-repeat top left;padding:5px 5px}
h3#other{ background: url("workshops/images/workshops-topleft.gif") no-repeat top left;padding:5px 5px; }
#middlemaincontainer ul.genrelist, #middlemaincontainer #levelboxholder ul{color:#2479D3; font-family:"Trebuchet MS",Verdana, sans-serif;font-size:80%; margin:5px; padding:0;}
#middlemaincontainer ul.genrelist li{list-style:none; background:url("workshops/images/genrelist-arrow.gif") no-repeat center left;padding:2px 0 2px 20px}
#middlemaincontainer #levelboxholder{background:#FF9147; margin-top:10px}
#middlemaincontainer #levelboxholder h3{background: url("workshops/images/level-box-top.gif") no-repeat top left;padding:10px 5px 5px 25px;font-weight:bold;margin:0}
#middlemaincontainer #levelboxholder ul li{list-style:disc;color:white;padding:2px 0 2px 20px;color:white;background:none}
#middlemaincontainer h4 {font-size:100%;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; margin:2px 0; padding:2px 0; color:#666; border-bottom:1px dotted #ccc}
h4.contact {font-size:100%;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; margin:2px 0; padding:2px 0; color:#934906; border-bottom:1px dotted #934906; border-top:1px solid #934906}
div.moreinfo{text-align:right;padding:0 0 5px 0; margin:0}
div#allianz{margin:10px 0 10px 10px;}
div#spalogo{margin:5px 0 10px 10px;}
/*news*/
div.sectionnyro{background:#EFEFEF;margin:10px 0 20px 0; padding:0;border-top:1px dotted #98D22F}
div.section{background:#EFEFEF;margin:10px 0 20px 0; padding:0;border-top:1px dotted #E1009B}
div.date {margin: 0px 320px 10px 10px;padding:10px 0}
/* date styles from www.mezzoblue.com (thanks!!) */
span.calPage {color: #E1009B; font-size: 10px; text-shadow: #bbb 1px 1px 1px; display: block; 
background:   url("about/images/date-main.gif") 0 0 no-repeat; text-align: center; 
text-transform: uppercase; line-height: 1; margin-top: 0; 
width: 35px; padding-top: 5px; top: 20px;
 /* I have to choose between IE5.0 and 5.5 here. I choose 5.5.*/
left: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
left: -40px;} 
span.calPage span.day {display: block; font-weight: bold; font-size: 20px; text-indent: -3px; 
letter-spacing: 0; color: #E1009B; text-shadow: #bbb 2px 2px 0;}
span.calPage span.year {display: block; font-weight: normal; font-size: 9px;  
letter-spacing: 0; color: #E1009B; text-shadow: #bbb 1px 1px 1px; 
background:   url("about/images/date-bottom.gif") bottom left no-repeat; padding-bottom: 5px;}
div.newsitem{float:right; width:320px;  }
div.campitem{float:left; width:360px; padding-left:5px;  }
.newsitem p{margin:0; padding:8px 5px 0 0;}
p.newstitle{font-weight:bold; padding:5px 0 0 0; margin:0;}
p.shortcontent{padding:5px 0 0 0; margin:0;}
#middlemaincontainer h3.archives{font-size:100%;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; margin:10px 0; padding:5px 0; color:#999; border-bottom:1px dotted #666; border-top:1px solid #ccc}
/*cds*/
div.cdsection{margin:10px 0 5px 0; padding:0;border-top:1px dotted #E1009B}
div.coverimage {margin: 0px 120px 10px 10px;padding:10px 0;}
div.coverimage img{padding:5px; border:1px solid #ccc}
div.releaseitem{float:right; width:250px;  }

p.cdname{font-weight:bold; padding:10px 0 0 0; margin:0;}
p.cdtitle{padding:0 0 0 0; margin:0;}
#middlemaincontainer ol{margin:0 0 0 30px; padding:0 ;background:none }
#middlemaincontainer ol li{background: none;padding:0 0 0 0; margin:0;list-style:decimal; font-size:70%}
p.cdtitle img{padding:5px 0 0 0}
p.artistname{font-weight:bold; padding:10px 0 0 0; margin:0;line-height:1em}
/*sponsors*/
#sponsorholder{border-top:1px dotted #8D3573;}
.sponsorblock{float:left;width:113px; padding:0 0 0 10px }
.sponsorblock img{padding:10px 0 ; }
.clearsponsors{line-height:0em; height:1px;clear:both; margin:10px 0 0 0; border-top:1px dotted #8D3573; padding: 0 0 5px 0} 
h4.supporters{border-top:1px dotted #8D3573;}
#supporterholder table{margin:10px 0 5px 0}

/*faqs*/
.qanda{border-bottom:1px dotted #098B9C }
p.question{background:#E1ECED; padding:5px 0; margin:10px 0 0 0; border-top:2px solid #098B9C;}
p.answer{ padding:5px 0; margin:0}
span.quest{color:#098B9C; font-weight:bold}

/*contact*/
input.textbox{width:143px; font-size:100%;border:1px solid #ccc; background:#eee}
input.email{width:200px; font-size:120%;border:1px solid #ccc; background:#eee}
textarea.message{width:250px; font-size:100%;border:1px solid #ccc; background:#eee}
#middlemaincontainer li{background: none ;padding:3px 0 3px 5px; margin:0;list-style:circle; line-height:1.6}
h3.contact {font-size:100%;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal; margin:2px 0; padding:2px 0; color:#999; border-bottom:1px dotted #ccc; border-top:1px solid #ccc}

/* bookings */
div.boxout {margin:0 0 10px; padding:5px; border:1px dotted #ccc}
#maindetails div.boxout p.title {font-size:100%;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-weight:normal;color:#666; padding:0;margin:0;}
#maindetails div.boxout p {padding:0;margin:0;}